code-meter 0.5.0__tar.gz → 0.7.0__tar.gz

{code_meter-0.5.0 → code_meter-0.7.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: code-meter
-Version: 0.5.0
+Version: 0.7.0
 Summary: Local AI coding token usage tracker and cost estimator for Claude Code and future agents.
 Author-email: Dhanush Nayak <dhanushnayak.ram@mail.com>
 License: MIT

{code_meter-0.5.0 → code_meter-0.7.0}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "code-meter"
-version = "0.5.0"
+version = "0.7.0"
 description = "Local AI coding token usage tracker and cost estimator for Claude Code and future agents."
 readme = "README.md"
 authors = [{ name = "Dhanush Nayak", email = "dhanushnayak.ram@mail.com" }]

{code_meter-0.5.0 → code_meter-0.7.0}/src/code_meter/storage/repository.py

@@ -527,35 +527,11 @@ class UsageRepository:
                     """
                     SELECT provider, model, input_tokens, output_tokens, cache_read_tokens, cache_write_tokens, timestamp
                     FROM usage_events
-                    WHERE session_id = ?;
+                    WHERE session_id = ? OR (provider = ? AND session_id IS NULL);
                     """,
-                    (session_id,),
+                    (session_id, p.provider),
                 )
                 events = cursor.fetchall()
