From fc4a3a0ea9a10c91b01f2b4e3857b367cb03ed78 Mon Sep 17 00:00:00 2001
From: Peter Stone <thepeterstone@gmail.com>
Date: Tue, 13 Jan 2026 09:03:56 -1000
Subject: Implement 4-tab architecture with unified Atom rendering

- Create TabsHandler with 4 specialized tab methods
- HandleTasks: Unified Atom view (Todoist + Trello due cards)
- HandlePlanning: Dedicated Trello boards view
- HandleNotes: Obsidian notes view
- HandleMeals: PlanToEat meals view
- Rewrite tasks-tab template for Atom rendering
- Add planning-tab and meals-tab templates
- Update index.html navigation with 4 tabs
- Smart sorting: Tasks sorted by due date then priority
- Clean separation: Tasks (action), Planning (structure), Notes (knowledge), Meals (calendar)

Template fixes:
- Load initial tab content via HTMX to avoid data structure mismatch
- Update refresh logic to use 2-step process (API refresh + tab reload)
- Fix manual and auto-refresh to call tab endpoints directly

Note: Router changes in cmd/dashboard/main.go (untracked file) at lines 55-78

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 web/templates/index.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

(limited to 'web/templates/index.html')

diff --git a/web/templates/index.html b/web/templates/index.html
index b544ec3..b545a6e 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -61,8 +61,13 @@
         </div>
 
         <!-- Tab Content -->
-        <div id="tab-content">
-            {{template "tasks-tab" .}}
+        <div id="tab-content"
+             hx-get="/tabs/tasks"
+             hx-trigger="load"
+             hx-swap="innerHTML">
+            <div class="text-center py-8">
+                <div class="inline-block animate-pulse text-gray-600">Loading...</div>
+            </div>
         </div>
     </div>
 
-- 
cgit v1.2.3