thothctl 0.18.4__tar.gz → 0.18.6__tar.gz

{thothctl-0.18.4 → thothctl-0.18.6}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: thothctl
-Version: 0.18.4
+Version: 0.18.6
 Summary: A CLI for Developer Control Plane. Accelerate your cloud IaC deployments.
 Project-URL: SourceCode, https://github.com/thothforge/thothctl
 Project-URL: HomePage, https://github.com/thothforge/thothctl

{thothctl-0.18.4 → thothctl-0.18.6}/docs/framework/commands/ai-review/README.md

@@ -541,6 +541,71 @@ The `improve` command includes 13 built-in fix patterns that work without AI:
 | `CKV_AWS_116` | Add Lambda dead letter config |
 | `CKV_AWS_272` | Enable Lambda code signing |
 
+## Token Usage & Cost Tracking
+
+Every AI interaction reports token consumption (input/output) and estimated cost in the command output:
+
+```
+💰 Today's AI cost: $0.0234 (3 requests, ↑12,450 in / ↓3,210 out tokens)
+```
+
+### Per-Command Output
+
+| Command | Token Info Shown |
+|---------|-----------------|
+| `analyze` | Daily totals: cost, requests, input/output tokens |
+| `orchestrate` | Per-run: cost, input/output tokens, model used |
+| `report` | Full breakdown by period, provider, and model |
+
+### Cost Report
+
+```bash
+# Daily summary
+thothctl ai-review report --period daily
+
+# Monthly breakdown
+thothctl ai-review report --period monthly
+
+# Export to JSON
+thothctl ai-review report --period monthly --export costs.json
+```
+
+Output:
+```
+┌────────────────────┬──────────────┐
+│ Metric             │ Value        │
+├────────────────────┼──────────────┤
+│ Total Cost         │ $0.1240      │
+│ Total Requests     │ 12           │
+│ Input Tokens       │ 45,200       │
+│ Output Tokens      │ 8,340        │
+└────────────────────┴──────────────┘
+```
+
+### Budget Controls
+
+```bash
+# Set daily and monthly limits
+thothctl ai-review configure --daily-limit 50 --monthly-budget 200
+```
+
+| Control | Default | Description |
+|---------|---------|-------------|
+| Daily limit | $100 | Max spend per day |
+| Monthly budget | $200 | Max spend per month |
+| Auto fallback | true | Falls back to pattern-based fixes when budget exceeded |
+
+Cost logs are stored at `.thothctl/ai_costs/<date>.jsonl` (one JSON record per API call).
+
+### Supported Pricing
+
+| Provider | Tracked | Notes |
+|----------|---------|-------|
+| OpenAI | ✅ | GPT-3.5, GPT-4, GPT-4 Turbo |
+| Bedrock | ✅ | Claude 3 Sonnet, Haiku |
+| Azure OpenAI | ✅ | Same as OpenAI pricing |
+| Ollama | ✅ (zero cost) | Local models — no API charges |
+
 ## MCP Integration
 
 The AI review is exposed as an MCP tool (`thothctl_ai_review`) for AI assistant interoperability:

{thothctl-0.18.4 → thothctl-0.18.6}/docs/framework/commands/inventory/inventory_iac.md

@@ -6,10 +6,9 @@ The `thothctl inventory iac` command creates, updates, and manages an inventory
 
 ## Recent Improvements ✨
 
-- **🎯 Unified Version Checking**: Single `--check-versions` flag handles both module and provider version checking
+- **🎯 Independent Version Checking**: Separate flags for module versions (`-cv`) and provider versions (`-cpv`) — check what you need
 - **🎨 Modern HTML Reports**: Professional styling with Inter font, gradients, and responsive design
 - **📊 Enhanced Provider Analysis**: Comprehensive provider version tracking with status indicators
-- **🚀 Intelligent Automation**: Automatic provider checking when version checking is enabled
 - **📱 Responsive Design**: Reports work perfectly on desktop, tablet, and mobile devices
 
 ## Command Options
@@ -20,33 +19,21 @@ Usage: thothctl inventory iac [OPTIONS]
   Create a inventory about IaC modules composition for terraform/tofu/terragrunt projects
 
 Options:
