agentic-procurement/audit_report.html at main · jeffy893/agentic-procurement · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Procurement Agent Audit Report</title>
    <style>
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 20px; background: #f5f5f5; }
        .container { max-width: 1200px; margin: 0 auto; background: white; padding: 30px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
        .header { text-align: center; margin-bottom: 30px; border-bottom: 3px solid #2196F3; padding-bottom: 20px; }
        .score-card { display: flex; justify-content: space-around; margin: 30px 0; }
        .score { text-align: center; padding: 20px; border-radius: 10px; color: white; font-weight: bold; }
        .score.high { background: #f44336; }
        .score.medium { background: #ff9800; }
        .score.low { background: #4caf50; }
        .metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 30px 0; }
        .metric-card { background: #f8f9fa; padding: 20px; border-radius: 8px; border-left: 4px solid #2196F3; }
        .metric-title { font-weight: bold; color: #333; margin-bottom: 10px; }
        .metric-value { font-size: 24px; color: #2196F3; font-weight: bold; }
        .findings { background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 8px; padding: 20px; margin: 20px 0; }
        .finding { margin: 10px 0; padding: 10px; border-radius: 5px; }
        .finding.high { background: #ffebee; border-left: 4px solid #f44336; }
        .finding.medium { background: #fff3e0; border-left: 4px solid #ff9800; }
        .table { width: 100%; border-collapse: collapse; margin: 20px 0; }
        .table th, .table td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }
        .table th { background: #2196F3; color: white; }
        .status-pass { color: #4caf50; font-weight: bold; }
        .status-fail { color: #f44336; font-weight: bold; }
        .status-warn { color: #ff9800; font-weight: bold; }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>🔍 Procurement Agent Audit Report</h1>
            <p>Generated: 2025-12-26 19:25:31</p>
        </div>

        <div class="score-card">
            <div class="score high">
                <h2>69/100</h2>
                <p>Overall Health Score</p>
            </div>
            <div class="score high">
                <h2>HIGH</h2>
                <p>Risk Level</p>
            </div>
        </div>

        <div class="findings">
            <h3>📋 Executive Summary</h3>
            <p><strong>Recommendation:</strong> Immediate attention required - multiple critical issues detected</p>
        </div>

        <div class="metrics-grid">
            <div class="metric-card">
                <div class="metric-title">Resilience</div>
                <div class="metric-value" style="color: #f44336">50/100</div>
            </div>

            <div class="metric-card">
                <div class="metric-title">Compliance</div>
                <div class="metric-value" style="color: #4caf50">100/100</div>
            </div>

            <div class="metric-card">
                <div class="metric-title">Stress Resistance</div>
                <div class="metric-value" style="color: #f44336">57/100</div>
            </div>
            </div>

        <h3>📊 Key Metrics</h3>
        <table class="table">
            <thead>
                <tr><th>Metric</th><th>Value</th></tr>
            </thead>
            <tbody>
        <tr><td>Total Items Audited</td><td>1,225</td></tr><tr><td>Low Stock Items</td><td>10</td></tr><tr><td>Substitute Coverage</td><td>0.0%</td></tr><tr><td>Compliance Violations</td><td>0</td></tr><tr><td>Stress Test Pass Rate</td><td>57.1%</td></tr><tr><td>Audit Duration</td><td>< 1 minute</td></tr><tr><td>Next Audit Recommended</td><td>30 days</td></tr></tbody></table>
        <h3>⚠️ Critical Findings</h3>
            <div class="finding high">
                <strong>[HIGH]</strong> Low resilience score: 50.0/100<br>
                <em>Impact:</em> Agent may make incorrect procurement decisions
            </div>

            <div class="finding medium">
                <strong>[MEDIUM]</strong> 2 stress test failures<br>
                <em>Impact:</em> Agent may fail under adverse conditions
            </div>


        <h3>🔬 Detailed Analysis</h3>

        <h4>Specification Matching</h4>
        <p>Accuracy: <span class="status-pass">100.0%</span>
        (1,225 correct out of 1,225 tests)</p>

        <h4>Stock Analysis</h4>
        <ul>
            <li>Total Items: 50</li>
            <li>Low Stock Items: <span class="status-fail">10</span></li>
            <li>Critical Stock Items: <span class="status-fail">3</span></li>
        </ul>

        <h4>Substitute Coverage</h4>
        <p>Coverage: <span class="status-fail">0.0%</span></p>

        <h4>Compliance Status</h4>
        <p>Score: <span class="status-pass">100/100</span></p>
        <p>Violations: <span class="status-pass">0</span></p>

        <h4>Stress Test Results</h4>
        <p>Pass Rate: <span class="status-fail">57.1%</span></p>


    </div>
</body>
</html>