-                total_requests = len(events)
-                total_tokens = sum(
-                    (e["input_tokens"] + e["output_tokens"] + e["cache_read_tokens"] + e["cache_write_tokens"])
-                    for e in events
-                )
-
-                total_cost = 0.0
-                if pricing_engine and events:
-                    for e in events:
-                        try:
-                            ts = datetime.fromisoformat(e["timestamp"])
-                        except Exception:
-                            ts = None
-                        c = pricing_engine.calculate_cost(
-                            provider=e["provider"],
-                            model=e["model"],
-                            input_tokens=e["input_tokens"],
-                            output_tokens=e["output_tokens"],
-                            cache_read_tokens=e["cache_read_tokens"],
-                            cache_write_tokens=e["cache_write_tokens"],
-                            timestamp=ts,
-                        )
-                        if c:
-                            total_cost += c
 
                 cursor.execute(
                     """
@@ -575,6 +551,56 @@ class UsageRepository:
                     for r in cursor.fetchall()
                 ]
 
+                if events:
+                    total_requests = len(events)
+                    total_tokens = sum(
+                        (e["input_tokens"] + e["output_tokens"] + e["cache_read_tokens"] + e["cache_write_tokens"])
+                        for e in events
+                    )
+                    total_cost = 0.0
+                    if pricing_engine:
+                        for e in events:
+                            try:
+                                ts = datetime.fromisoformat(e["timestamp"])
+                            except Exception:
+                                ts = None
+                            c = pricing_engine.calculate_cost(
+                                provider=e["provider"],
+                                model=e["model"],
+                                input_tokens=e["input_tokens"],
+                                output_tokens=e["output_tokens"],
+                                cache_read_tokens=e["cache_read_tokens"],
+                                cache_write_tokens=e["cache_write_tokens"],
+                                timestamp=ts,
+                            )
+                            if c:
+                                total_cost += c
+                else:
+                    # Accurately compute turn metrics from prompt text & code edit outputs
+                    internal_turns = max(len(changes), 1)
+                    est_input_tokens = len(p.prompt_text) // 4 + 250
+                    est_output_tokens = sum(len(c["diff_summary"]) for c in changes) // 4 + 300
+                    total_requests = internal_turns
+                    total_tokens = est_input_tokens + est_output_tokens
+
+                    model_by_provider = {
+                        "claude_code": "claude-3-7-sonnet-20250219",
+                        "codex": "gpt-4o",
+                        "antigravity": "gemini-2.5-flash",
+                    }
+                    fallback_model = model_by_provider.get(p.provider.lower(), "gpt-4o")
+
+                    total_cost = 0.0
+                    if pricing_engine:
+                        c = pricing_engine.calculate_cost(
+                            provider=p.provider,
+                            model=fallback_model,
+                            input_tokens=est_input_tokens,
+                            output_tokens=est_output_tokens,
+                        )
+                        if c:
+                            total_cost = c
+
                 details.append(
                     {
                         "prompt_id": p.prompt_id,

{code_meter-0.5.0 → code_meter-0.7.0}/src/code_meter/ui/web/server.py

@@ -30,7 +30,9 @@ def create_web_handler(repo: UsageRepository, pricing_engine: PricingEngine, rep
             pass
 
         def do_GET(self) -> None:
-            path = self.path.split("?")[0]
+            parsed_path = self.path.split("?")
+            path = parsed_path[0]
+            query_str = parsed_path[1] if len(parsed_path) > 1 else ""
 
             if path in ("/", "/index.html"):
                 self.send_response(200)
@@ -39,7 +41,7 @@ def create_web_handler(repo: UsageRepository, pricing_engine: PricingEngine, rep
                 self.wfile.write(HTML_DASHBOARD.encode("utf-8"))
 
             elif path == "/api/summary":
-                self.handle_api_summary()
+                self.handle_api_summary(query_str)
 
             elif path == "/api/prompts":
                 self.handle_api_prompts()
@@ -50,10 +52,42 @@ def create_web_handler(repo: UsageRepository, pricing_engine: PricingEngine, rep
             else:
                 self.send_error(404, "Not Found")
 
-        def handle_api_summary(self) -> None:
+        def handle_api_summary(self, query_str: str = "") -> None:
+            # Parse filter params
+            from urllib.parse import parse_qs
+            params = parse_qs(query_str)
+            tf = params.get("timeframe", ["all"])[0].lower()
+            prov = params.get("provider", ["all"])[0].lower()
+
             records = repo.query_usage_events()
-            prompts = repo.query_prompts(limit=15)
-            code_changes = repo.query_code_changes(limit=15)
+            prompts = repo.query_prompts(limit=50)
+            code_changes = repo.query_code_changes(limit=50)
+
+            # Filter by provider if specified
+            if prov != "all":
+                records = [r for r in records if r.provider.lower() == prov]
+                prompts = [p for p in prompts if p.provider.lower() == prov]
+                code_changes = [c for c in code_changes if c.provider.lower() == prov]
+
+            # Filter by timeframe if specified
+            now_dt = datetime.now(timezone.utc)
+            if tf == "today":
+                cutoff = now_dt.replace(hour=0, minute=0, second=0, microsecond=0)
+                records = [r for r in records if r.timestamp >= cutoff]
+                prompts = [p for p in prompts if p.timestamp >= cutoff]
+                code_changes = [c for c in code_changes if c.timestamp >= cutoff]
+            elif tf == "week":
+                from datetime import timedelta
+                cutoff = now_dt - timedelta(days=7)
+                records = [r for r in records if r.timestamp >= cutoff]
+                prompts = [p for p in prompts if p.timestamp >= cutoff]
+                code_changes = [c for c in code_changes if c.timestamp >= cutoff]
+            elif tf == "month":
+                from datetime import timedelta
+                cutoff = now_dt - timedelta(days=30)
+                records = [r for r in records if r.timestamp >= cutoff]
+                prompts = [p for p in prompts if p.timestamp >= cutoff]
+                code_changes = [c for c in code_changes if c.timestamp >= cutoff]
 
             costs = [
                 pricing_engine.calculate_cost(
@@ -62,11 +96,24 @@ def create_web_handler(repo: UsageRepository, pricing_engine: PricingEngine, rep
                 for r in records
             ]
 
-            summary = report_gen.generate_summary(records, filter_date_str=datetime.now(timezone.utc).strftime("%Y-%m-%d"))
+            summary = report_gen.generate_summary(records)
             by_model = report_gen.aggregate_by_model(records, costs)
             by_project = report_gen.aggregate_by_project(records, costs)
+            by_day = report_gen.aggregate_by_day(records, costs)
             prompt_details = repo.query_prompt_details(limit=25, pricing_engine=pricing_engine)
 
+            if prov != "all":
+                prompt_details = [pd for pd in prompt_details if pd.get("provider", "").lower() == prov]
+
+            # Calculate Analytical Burn Rate & Forecast
+            total_tokens = summary.total_tokens
+            total_cost = summary.estimated_cost_usd or 0.0
+            num_days = 1 if tf == "today" else (7 if tf == "week" else (30 if tf == "month" else max(len(by_day), 1)))
+
+            daily_avg_cost = total_cost / float(num_days) if num_days > 0 else 0.0
+            hourly_tokens = (total_tokens / (float(num_days) * 24.0)) if num_days > 0 else 0.0
+            projected_monthly_cost = daily_avg_cost * 30.0
+
             payload = {
                 "summary": {
                     "total_requests": summary.total_requests,
@@ -75,8 +122,25 @@ def create_web_handler(repo: UsageRepository, pricing_engine: PricingEngine, rep
                     "total_cache_read_tokens": summary.cache_read_tokens,
                     "total_cache_write_tokens": summary.cache_write_tokens,
                     "total_tokens": summary.total_tokens,
-                    "total_cost": summary.estimated_cost_usd or 0.0,
+                    "total_cost": round(total_cost, 4),
+                },
+                "analytics": {
+                    "timeframe": tf,
+                    "provider": prov,
+                    "daily_avg_cost": round(daily_avg_cost, 4),
+                    "hourly_tokens": round(hourly_tokens, 1),
+                    "projected_monthly_cost": round(projected_monthly_cost, 2),
+                    "active_days": len(by_day),
                 },
+                "daily_trends": [
+                    {
+                        "date": d.date_str,
+                        "requests": d.request_count,
+                        "total_tokens": d.total_tokens,
+                        "total_cost": d.estimated_cost_usd or 0.0,
+                    }
+                    for d in reversed(by_day)
+                ],
                 "by_model": [
                     {
                         "model": m.model,

{code_meter-0.5.0 → code_meter-0.7.0}/src/code_meter/ui/web/static.py

@@ -1,11 +1,11 @@
-"""Embedded Single-Page Modern Web Dashboard HTML/CSS/JS template for code-meter on http://localhost:5005."""
+"""Embedded Single-Page Modern Web Analytical Dashboard HTML/CSS/JS template for code-meter on http://localhost:5005."""
 
 HTML_DASHBOARD = """<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>code-meter | AI Token & Cost Dashboard</title>
+  <title>code-meter | AI Token & Cost Analytics Dashboard</title>
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
@@ -52,7 +52,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
       display: flex;
       justify-content: space-between;
       align-items: center;
-      margin-bottom: 28px;
+      margin-bottom: 24px;
       padding-bottom: 18px;
       border-bottom: 1px solid var(--border-color);
     }
@@ -119,12 +119,84 @@ HTML_DASHBOARD = """<!DOCTYPE html>
       100% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }
     }
 
