From ca4c0ea6bcb791cd40d4684376ec2ac6f1a08c53 Mon Sep 17 00:00:00 2001
From: Peter Stone <thepeterstone@gmail.com>
Date: Mon, 13 Jul 2026 18:20:30 +0000
Subject: feat(web): render multi-day event labels in the timeline template

---
 web/templates/partials/timeline-tab.html | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

(limited to 'web/templates')

diff --git a/web/templates/partials/timeline-tab.html b/web/templates/partials/timeline-tab.html
index 3dc0a8c..36f861c 100644
--- a/web/templates/partials/timeline-tab.html
+++ b/web/templates/partials/timeline-tab.html
@@ -121,12 +121,12 @@
             </svg>
         </summary>
 
-        <!-- Overdue + All-Day + Untimed Items Section -->
-        {{$hasUntimed := false}}{{range .TodayItems}}{{if or .IsOverdue .IsAllDay}}{{$hasUntimed = true}}{{end}}{{end}}
+        <!-- Overdue + All-Day + Multi-Day + Untimed Items Section -->
+        {{$hasUntimed := false}}{{range .TodayItems}}{{if or .IsOverdue .IsAllDay (ne .MultiDayVariant "")}}{{$hasUntimed = true}}{{end}}{{end}}
         {{if $hasUntimed}}
         <div class="mb-4 flex flex-wrap gap-1 p-2 bg-black/20 rounded-lg" id="untimed-section">
             {{range .TodayItems}}
-            {{if or .IsOverdue .IsAllDay}}
+            {{if or .IsOverdue .IsAllDay (ne .MultiDayVariant "")}}
             <div class="untimed-item source-{{.Source}} {{if .IsOverdue}}overdue{{end}} {{if .IsCompleted}}opacity-50{{end}}">
                 {{if or (eq .Type "task") (eq .Type "card") (eq .Type "gtask")}}
                 <input type="checkbox"
@@ -137,7 +137,7 @@
                        hx-swap="outerHTML"
                        class="h-4 w-4 rounded bg-black/40 border-white/30 text-white/80 focus:ring-white/30 cursor-pointer flex-shrink-0">
                 {{end}}
-                <span class="{{if .IsCompleted}}line-through text-white/50{{end}}">{{.Title}}</span>
+                <span class="{{if .IsCompleted}}line-through text-white/50{{end}}">{{.Title}}{{multiDayLabel .}}</span>
                 {{if .IsOverdue}}<span class="overdue-badge">overdue</span>{{end}}
                 {{if .URL}}
                 <a href="{{.URL}}" target="_blank" class="text-white/50 hover:text-white">
@@ -167,7 +167,7 @@
 
             <!-- Timed events positioned by JavaScript -->
             {{range .TodayItems}}
-            {{if and (not .IsOverdue) (not .IsAllDay)}}
+            {{if and (not .IsOverdue) (not .IsAllDay) (eq .MultiDayVariant "")}}
             <div class="calendar-event source-{{.Source}} {{if .IsCompleted}}opacity-50{{end}}"
                  data-hour="{{.Time.Hour}}"
                  data-minute="{{.Time.Minute}}"
@@ -218,9 +218,11 @@
             <div class="flex items-center gap-2 py-2 px-2 rounded-lg hover:bg-white/5 {{if .IsCompleted}}opacity-50{{end}}">
                 <!-- Time label (fixed width) -->
                 <span class="text-xs text-white/40 w-14 shrink-0 text-right">
+                    {{if eq .MultiDayVariant ""}}
                     {{if and (not .IsAllDay) (or (ne .Time.Hour 0) (ne .Time.Minute 0))}}
                     {{.Time.Format "3:04 PM"}}
                     {{end}}
+                    {{end}}
                 </span>
                 <!-- Source color bar -->
                 <div class="w-0.5 h-5 rounded-full shrink-0
@@ -238,8 +240,8 @@
                 {{end}}
                 <!-- Title -->
                 <span class="flex-1 text-sm text-white/80 {{if .IsCompleted}}line-through text-white/40{{end}} truncate">
-                    {{.Title}}
-                    {{if .EndTime}}<span class="text-white/30 text-xs ml-1">– {{.EndTime.Format "3:04 PM"}}</span>{{end}}
+                    {{.Title}}{{multiDayLabel .}}
+                    {{if and (eq .MultiDayVariant "") .EndTime}}<span class="text-white/30 text-xs ml-1">– {{.EndTime.Format "3:04 PM"}}</span>{{end}}
                 </span>
                 {{if .URL}}
                 <a href="{{.URL}}" target="_blank" class="text-white/30 hover:text-white shrink-0">
-- 
cgit v1.2.3