-  -pj, --project-name TEXT        Specify a custom project name for the
-                                  inventory report
-  --provider-tool [tofu|terraform]
-                                  Tool to use for checking providers (default:
-                                  tofu)
-  --check-providers               Check and report provider information for
-                                  each stack (automatically enabled with
-                                  --check-versions)
-  --complete                      Include .terraform and .terragrunt-cache
-                                  folders in analysis (complete analysis)
-  -ft, --framework-type [auto|terraform|terragrunt|terraform-terragrunt]
-                                  Framework type to analyze (auto for
-                                  automatic detection)
+  -cv, --check-versions           Check latest versions for modules
+  -cpv, --check-provider-versions Check latest versions for providers
+  --check-providers               Check and report provider information for each stack
+  -ft, --framework-type [auto|terraform|terragrunt|terraform-terragrunt|module|cdkv2]
+                                  Framework type to analyze (auto for automatic detection)
   -r, --report-type [html|json|cyclonedx|all]
-                                  Type of report to generate (cyclonedx
-                                  generates OWASP CycloneDX SBOM format)
+                                  Type of report to generate
   -iact, --inventory-action [create|update|restore]
                                   Action for inventory tasks
-  -auto, --auto-approve           Use with --update_dependencies option for
-                                  auto approve updating dependencies.
-  -updep, --update-dependencies-path
-                                  Pass the inventory json file path for
-                                  updating dependencies.
-  -cv, --check-versions           Check latest versions for modules and
-                                  providers (includes provider version
-                                  checking)
   -iph, --inventory-path PATH     Path for saving inventory reports
+  -pj, --project-name TEXT        Custom project name for the report
+  --provider-tool [tofu|terraform]
+                                  Tool to use for checking providers (default: tofu)
+  --complete                      Include .terraform and .terragrunt-cache in analysis
+  -auto, --auto-approve           Auto approve updating dependencies
   --post-to-pr                    Post inventory summary as a PR comment
                                   (Azure DevOps or GitHub)
   --vcs-provider [auto|azure_repos|github]
@@ -67,18 +54,21 @@ thothctl inventory iac
 
 This creates an inventory of all IaC components in the current directory and generates a **modern HTML report** in the default location (`./Reports/Inventory`).
 
-### Create an Inventory with Version Checking (Recommended) 🚀
+### Create an Inventory with Version Checking
 
 ```bash
-thothctl inventory iac --check-versions
-```
+# Check module versions only
+thothctl inventory iac -cv
 
-This creates a comprehensive inventory that:
-- ✅ Checks latest versions for all modules
-- ✅ Automatically enables provider checking
-- ✅ Analyzes provider versions against registries
-- ✅ Shows "Latest Version" and "Status" columns
-- ✅ Generates modern, professional HTML reports
+# Check provider versions only
+thothctl inventory iac -cpv
+
+# Check both module and provider versions
+thothctl inventory iac -cv -cpv
+
+# Provider info without version lookup
+thothctl inventory iac --check-providers
+```
 
 ### Generate Different Report Types
 
@@ -100,7 +90,7 @@ thothctl inventory iac --report-type all
 
 ```bash
 thothctl inventory iac \
-  --check-versions \
+  -cv -cpv \
   --inventory-path ./docs/infrastructure \
   --project-name "Production Infrastructure"
 ```
@@ -129,10 +119,10 @@ ThothCTL now supports generating **CycloneDX Software Bill of Materials (SBOM)**
 ### Example:
 ```bash
 # Generate CycloneDX SBOM for security audit
-thothctl inventory iac --check-versions --report-type cyclonedx
+thothctl inventory iac -cv -cpv --report-type cyclonedx
 
 # Complete analysis with all formats including SBOM
