feat: add GitHub token auth and loading progress indicator

- Add GitHub token input field to team dashboard form
  - Password type for security
  - Help text with rate limit info (60 → 5000 req/h)
  - Link to GitHub token creation page

- Add real-time loading progress indicator
  - Shows current username being fetched
  - Displays progress count (e.g., '2 of 5')
  - Updates as each user is processed

These enhancements improve UX and enable authenticated requests
for higher rate limits when generating team reports.

Related: Phase 3 enhancements for whatdidyougetdone

Author: TimeToBuildBob

index.html

@@ -60,6 +60,22 @@ <h2>🎯 Create Custom Team Report</h2>
                     <small>Enter usernames separated by commas</small>
                 </div>
 
+                <div class="form-group">
+                    <label for="github-token">GitHub Token (optional):</label>
+                    <input
+                        type="password"
+                        id="github-token"
+                        name="token"
+                        placeholder="ghp_xxxxxxxxxxxxxxxxxxxx"
+                    />
+                    <small>
+                        Increases rate limit from 60 to 5000 requests/hour.
+                        <a href="https://github.com/settings/tokens" target="_blank" rel="noopener noreferrer">
+                            Create token
+                        </a>
+                    </small>
+                </div>
+
                 <div class="form-row">
                     <div class="form-group">
                         <label for="team-days">Days to look back:</label>

script.js

@@ -336,6 +336,7 @@ function setupTeamDashboard() {
         const days = parseInt(document.getElementById('team-days').value);
         const startDate = document.getElementById('team-start-date').value;
         const endDate = document.getElementById('team-end-date').value;
+        const token = document.getElementById('github-token').value.trim() || null;
 
         if (usernames.length === 0) {
             alert('Please enter at least one GitHub username');
@@ -356,7 +357,7 @@ function setupTeamDashboard() {
 
         // Generate team report using GitHub API
         try {
-            const report = await generateTeamReport(usernames, days, startDate, endDate);
+            const report = await generateTeamReport(usernames, days, startDate, endDate, token);
             const html = marked.parse(report);
             resultContent.innerHTML = html;
         } catch (error) {
@@ -412,7 +413,7 @@ async function fetchGitHubEvents(username, token = null) {
     return await response.json();
 }
 
-async function generateTeamReport(usernames, days, startDate, endDate) {
+async function generateTeamReport(usernames, days, startDate, endDate, token = null) {
     // Calculate date range
     const now = new Date();
     const start = startDate ? new Date(startDate) : new Date(now.getTime() - days * 24 * 60 * 60 * 1000);
@@ -422,9 +423,23 @@ async function generateTeamReport(usernames, days, startDate, endDate) {
     const allEvents = [];
     const errors = [];
 
-    for (const username of usernames) {
+    for (let i = 0; i < usernames.length; i++) {
+        const username = usernames[i];
+
+        // Update progress indicator
+        const resultContent = document.getElementById('team-content');
+        resultContent.innerHTML = `
+            <div style="text-align: center; padding: 2rem;">
+                <div class="spinner"></div>
+                <p>Generating team report...</p>
+                <p style="color: var(--text-secondary); margin-top: 1rem;">
+                    Fetching activity for <strong>${username}</strong> (${i + 1}/${usernames.length})
+                </p>
+            </div>
+        `;
+
         try {
-            const events = await fetchGitHubEvents(username);
+            const events = await fetchGitHubEvents(username, token);
             allEvents.push({ username, events });
         } catch (error) {
             errors.push({ username, error: error.message });