AutoSort-Plus/batch.html at main · Nigel1992/AutoSort-Plus · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>AutoSort+ Batch Processing</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container batch-container">
        <h1>📦 Batch Processing</h1>

        <div id="batch-idle" class="batch-idle">
            No batch is running.<br>
            Select emails in Thunderbird, right-click and choose
            <strong>AutoSort+ Batch Analyze with AI</strong> to sort them with progress tracking.
        </div>

        <div id="batch-panel" style="display: none;">
            <div class="progress-status-row">
                <span id="batch-status" class="batch-phase-processing">Starting…</span>
                <span id="batch-counter">0 / 0</span>
            </div>

            <div class="progress-bar">
                <div class="progress-fill" id="batch-progress-fill"></div>
            </div>

            <div id="batch-ai-status" class="ai-status" style="display: none;"></div>

            <div class="batch-counts">
                <div class="count-card count-sorted">
                    <span class="count-value" id="count-sorted">0</span>
                    <span class="count-label">Sorted</span>
                </div>
                <div class="count-card count-skipped">
                    <span class="count-value" id="count-skipped">0</span>
                    <span class="count-label">Skipped</span>
                </div>
                <div class="count-card count-failed">
                    <span class="count-value" id="count-failed">0</span>
                    <span class="count-label">Failed</span>
                </div>
            </div>

            <div id="batch-api-usage" class="batch-api-usage" style="display: none;">
                <h3>🔑 API Key Usage (20/day limit per key)</h3>
                <div id="api-usage-cards" class="api-usage-cards"></div>
                <div class="api-usage-summary" id="api-usage-summary"></div>
            </div>

            <div id="batch-results" class="batch-results"></div>

            <div class="button-group">
                <button id="batch-cancel" class="button">Cancel</button>
                <button id="batch-retry" class="button" style="display: none;">Retry Failed</button>
                <button id="batch-close" class="button primary" style="display: none;">Close</button>
            </div>
        </div>
    </div>
    <script src="batch.js"></script>
</body>
</html>