-thothctl inventory iac --check-versions --report-type all
+thothctl inventory iac -cv -cpv --report-type all
 ```
 
 The CycloneDX report includes:

{thothctl-0.18.4 → thothctl-0.18.6}/src/thothctl/commands/ai_review/commands/analyze.py

@@ -61,7 +61,9 @@ class AnalyzeCommand(ClickCommand):
             if cost_report["total_cost"] > 0:
                 self.ui.print_info(
                     f"💰 Today's AI cost: ${cost_report['total_cost']:.4f} "
-                    f"({cost_report['total_requests']} requests)"
+                    f"({cost_report['total_requests']} requests, "
+                    f"↑{cost_report['total_input_tokens']:,} in / "
+                    f"↓{cost_report['total_output_tokens']:,} out tokens)"
                 )
 
         except ImportError as e:

{thothctl-0.18.4 → thothctl-0.18.6}/src/thothctl/commands/ai_review/commands/orchestrate.py

@@ -91,6 +91,16 @@ class OrchestrateCommand(ClickCommand):
                 json.dump(data, f, indent=2, default=str)
             self.ui.print_success(f"Full results saved to {output}")
 
+        # Show token usage
+        if hasattr(result, 'cost') and result.cost:
+            cost = result.cost
+            self.ui.print_info(
+                f"💰 Usage: ${cost.get('total_cost', 0):.4f} | "
+                f"↑{cost.get('input_tokens', 0):,} in / "
+                f"↓{cost.get('output_tokens', 0):,} out tokens | "
+                f"Model: {cost.get('model', 'unknown')}"
+            )
+
     def _display_security(self, data):
         summary = data.get("summary", {})
         table = Table(title="🔒 Security Agent")

{thothctl-0.18.4 → thothctl-0.18.6}/src/thothctl/services/dashboard/dashboard_service.py

@@ -27,35 +27,6 @@ class DashboardService:
     def _setup_routes(self):
         """Setup FastAPI routes for the dashboard."""
         
-        @self.app.get("/minimal", response_class=HTMLResponse)
-        async def minimal_test():
-            """Minimal test page to isolate JavaScript issues."""
-            return '''<!DOCTYPE html>
-<html>
-<head><title>Test</title></head>
-<body>
-    <h1>Minimal Test Page</h1>
-    <div id="test">Loading...</div>
-    <script>
-        console.log('Script started');
-        document.addEventListener('DOMContentLoaded', function() {
-            console.log('DOM loaded');
-            document.getElementById('test').innerHTML = 'JavaScript Working!';
-        });
-        console.log('Script ended');
-    </script>
-</body>
-</html>'''
-        
-        @self.app.get("/debug", response_class=HTMLResponse)
-        async def debug_page():
-            """Debug test page."""
-            try:
-                with open('/home/labvel/projects/tools/ThothForge/thothctl/debug_dashboard.html') as f:
-                    return f.read()
-            except FileNotFoundError:
-                return "<html><body><h1>Debug file not found</h1></body></html>"
-        
         @self.app.get("/", response_class=HTMLResponse)
         async def dashboard():
             """Main dashboard page."""
@@ -123,6 +94,24 @@ class DashboardService:
             except Exception as e:
                 logger.error(f"Refresh API error: {e}")
                 raise HTTPException(status_code=500, detail=str(e))
+
+        @self.app.get("/api/drift")
+        async def api_drift():
+            """API endpoint for drift detection data."""
+            try:
+                return self.data_loader.get_drift_data()
+            except Exception as e:
+                logger.error(f"Drift API error: {e}")
+                raise HTTPException(status_code=500, detail=str(e))
+
+        @self.app.get("/api/ai-usage")
+        async def api_ai_usage():
+            """API endpoint for AI token/cost usage."""
+            try:
+                return self.data_loader.get_ai_usage()
+            except Exception as e:
+                logger.error(f"AI usage API error: {e}")
+                raise HTTPException(status_code=500, detail=str(e))
     
     def _get_dashboard_template(self) -> str:
         """Get the dashboard HTML template."""

{thothctl-0.18.4 → thothctl-0.18.6}/src/thothctl/services/dashboard/data_loader.py

@@ -164,21 +164,79 @@ class DashboardDataLoader:
             return {
                 "message": "No risk analysis available.", 
                 "action": "Run project check to generate blast radius analysis",
-                "command": "thothctl check project --blast-radius"
+                "command": "thothctl check iac -type blast-radius --recursive"
             }
             
         except json.JSONDecodeError:
+            return {"error": "Invalid blast radius file format", "action": "Regenerate", "command": "thothctl check iac -type blast-radius --recursive"}
+        except Exception as e:
+            return {"error": f"Error loading risk data: {str(e)}"}
+
+    def get_drift_data(self) -> Dict[str, Any]:
+        """Load from existing drift detection reports."""
+        cache_key = "drift"
+        if self._is_cache_valid(cache_key):
+            return self.cache[cache_key]["data"]
+
+        try:
+            drift_files = list(self.reports_dir.glob("**/drift_*.json"))
+            if drift_files:
+                latest_file = max(drift_files, key=lambda f: f.stat().st_mtime)
+                with open(latest_file, "r", encoding="utf-8") as f:
+                    data = json.load(f)
+                self._cache_data(cache_key, data)
+                return data
+
             return {
-                "error": "Invalid blast radius file format", 
-                "action": "Regenerate blast radius analysis",
-                "command": "thothctl check project --blast-radius"
+                "message": "No drift data available.",
+                "action": "Run drift detection",
+                "command": "thothctl check iac -type drift --recursive"
             }
         except Exception as e:
-            return {
-                "error": f"Error loading risk data: {str(e)}", 
-                "action": "Check file permissions and try again",
-                "command": "ls -la Reports/"
+            return {"error": f"Error loading drift data: {str(e)}"}
+
+    def get_ai_usage(self) -> Dict[str, Any]:
+        """Load AI usage/cost data from cost logs."""
+        cache_key = "ai_usage"
+        if self._is_cache_valid(cache_key):
+            return self.cache[cache_key]["data"]
+
+        try:
+            from datetime import date as date_mod
+            cost_dir = Path(".thothctl/ai_costs")
+            if not cost_dir.exists():
+                return {
+                    "message": "No AI usage data.",
+                    "action": "Run AI review to generate usage logs",
+                    "command": "thothctl ai-review analyze -d ."
+                }
+
+            records = []
+            month_prefix = date_mod.today().strftime("%Y-%m")
+            for log_file in sorted(cost_dir.glob(f"{month_prefix}*.jsonl")):
+                with open(log_file) as f:
+                    for line in f:
+                        if line.strip():
+                            records.append(json.loads(line.strip()))
+
+            if not records:
+                return {"message": "No AI usage this month.", "records": []}
+
+            total_cost = sum(r.get("cost", 0) for r in records)
+            total_input = sum(r.get("input_tokens", 0) for r in records)
+            total_output = sum(r.get("output_tokens", 0) for r in records)
+
+            data = {
+                "total_cost": total_cost,
+                "total_requests": len(records),
+                "total_input_tokens": total_input,
+                "total_output_tokens": total_output,
+                "records": records[-20:],  # Last 20 records
             }
+            self._cache_data(cache_key, data)
+            return data
+        except Exception as e:
+            return {"error": f"Error loading AI usage: {str(e)}"}
     
     def _is_cache_valid(self, key: str) -> bool:
         """Check if cached data is still valid."""

thothctl-0.18.6/src/thothctl/utils/common/templates/dashboard.html

@@ -0,0 +1,254 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ThothCTL Dashboard</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --primary: #007bff; --secondary: #6c757d; --success: #28a745;
+            --warning: #ffc107; --danger: #dc3545; --info: #17a2b8;
+            --bg: #f8f9fa; --dark: #343a40; --radius: 8px;
+            --shadow: 0 2px 8px rgba(0,0,0,0.08);
+        }
+        * { margin:0; padding:0; box-sizing:border-box; }
+        body {
+            font-family: 'Inter', system-ui, sans-serif;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            min-height: 100vh; padding: 20px; color: var(--dark);
+        }
+        body.dark-mode { background: #1a1a2e; }
+        body.dark-mode .container { background: #16213e; color: #e0e0e0; }
+        body.dark-mode .nav-header { background: linear-gradient(135deg, #0f3460, #1a1a2e); }
+        body.dark-mode .card { background: #1a1a2e; border-color: #2a2a4e; }
+        body.dark-mode .data-table th { background: #0f3460; }
+        body.dark-mode .data-table td { border-color: #2a2a4e; }
+
+        .container { max-width:1400px; margin:0 auto; background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
+        .nav-header { background:linear-gradient(135deg, var(--primary), #0056b3); color:#fff; padding:20px 30px; position:sticky; top:0; z-index:100; }
+        .nav-title { font-size:1.6rem; font-weight:700; }
+        .nav-subtitle { font-size:0.85rem; opacity:0.85; margin:4px 0 12px; }
+        .nav-menu { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
+        .nav-link { color:rgba(255,255,255,0.85); text-decoration:none; padding:6px 14px; border-radius:20px; font-size:0.8rem; font-weight:500; cursor:pointer; transition:all .2s; }
+        .nav-link:hover, .nav-link.active { background:rgba(255,255,255,0.2); color:#fff; }
+        .nav-actions { margin-left:auto; display:flex; gap:8px; }
+        .btn { padding:6px 12px; border:none; border-radius:16px; cursor:pointer; font-size:0.75rem; font-weight:500; transition:all .2s; }
+        .btn-refresh { background:var(--success); color:#fff; }
+        .btn-export { background:rgba(255,255,255,0.2); color:#fff; }
+        .btn:hover { transform:translateY(-1px); opacity:0.9; }
+
+        .content-section { padding:24px 30px; display:none; }
+        .content-section.active { display:block; }
+        .section-title { font-size:1.3rem; font-weight:600; color:var(--primary); margin-bottom:16px; }
+
+        .summary-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:16px; margin-bottom:24px; }
+        .card { background:#fff; padding:20px; border-radius:var(--radius); text-align:center; box-shadow:var(--shadow); border-left:4px solid var(--primary); cursor:pointer; transition:all .2s; }
+        .card:hover { transform:translateY(-2px); box-shadow:0 4px 16px rgba(0,0,0,0.12); }
+        .card-number { font-size:2rem; font-weight:700; color:var(--primary); }
+        .card-label { font-size:0.75rem; color:var(--secondary); text-transform:uppercase; letter-spacing:0.5px; margin-top:4px; }
+
+        .data-table { width:100%; border-collapse:collapse; margin:16px 0; font-size:0.85rem; }
+        .data-table th { background:linear-gradient(135deg, var(--primary), #0056b3); color:#fff; padding:10px 12px; text-align:left; font-weight:600; }
+        .data-table td { padding:10px 12px; border-bottom:1px solid #e9ecef; }
+        .data-table tr:hover { background:#f8f9fa; }
+
+        .badge { display:inline-block; padding:2px 8px; border-radius:10px; font-size:0.7rem; font-weight:600; }
+        .badge-success { background:#d4edda; color:#155724; }
+        .badge-warning { background:#fff3cd; color:#856404; }
+        .badge-danger { background:#f8d7da; color:#721c24; }
+        .badge-info { background:#d1ecf1; color:#0c5460; }
+
+        .message { padding:20px; text-align:center; color:var(--secondary); }
+        .message code { background:#e9ecef; padding:2px 6px; border-radius:4px; font-size:0.8rem; }
+        .error { background:#f8d7da; color:#721c24; padding:12px; border-radius:var(--radius); border-left:4px solid var(--danger); }
+
+        @media (max-width:768px) { body { padding:8px; } .content-section { padding:16px; } .nav-menu { gap:4px; } }
+        @media print { .nav-header { position:static; } .nav-actions { display:none; } body { background:#fff; padding:0; } }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="nav-header">
+            <div class="nav-title">🚀 ThothCTL Dashboard</div>
+            <div class="nav-subtitle">Infrastructure Lifecycle Console</div>
+            <nav class="nav-menu">
+                <a class="nav-link active" data-section="overview">📊 Overview</a>
+                <a class="nav-link" data-section="inventory">📦 Inventory</a>
+                <a class="nav-link" data-section="security">🔒 Scan</a>
+                <a class="nav-link" data-section="costs">💰 Costs</a>
+                <a class="nav-link" data-section="risks">💥 Blast Radius</a>
+                <a class="nav-link" data-section="drift">🔍 Drift</a>
+                <a class="nav-link" data-section="ai">🤖 AI Usage</a>
+                <div class="nav-actions">
+                    <button class="btn btn-refresh" onclick="refreshAll()">🔄 Refresh</button>
+                    <button class="btn btn-export" onclick="window.print()">📄 Export</button>
+                    <button class="btn btn-export" onclick="toggleDark()">🌙</button>
+                </div>
+            </nav>
+        </div>
+
+        <section id="overview" class="content-section active"><h2 class="section-title">📊 Overview</h2><div id="overview-content"><div class="message">Loading...</div></div></section>
+        <section id="inventory" class="content-section"><h2 class="section-title">📦 Infrastructure Inventory</h2><div id="inventory-content"><div class="message">Loading...</div></div></section>
+        <section id="security" class="content-section"><h2 class="section-title">🔒 Security Scan Results</h2><div id="security-content"><div class="message">Loading...</div></div></section>
+        <section id="costs" class="content-section"><h2 class="section-title">💰 Cost Analysis</h2><div id="costs-content"><div class="message">Loading...</div></div></section>
+        <section id="risks" class="content-section"><h2 class="section-title">💥 Blast Radius</h2><div id="risks-content"><div class="message">Loading...</div></div></section>
+        <section id="drift" class="content-section"><h2 class="section-title">🔍 Drift Detection</h2><div id="drift-content"><div class="message">Loading...</div></div></section>
+        <section id="ai" class="content-section"><h2 class="section-title">🤖 AI Token Usage</h2><div id="ai-content"><div class="message">Loading...</div></div></section>
+    </div>
+
+    <script>
+    const D = {};
+
+    document.addEventListener('DOMContentLoaded', () => {
+        if (localStorage.getItem('darkMode')==='true') { document.body.classList.add('dark-mode'); }
+        document.querySelectorAll('.nav-link[data-section]').forEach(link => {
+            link.addEventListener('click', () => {
+                document.querySelectorAll('.nav-link').forEach(l=>l.classList.remove('active'));
+                document.querySelectorAll('.content-section').forEach(s=>s.classList.remove('active'));
+                link.classList.add('active');
+                document.getElementById(link.dataset.section).classList.add('active');
+            });
+        });
+        loadAll();
+    });
+
+    function toggleDark() {
+        document.body.classList.toggle('dark-mode');
+        localStorage.setItem('darkMode', document.body.classList.contains('dark-mode'));
+    }
+
+    async function refreshAll() { await fetch('/api/refresh'); loadAll(); }
+
+    async function loadAll() {
+        const endpoints = {inventory:'/api/inventory', security:'/api/scan-results', costs:'/api/cost-analysis', risks:'/api/blast-radius', drift:'/api/drift', ai:'/api/ai-usage'};
+        const results = await Promise.allSettled(Object.entries(endpoints).map(async ([k,url]) => {
+            const r = await fetch(url); D[k] = await r.json(); return k;
+        }));
+        renderOverview(); renderInventory(); renderSecurity(); renderCosts(); renderRisks(); renderDrift(); renderAI();
+    }
+
+    function msg(text, cmd) { return `<div class="message">${text}${cmd ? '<br><code>'+cmd+'</code>' : ''}</div>`; }
+    function err(data) { return data && (data.error || data.message); }
+
+    function renderOverview() {
+        const inv = D.inventory||{}, sec = D.security||{}, cost = D.costs||{}, risk = D.risks||{}, drift = D.drift||{}, ai = D.ai||{};
+        const comps = Array.isArray(inv.components) ? inv.components.length : (inv.stacks ? inv.stacks.length : 0);
+        const issues = sec.summary ? sec.summary.total_issues : 0;
+        const monthly = typeof cost.total_monthly_cost === 'number' ? cost.total_monthly_cost.toFixed(2) : '—';
+        const riskLvl = risk.risk_level || risk.overall_risk || '—';
+        const drifted = drift.total_drifted || (drift.results ? drift.results.reduce((a,r)=>a+(r.drifted_resources||[]).length,0) : 0);
+        const aiCost = typeof ai.total_cost === 'number' ? '$'+ai.total_cost.toFixed(4) : '—';
+        document.getElementById('overview-content').innerHTML = `
+            <div class="summary-grid">
+                <div class="card" onclick="nav('inventory')"><div class="card-number">${comps}</div><div class="card-label">Components</div></div>
+                <div class="card" onclick="nav('security')" style="border-color:var(--danger)"><div class="card-number" style="color:var(--danger)">${issues}</div><div class="card-label">Security Issues</div></div>
+                <div class="card" onclick="nav('costs')" style="border-color:var(--warning)"><div class="card-number" style="color:var(--warning)">$${monthly}</div><div class="card-label">Monthly Cost</div></div>
+                <div class="card" onclick="nav('risks')" style="border-color:var(--info)"><div class="card-number" style="color:var(--info)">${riskLvl}</div><div class="card-label">Risk Level</div></div>
+                <div class="card" onclick="nav('drift')" style="border-color:#9c27b0"><div class="card-number" style="color:#9c27b0">${drifted}</div><div class="card-label">Drifted Resources</div></div>
+                <div class="card" onclick="nav('ai')" style="border-color:#00bcd4"><div class="card-number" style="color:#00bcd4">${aiCost}</div><div class="card-label">AI Cost (Month)</div></div>
+            </div>`;
+    }
+
+    function nav(section) { document.querySelector(`[data-section="${section}"]`).click(); }
+
+    function renderInventory() {
+        const d = D.inventory;
+        if (!d || err(d)) { document.getElementById('inventory-content').innerHTML = msg(d?.error||d?.message||'No data', d?.command); return; }
+        const stacks = d.stacks || d.components || [];
+        if (!stacks.length) { document.getElementById('inventory-content').innerHTML = msg('No components found'); return; }
+        let html = `<div class="summary-grid"><div class="card"><div class="card-number">${stacks.length}</div><div class="card-label">Stacks</div></div></div>`;
+        html += '<table class="data-table"><thead><tr><th>Stack</th><th>Modules</th><th>Providers</th></tr></thead><tbody>';
+        stacks.forEach(s => {
+            const name = s.stack || s.name || 'unknown';
+            const mods = s.modules ? s.modules.length : (s.components ? s.components.length : 0);
+            const provs = s.providers ? s.providers.length : 0;
+            html += `<tr><td><strong>${name}</strong></td><td>${mods}</td><td>${provs}</td></tr>`;
+        });
+        html += '</tbody></table>';
+        document.getElementById('inventory-content').innerHTML = html;
+    }
+
+    function renderSecurity() {
+        const d = D.security;
+        if (!d || err(d)) { document.getElementById('security-content').innerHTML = msg(d?.error||d?.message||'No data', d?.command); return; }
+        const issues = d.summary ? d.summary.total_issues : 0;
+        const reports = d.reports || [];
+        let html = `<div class="summary-grid"><div class="card" style="border-color:var(--danger)"><div class="card-number" style="color:var(--danger)">${issues}</div><div class="card-label">Total Issues</div></div><div class="card"><div class="card-number">${reports.length}</div><div class="card-label">Reports</div></div></div>`;
+        if (reports.length) {
+            html += '<table class="data-table"><thead><tr><th>Report</th><th>Type</th><th>Date</th><th>Size</th></tr></thead><tbody>';
+            reports.slice(0,20).forEach(r => {
+                html += `<tr><td>${r.file}</td><td><span class="badge badge-info">${r.type||'—'}</span></td><td>${r.timestamp ? new Date(r.timestamp).toLocaleDateString() : '—'}</td><td>${r.size ? (r.size/1024).toFixed(1)+'KB' : '—'}</td></tr>`;
+            });
+            html += '</tbody></table>';
+        }
+        document.getElementById('security-content').innerHTML = html;
+    }
+
+    function renderCosts() {
+        const d = D.costs;
+        if (!d || err(d)) { document.getElementById('costs-content').innerHTML = msg(d?.error||d?.message||'No data', d?.command); return; }
+        const monthly = d.total_monthly_cost||0, annual = d.total_annual_cost||0;
+        let html = `<div class="summary-grid"><div class="card" style="border-color:var(--warning)"><div class="card-number" style="color:var(--warning)">$${monthly.toFixed(2)}</div><div class="card-label">Monthly</div></div><div class="card" style="border-color:var(--danger)"><div class="card-number" style="color:var(--danger)">$${annual.toFixed(2)}</div><div class="card-label">Annual</div></div></div>`;
+        if (d.cost_breakdown_by_service) {
+            html += '<table class="data-table"><thead><tr><th>Service</th><th>Monthly Cost</th></tr></thead><tbody>';
+            Object.entries(d.cost_breakdown_by_service).sort((a,b)=>b[1]-a[1]).forEach(([svc,cost]) => {
+                html += `<tr><td>${svc}</td><td>$${cost.toFixed(2)}</td></tr>`;
+            });
+            html += '</tbody></table>';
+        }
+        if (d.recommendations && d.recommendations.length) {
+            html += '<h3 style="margin:16px 0 8px">💡 Recommendations</h3><ul style="padding-left:20px">';
+            d.recommendations.forEach(r => html += `<li style="margin:4px 0">${r}</li>`);
+            html += '</ul>';
+        }
+        document.getElementById('costs-content').innerHTML = html;
+    }
+
+    function renderRisks() {
+        const d = D.risks;
+        if (!d || err(d)) { document.getElementById('risks-content').innerHTML = msg(d?.error||d?.message||'No data', d?.command); return; }
+        const riskColor = {'LOW':'var(--success)','MEDIUM':'var(--warning)','HIGH':'var(--danger)','CRITICAL':'var(--danger)'}[d.risk_level?.toUpperCase()]||'var(--info)';
+        let html = `<div class="summary-grid"><div class="card" style="border-color:${riskColor}"><div class="card-number" style="color:${riskColor}">${d.risk_level||'—'}</div><div class="card-label">Risk Level</div></div><div class="card"><div class="card-number">${d.change_type||'—'}</div><div class="card-label">Change Type</div></div><div class="card"><div class="card-number">${d.affected_components||d.total_components||0}</div><div class="card-label">Affected</div></div></div>`;
+        if (d.recommendations && d.recommendations.length) {
+            html += '<h3 style="margin:16px 0 8px">📋 Recommendations</h3><ul style="padding-left:20px">';
+            d.recommendations.forEach(r => html += `<li style="margin:4px 0">${r}</li>`);
+            html += '</ul>';
+        }
+        document.getElementById('risks-content').innerHTML = html;
+    }
+
+    function renderDrift() {
+        const d = D.drift;
+        if (!d || err(d)) { document.getElementById('drift-content').innerHTML = msg(d?.error||d?.message||'No data', d?.command); return; }
+        const results = d.results || [];
+        const totalDrifted = results.reduce((a,r)=>a+(r.drifted_resources||[]).length, 0);
+        const coverage = d.iac_coverage_percentage != null ? d.iac_coverage_percentage.toFixed(1)+'%' : '—';
+        let html = `<div class="summary-grid"><div class="card" style="border-color:#9c27b0"><div class="card-number" style="color:#9c27b0">${totalDrifted}</div><div class="card-label">Drifted Resources</div></div><div class="card"><div class="card-number">${coverage}</div><div class="card-label">IaC Coverage</div></div><div class="card"><div class="card-number">${results.length}</div><div class="card-label">Stacks Checked</div></div></div>`;
+        if (totalDrifted > 0) {
+            html += '<table class="data-table"><thead><tr><th>Resource</th><th>Type</th><th>Drift Type</th><th>Severity</th></tr></thead><tbody>';
+            results.forEach(r => (r.drifted_resources||[]).forEach(res => {
+                const sevClass = {'critical':'badge-danger','high':'badge-danger','medium':'badge-warning','low':'badge-info'}[res.severity]||'badge-info';
+                html += `<tr><td>${res.address||'—'}</td><td>${res.resource_type||'—'}</td><td>${res.drift_type||'—'}</td><td><span class="badge ${sevClass}">${res.severity||'—'}</span></td></tr>`;
+            }));
+            html += '</tbody></table>';
+        }
+        document.getElementById('drift-content').innerHTML = html;
+    }
+
+    function renderAI() {
+        const d = D.ai;
+        if (!d || err(d)) { document.getElementById('ai-content').innerHTML = msg(d?.error||d?.message||'No data', d?.command); return; }
+        let html = `<div class="summary-grid"><div class="card" style="border-color:#00bcd4"><div class="card-number" style="color:#00bcd4">$${(d.total_cost||0).toFixed(4)}</div><div class="card-label">Total Cost</div></div><div class="card"><div class="card-number">${d.total_requests||0}</div><div class="card-label">Requests</div></div><div class="card"><div class="card-number">${(d.total_input_tokens||0).toLocaleString()}</div><div class="card-label">Input Tokens</div></div><div class="card"><div class="card-number">${(d.total_output_tokens||0).toLocaleString()}</div><div class="card-label">Output Tokens</div></div></div>`;
+        if (d.records && d.records.length) {
+            html += '<table class="data-table"><thead><tr><th>Time</th><th>Provider</th><th>Model</th><th>In</th><th>Out</th><th>Cost</th></tr></thead><tbody>';
+            d.records.slice().reverse().forEach(r => {
+                html += `<tr><td>${r.timestamp ? new Date(r.timestamp).toLocaleString() : '—'}</td><td>${r.provider||'—'}</td><td>${r.model||'—'}</td><td>${(r.input_tokens||0).toLocaleString()}</td><td>${(r.output_tokens||0).toLocaleString()}</td><td>$${(r.cost||0).toFixed(4)}</td></tr>`;
+            });
+            html += '</tbody></table>';
+        }
+        document.getElementById('ai-content').innerHTML = html;
+    }
+    </script>
+</body>
+</html>

thothctl-0.18.6/src/thothctl/version.py

@@ -0,0 +1,2 @@
+"""Version module."""
+__version__ = "0.18.6"