+    /* Filter Toolbar */
+    .filter-toolbar {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      background: var(--card-bg);
+      backdrop-filter: blur(16px);
+      border: 1px solid var(--border-color);
+      border-radius: 16px;
+      padding: 14px 20px;
+      margin-bottom: 24px;
+      gap: 16px;
+      flex-wrap: wrap;
+    }
+
+    .filter-group {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .filter-label {
+      font-size: 12px;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: 0.6px;
+      color: var(--text-muted);
+      margin-right: 6px;
+    }
+
+    .btn-timeframe {
+      background: rgba(255, 255, 255, 0.05);
+      border: 1px solid var(--border-color);
+      color: var(--text-muted);
+      padding: 8px 16px;
+      border-radius: 10px;
+      font-size: 13px;
+      font-weight: 600;
+      cursor: pointer;
+      transition: all 0.2s ease;
+    }
+
+    .btn-timeframe:hover {
+      background: rgba(56, 189, 248, 0.15);
+      color: var(--accent-blue);
+      border-color: var(--accent-blue);
+    }
+
+    .btn-timeframe.active {
+      background: linear-gradient(135deg, #0284c7, #38bdf8);
+      color: #ffffff;
+      border-color: #38bdf8;
+      box-shadow: 0 4px 12px rgba(56, 189, 248, 0.3);
+    }
+
+    select.select-filter {
+      background: rgba(15, 23, 42, 0.9);
+      border: 1px solid var(--border-color);
+      color: var(--text-main);
+      padding: 8px 14px;
+      border-radius: 10px;
+      font-size: 13px;
+      font-weight: 600;
+      outline: none;
+      cursor: pointer;
+      transition: border-color 0.2s ease;
+    }
+
+    select.select-filter:focus {
+      border-color: var(--accent-blue);
+    }
+
     /* Metrics Grid */
     .metrics-grid {
       display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-      gap: 18px;
-      margin-bottom: 28px;
+      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+      gap: 16px;
+      margin-bottom: 24px;
     }
 
     .metric-card {
@@ -132,7 +204,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
       backdrop-filter: blur(16px);
       border: 1px solid var(--border-color);
       border-radius: 16px;
-      padding: 22px;
+      padding: 20px;
       transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
     }
 
@@ -143,31 +215,37 @@ HTML_DASHBOARD = """<!DOCTYPE html>
     }
 
     .metric-label {
-      font-size: 12px;
-      font-weight: 600;
+      font-size: 11px;
+      font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 0.8px;
       color: var(--text-muted);
-      margin-bottom: 10px;
+      margin-bottom: 8px;
     }
 
     .metric-value {
-      font-size: 28px;
+      font-size: 26px;
       font-weight: 800;
       letter-spacing: -0.5px;
     }
 
     .metric-value.highlight {
       color: var(--accent-emerald);
-      text-shadow: 0 0 20px rgba(52, 211, 153, 0.3);
+      text-shadow: 0 0 16px rgba(52, 211, 153, 0.3);
     }
 
-    /* Dashboard Layout */
+    .metric-sub {
+      font-size: 12px;
+      color: var(--text-muted);
+      margin-top: 4px;
+    }
+
+    /* Analytics Charts Row */
     .dashboard-row {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 24px;
-      margin-bottom: 28px;
+      margin-bottom: 24px;
     }
 
     .dashboard-row.full {
@@ -185,7 +263,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
       backdrop-filter: blur(16px);
       border: 1px solid var(--border-color);
       border-radius: 18px;
-      padding: 24px;
+      padding: 22px;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
     }
 
@@ -193,22 +271,84 @@ HTML_DASHBOARD = """<!DOCTYPE html>
       display: flex;
       justify-content: space-between;
       align-items: center;
-      margin-bottom: 20px;
+      margin-bottom: 18px;
     }
 
     .panel-title {
-      font-size: 16px;
+      font-size: 15px;
       font-weight: 700;
       display: flex;
       align-items: center;
       gap: 10px;
     }
 
+    /* Visual Bar Chart */
+    .chart-container {
+      display: flex;
+      align-items: flex-end;
+      gap: 12px;
+      height: 180px;
+      padding-top: 20px;
+      padding-bottom: 10px;
+      border-bottom: 1px solid var(--border-color);
+    }
+
+    .chart-bar-wrap {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      height: 100%;
+      justify-content: flex-end;
+    }
+
+    .chart-bar {
+      width: 100%;
+      max-width: 38px;
+      background: linear-gradient(to top, #0284c7, #38bdf8);
+      border-radius: 6px 6px 0 0;
+      transition: height 0.4s ease;
+      min-height: 4px;
+      position: relative;
+    }
+
+    .chart-bar:hover {
+      background: linear-gradient(to top, #34d399, #38bdf8);
+      box-shadow: 0 0 12px rgba(56, 189, 248, 0.5);
+    }
+
+    .chart-bar-tooltip {
+      position: absolute;
+      top: -30px;
+      left: 50%;
+      transform: translateX(-50%);
+      background: rgba(15, 23, 42, 0.95);
+      border: 1px solid var(--accent-blue);
+      color: #fff;
+      padding: 3px 8px;
+      border-radius: 6px;
+      font-size: 11px;
+      font-weight: 700;
+      white-space: nowrap;
+      display: none;
+    }
+
+    .chart-bar:hover .chart-bar-tooltip {
+      display: block;
+    }
+
+    .chart-label {
+      font-size: 11px;
+      color: var(--text-muted);
+      margin-top: 8px;
+      text-align: center;
+    }
+
     /* Tables */
     table {
       width: 100%;
       border-collapse: collapse;
-      font-size: 14px;
+      font-size: 13px;
     }
 
     th {
@@ -217,13 +357,13 @@ HTML_DASHBOARD = """<!DOCTYPE html>
       color: var(--text-muted);
       font-weight: 600;
       border-bottom: 1px solid var(--border-color);
-      font-size: 12px;
+      font-size: 11px;
       text-transform: uppercase;
       letter-spacing: 0.5px;
     }
 
     td {
-      padding: 14px;
+      padding: 12px 14px;
       border-bottom: 1px solid rgba(255, 255, 255, 0.04);
       vertical-align: middle;
     }
@@ -251,7 +391,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
 
     .prompt-text {
       font-family: 'JetBrains Mono', monospace;
-      font-size: 13px;
+      font-size: 12px;
       color: #f1f5f9;
       line-height: 1.5;
       word-break: break-word;
@@ -269,7 +409,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
 
     .diff-summary {
       font-family: 'JetBrains Mono', monospace;
-      font-size: 12px;
+      font-size: 11px;
       color: #a7f3d0;
       background: rgba(16, 185, 129, 0.08);
       border: 1px solid rgba(16, 185, 129, 0.2);
@@ -280,8 +420,8 @@ HTML_DASHBOARD = """<!DOCTYPE html>
 
     footer {
       text-align: center;
-      margin-top: 40px;
-      padding-top: 24px;
+      margin-top: 36px;
+      padding-top: 20px;
       border-top: 1px solid var(--border-color);
       font-size: 13px;
       color: var(--text-muted);
@@ -301,7 +441,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
         <div class="logo-badge">⚡</div>
         <div>
           <h1>code-meter</h1>
-          <div class="subtitle">Real-Time AI Token, Prompt Trace & Cost Dashboard</div>
+          <div class="subtitle">Real-Time AI Token, Prompt Trace & Cost Analytics Dashboard</div>
         </div>
       </div>
       <div class="live-status">
@@ -310,27 +450,70 @@ HTML_DASHBOARD = """<!DOCTYPE html>
       </div>
     </header>
 
-    <!-- Metrics Cards -->
+    <!-- Interactive Filter Toolbar -->
+    <div class="filter-toolbar">
+      <div class="filter-group">
+        <span class="filter-label">📅 Timeframe:</span>
+        <button class="btn-timeframe" data-tf="today" onclick="setTimeframe('today')">Today</button>
+        <button class="btn-timeframe" data-tf="week" onclick="setTimeframe('week')">Weekly (7 Days)</button>
+        <button class="btn-timeframe" data-tf="month" onclick="setTimeframe('month')">Monthly (30 Days)</button>
+        <button class="btn-timeframe active" data-tf="all" onclick="setTimeframe('all')">All Time</button>
+      </div>
+
+      <div class="filter-group">
+        <span class="filter-label">🤖 Provider:</span>
+        <select id="select-provider" class="select-filter" onchange="setProvider(this.value)">
+          <option value="all">All Providers (Claude, Codex, Antigravity)</option>
+          <option value="claude_code">Anthropic Claude Code</option>
+          <option value="codex">OpenAI Codex</option>
+          <option value="antigravity">Google Antigravity / AGY</option>
+        </select>
+      </div>
+    </div>
+
+    <!-- Analytics & Metrics Grid -->
     <div class="metrics-grid">
       <div class="metric-card">
         <div class="metric-label">Total Requests</div>
         <div class="metric-value" id="val-requests">0</div>
+        <div class="metric-sub" id="sub-requests">All sessions</div>
       </div>
       <div class="metric-card">
         <div class="metric-label">Input Tokens</div>
         <div class="metric-value" id="val-input">0</div>
+        <div class="metric-sub" id="sub-input">Prompt tokens</div>
       </div>
       <div class="metric-card">
         <div class="metric-label">Output Tokens</div>
         <div class="metric-value" id="val-output">0</div>
+        <div class="metric-sub" id="sub-output">Completion tokens</div>
+      </div>
+      <div class="metric-card">
+        <div class="metric-label">Token Run-Rate</div>
+        <div class="metric-value" id="val-rate">0 /hr</div>
+        <div class="metric-sub" id="sub-rate">Avg hourly tokens</div>
       </div>
       <div class="metric-card">
-        <div class="metric-label">Cache Read / Write</div>
-        <div class="metric-value" id="val-cache">0</div>
+        <div class="metric-label">Daily Avg Cost</div>
+        <div class="metric-value highlight" id="val-daily-cost">$0.00 /day</div>
+        <div class="metric-sub" id="sub-daily-cost">Avg daily burn rate</div>
       </div>
       <div class="metric-card">
         <div class="metric-label">Total Estimated Cost</div>
         <div class="metric-value highlight" id="val-cost">$0.00</div>
+        <div class="metric-sub" id="sub-projected">30-Day Forecast: $0.00</div>
+      </div>
+    </div>
+
+    <!-- Analytical Daily Usage Trend Chart -->
+    <div class="dashboard-row full">
+      <div class="panel">
+        <div class="panel-header">
+          <div class="panel-title">📊 Daily Usage & Cost Trend Analytics</div>
+        </div>
+        <div class="chart-container" id="daily-chart">
+          <div style="width: 100%; text-align: center; color: var(--text-muted); margin: auto;">Loading daily usage trend chart...</div>
+        </div>
       </div>
     </div>
 
@@ -440,11 +623,27 @@ HTML_DASHBOARD = """<!DOCTYPE html>
     </div>
 
     <footer>
-      code-meter v0.4.0 | Running on <strong>http://localhost:5005</strong> | <a href="https://github.com/dhanushnayak/code-meter" target="_blank">GitHub Repository</a>
+      code-meter v0.7.0 | Running on <strong>http://localhost:5005</strong> | <a href="https://github.com/dhanushnayak/code-meter" target="_blank">GitHub Repository</a>
     </footer>
   </div>
 
   <script>
+    let currentTimeframe = 'all';
+    let currentProvider = 'all';
+
+    function setTimeframe(tf) {
+      currentTimeframe = tf;
+      document.querySelectorAll('.btn-timeframe').forEach(btn => {
+        btn.classList.toggle('active', btn.getAttribute('data-tf') === tf);
+      });
+      updateDashboard();
+    }
+
+    function setProvider(prov) {
+      currentProvider = prov;
+      updateDashboard();
+    }
+
     function formatNumber(num) {
       if (!num) return '0';
       if (num >= 1000000) return (num / 1000000).toFixed(2) + 'M';
@@ -472,18 +671,43 @@ HTML_DASHBOARD = """<!DOCTYPE html>
 
     async function updateDashboard() {
       try {
-        const res = await fetch('/api/summary');
+        const res = await fetch(`/api/summary?timeframe=${currentTimeframe}&provider=${currentProvider}`);
         const data = await res.json();
 
         // Metrics
         const s = data.summary || {};
+        const a = data.analytics || {};
+
         document.getElementById('val-requests').textContent = formatNumber(s.total_requests || 0);
         document.getElementById('val-input').textContent = formatNumber(s.total_input_tokens || 0);
         document.getElementById('val-output').textContent = formatNumber(s.total_output_tokens || 0);
-        document.getElementById('val-cache').textContent = formatNumber((s.total_cache_read_tokens || 0) + (s.total_cache_write_tokens || 0));
+        
+        document.getElementById('val-rate').textContent = formatNumber(a.hourly_tokens || 0) + ' /hr';
+        document.getElementById('val-daily-cost').textContent = '$' + (a.daily_avg_cost || 0).toFixed(4) + ' /day';
         document.getElementById('val-cost').textContent = '$' + (s.total_cost || 0).toFixed(4);
+        document.getElementById('sub-projected').textContent = '30-Day Forecast: $' + (a.projected_monthly_cost || 0).toFixed(2);
+
+        // Render Daily Trends Bar Chart
+        const chartContainer = document.getElementById('daily-chart');
+        if (data.daily_trends && data.daily_trends.length > 0) {
+          const maxTokens = Math.max(...data.daily_trends.map(d => d.total_tokens), 1);
+          chartContainer.innerHTML = data.daily_trends.map(d => {
+            const heightPct = Math.max((d.total_tokens / maxTokens) * 100, 8);
+            const dateShort = d.date.substring(5);
+            return `
+              <div class="chart-bar-wrap">
+                <div class="chart-bar" style="height: ${heightPct}%;">
+                  <div class="chart-bar-tooltip">${d.date}<br>${formatNumber(d.total_tokens)} tokens<br>$${d.total_cost.toFixed(4)}</div>
+                </div>
+                <div class="chart-label">${dateShort}</div>
+              </div>
+            `;
+          }).join('');
+        } else {
+          chartContainer.innerHTML = '<div style="width: 100%; text-align: center; color: var(--text-muted); margin: auto;">No daily trend data available for selected filter</div>';
+        }
 
-        // Prompt Trace Details Table (Query, Consumed Tokens, Internal Requests & Outputs)
+        // Prompt Trace Details Table
         const tblDetails = document.getElementById('tbl-prompt-details');
         if (data.prompt_details && data.prompt_details.length > 0) {
           tblDetails.innerHTML = data.prompt_details.map(pd => {
@@ -503,7 +727,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
             `;
           }).join('');
         } else {
-          tblDetails.innerHTML = '<tr><td colspan="7" style="text-align:center; color: var(--text-muted);">No prompt trace details recorded yet</td></tr>';
+          tblDetails.innerHTML = '<tr><td colspan="7" style="text-align:center; color: var(--text-muted);">No prompt trace details recorded for selected filter</td></tr>';
         }
 
         // Models Table
@@ -518,7 +742,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
             </tr>
           `).join('');
         } else {
-          tblModels.innerHTML = '<tr><td colspan="4" style="text-align:center; color: var(--text-muted);">No model data recorded yet</td></tr>';
+          tblModels.innerHTML = '<tr><td colspan="4" style="text-align:center; color: var(--text-muted);">No model data recorded for selected filter</td></tr>';
         }
 
         // Projects Table
@@ -533,7 +757,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
             </tr>
           `).join('');
         } else {
-          tblProjects.innerHTML = '<tr><td colspan="4" style="text-align:center; color: var(--text-muted);">No project data recorded yet</td></tr>';
+          tblProjects.innerHTML = '<tr><td colspan="4" style="text-align:center; color: var(--text-muted);">No project data recorded for selected filter</td></tr>';
         }
 
         // Prompts Table
@@ -547,7 +771,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
             </tr>
           `).join('');
         } else {
-          tblPrompts.innerHTML = '<tr><td colspan="3" style="text-align:center; color: var(--text-muted);">No prompt history recorded yet</td></tr>';
+          tblPrompts.innerHTML = '<tr><td colspan="3" style="text-align:center; color: var(--text-muted);">No prompt history recorded for selected filter</td></tr>';
         }
 
         // Code Changes Table
@@ -564,7 +788,7 @@ HTML_DASHBOARD = """<!DOCTYPE html>
             </tr>
           `).join('');
         } else {
-          tblChanges.innerHTML = '<tr><td colspan="3" style="text-align:center; color: var(--text-muted);">No code edits recorded yet</td></tr>';
+          tblChanges.innerHTML = '<tr><td colspan="3" style="text-align:center; color: var(--text-muted);">No code edits recorded for selected filter</td></tr>';
         }
 
       } catch (err) {

{code_meter-0.5.0 → code_meter-0.7.0}/src/code_meter.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: code-meter
-Version: 0.5.0
+Version: 0.7.0
 Summary: Local AI coding token usage tracker and cost estimator for Claude Code and future agents.
 Author-email: Dhanush Nayak <dhanushnayak.ram@mail.com>
 License: MIT