Initial commit: Personal Consolidation Dashboard (Phase 1 Complete)

Implemented a unified web dashboard aggregating tasks, notes, and meal planning:

Core Features:
- Trello integration (PRIMARY feature - boards, cards, lists)
- Todoist integration (tasks and projects)
- Obsidian integration (20 most recent notes)
- PlanToEat integration (optional - 7-day meal planning)
- Mobile-responsive web UI with auto-refresh (5 min)
- SQLite caching with 5-minute TTL
- AI agent endpoint with Bearer token authentication

Technical Implementation:
- Go 1.21+ backend with chi router
- Interface-based API client design for testability
- Parallel data fetching with goroutines
- Graceful degradation (partial data on API failures)
- .env file loading with godotenv
- Comprehensive test coverage (9/9 tests passing)

Bug Fixes:
- Fixed .env file not being loaded at startup
- Fixed nil pointer dereference with optional API clients (typed nil interface gotcha)

Documentation:
- START_HERE.md - Quick 5-minute setup guide
- QUICKSTART.md - Fast track setup
- SETUP_GUIDE.md - Detailed step-by-step instructions
- PROJECT_SUMMARY.md - Complete project overview
- CLAUDE.md - Guide for Claude Code instances
- AI_AGENT_ACCESS.md - AI agent design document
- AI_AGENT_SETUP.md - Claude.ai integration guide
- TRELLO_AUTH_UPDATE.md - New Power-Up auth process

Statistics:
- Binary: 17MB
- Code: 2,667 lines
- Tests: 5 unit + 4 acceptance tests (all passing)
- Dependencies: chi, sqlite3, godotenv

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

1 files changed, 77 insertions, 0 deletions

diff --git a/web/static/js/app.js b/web/static/js/app.js
new file mode 100644
index 0000000..a96c05d
--- /dev/null
+++ b/web/static/js/app.js
@@ -0,0 +1,77 @@
+// Personal Dashboard JavaScript
+
+// Auto-refresh every 5 minutes
+const AUTO_REFRESH_INTERVAL = 5 * 60 * 1000; // 5 minutes in milliseconds
+
+// Initialize auto-refresh on page load
+document.addEventListener('DOMContentLoaded', function() {
+    // Set up auto-refresh
+    setInterval(autoRefresh, AUTO_REFRESH_INTERVAL);
+});
+
+// Auto-refresh function
+async function autoRefresh() {
+    console.log('Auto-refreshing data...');
+    try {
+        const response = await fetch('/api/refresh', {
+            method: 'POST'
+        });
+
+        if (response.ok) {
+            // Reload the page to show updated data
+            window.location.reload();
+        }
+    } catch (error) {
+        console.error('Auto-refresh failed:', error);
+    }
+}
+
+// Manual refresh function
+async function refreshData() {
+    const button = event.target;
+    const originalText = button.textContent;
+
+    // Show loading state
+    button.disabled = true;
+    button.innerHTML = 'Refreshing...<span class="spinner"></span>';
+
+    try {
+        const response = await fetch('/api/refresh', {
+            method: 'POST'
+        });
+
+        if (response.ok) {
+            // Update last updated time
+            const now = new Date();
+            const timeString = now.toLocaleTimeString('en-US', {
+                hour: 'numeric',
+                minute: '2-digit'
+            });
+            document.getElementById('last-updated').textContent = timeString;
+
+            // Reload the page to show updated data
+            setTimeout(() => {
+                window.location.reload();
+            }, 500);
+        } else {
+            throw new Error('Refresh failed');
+        }
+    } catch (error) {
+        console.error('Refresh failed:', error);
+        alert('Failed to refresh data. Please try again.');
+        button.disabled = false;
+        button.textContent = originalText;
+    }
+}
+
+// Filter tasks by status
+function filterTasks(status) {
+    // This will be implemented in Phase 2
+    console.log('Filter tasks:', status);
+}
+
+// Toggle task completion
+function toggleTask(taskId) {
+    // This will be implemented in Phase 2
+    console.log('Toggle task:', taskId);
+}