feat: dim past events when enabled (month bars, week/day grid, agenda)

Past events (endDate before now) are drawn at reduced opacity across the month
bars, the week/day time grid (timed + all-day) and the agenda list when the
'dim past events' setting is on.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app/src/main/java/com/scarriffle/calendarr/ui/calendar/AgendaView.kt

@@ -21,6 +21,7 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.alpha
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
@@ -38,6 +39,8 @@ fun AgendaView(
     onEventClick: (CalEvent) -> Unit,
 ) {
     val lang = LocalLang.current
+    val dimPast = com.scarriffle.calendarr.ui.LocalAppSettings.current.dimPastEvents
+    val now = java.time.Instant.now()
     val today = LocalDate.now()
     val days = (0 until 90).map { today.plusDays(it.toLong()) }
         .map { it to vm.eventsOn(it, state.events) }
@@ -72,7 +75,7 @@ fun AgendaView(
                 )
             }
             items(events, key = { "${date}-${it.id}" }) { ev ->
-                AgendaRow(ev, lang, onClick = { onEventClick(ev) })
+                AgendaRow(ev, lang, dimmed = dimPast && ev.endDate.isBefore(now), onClick = { onEventClick(ev) })
             }
         }
         item { Spacer(Modifier.height(80.dp)) }
@@ -80,11 +83,12 @@ fun AgendaView(
 }
 
 @Composable
-private fun AgendaRow(event: CalEvent, lang: String, onClick: () -> Unit) {
+private fun AgendaRow(event: CalEvent, lang: String, dimmed: Boolean, onClick: () -> Unit) {
     Row(
         Modifier
             .fillMaxWidth()
             .padding(vertical = 4.dp)
+            .alpha(if (dimmed) 0.45f else 1f)
             .clip(RoundedCornerShape(10.dp))
             .background(MaterialTheme.colorScheme.surface)
             .clickable(onClick = onClick)

app/src/main/java/com/scarriffle/calendarr/ui/calendar/MonthView.kt

@@ -28,6 +28,7 @@ import androidx.compose.runtime.setValue
 import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.alpha
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.draw.drawBehind
 import androidx.compose.ui.geometry.Offset
@@ -142,6 +143,8 @@ fun MonthView(
     }
 
     val eventsByWeek = remember(state.events, mondayFirst) { buildEventsByWeek(state.events, mondayFirst) }
+    val dimPast = settings.dimPastEvents
+    val now = java.time.Instant.now()
 
     Column(Modifier.fillMaxSize()) {
         Row(Modifier.fillMaxWidth().padding(vertical = 3.dp)) {
@@ -167,6 +170,8 @@ fun MonthView(
                     today = today,
                     weekEvents = eventsByWeek[weekStart] ?: emptyList(),
                     cellW = cellW,
+                    dimPast = dimPast,
+                    now = now,
                     lang = lang,
                     dividerColor = dividerColor,
                     gridColor = gridColor,
@@ -188,6 +193,8 @@ private fun WeekRow(
     today: LocalDate,
     weekEvents: List<CalEvent>,
     cellW: Dp,
+    dimPast: Boolean,
+    now: java.time.Instant,
     lang: String,
     dividerColor: Color,
     gridColor: Color,
@@ -235,7 +242,8 @@ private fun WeekRow(
         }
 
         packed.bars.forEach { bar ->
-            EventBar(bar = bar, cellW = cellW, onClick = { onEventClick(bar.event) })
+            val past = dimPast && bar.event.endDate.isBefore(now)
+            EventBar(bar = bar, cellW = cellW, dimmed = past, onClick = { onEventClick(bar.event) })
         }
 
         if (boundaryCol != null) {
@@ -251,7 +259,7 @@ private fun WeekRow(
 }
 
 @Composable
-private fun EventBar(bar: PlacedBar, cellW: Dp, onClick: () -> Unit) {
+private fun EventBar(bar: PlacedBar, cellW: Dp, dimmed: Boolean, onClick: () -> Unit) {
     Box(
         Modifier
             .offset(
@@ -260,6 +268,7 @@ private fun EventBar(bar: PlacedBar, cellW: Dp, onClick: () -> Unit) {
             )
             .width(cellW * bar.span - 2.dp)
             .height(LANE_H)
+            .alpha(if (dimmed) 0.45f else 1f)
             .clip(RoundedCornerShape(3.dp))
             .background(bar.color)
             .clickable(onClick = onClick)

app/src/main/java/com/scarriffle/calendarr/ui/calendar/TimeGridView.kt

@@ -20,6 +20,7 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.alpha
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.layout.layout
 import androidx.compose.ui.text.font.FontWeight
@@ -45,6 +46,8 @@ fun TimeGridView(
     onEventClick: (CalEvent) -> Unit,
 ) {
     val hourHeight = LocalAppSettings.current.hourHeight.coerceIn(28, 100).dp
+    val dimPast = LocalAppSettings.current.dimPastEvents
+    val now = java.time.Instant.now()
     val lang = LocalLang.current
     val today = LocalDate.now()
 
@@ -76,7 +79,7 @@ fun TimeGridView(
                 }
                 allDay.forEach { (_, evs) ->
                     Column(Modifier.weight(1f).padding(horizontal = 1.dp)) {
-                        evs.forEach { ev -> AllDayChip(ev, onClick = { onEventClick(ev) }) }
+                        evs.forEach { ev -> AllDayChip(ev, dimmed = dimPast && ev.endDate.isBefore(now), onClick = { onEventClick(ev) }) }
                     }
                 }
             }
@@ -117,6 +120,7 @@ fun TimeGridView(
                             index = index,
                             dayCount = days.size,
                             hourHeight = hourHeight,
+                            dimmed = dimPast && ev.endDate.isBefore(now),
                             onClick = { onEventClick(ev) },
                         )
                     }
@@ -133,6 +137,7 @@ private fun TimedEvent(
     index: Int,
     dayCount: Int,
     hourHeight: androidx.compose.ui.unit.Dp,
+    dimmed: Boolean,
     onClick: () -> Unit,
 ) {
     val startMin = if (localDate(event.startDate).isBefore(day)) 0 else minutesOfDay(event.startDate)
@@ -149,6 +154,7 @@ private fun TimedEvent(
             .columnSlot(index, dayCount)
             .height(height)
             .padding(horizontal = 1.dp, vertical = 0.5.dp)
+            .alpha(if (dimmed) 0.45f else 1f)
             .clip(RoundedCornerShape(4.dp))
             .background(color)
             .clickable(onClick = onClick)
@@ -188,12 +194,13 @@ private fun Modifier.columnSlot(index: Int, dayCount: Int): Modifier = layout {
 }
 
 @Composable
-private fun AllDayChip(event: CalEvent, onClick: () -> Unit) {
+private fun AllDayChip(event: CalEvent, dimmed: Boolean, onClick: () -> Unit) {
     val color = colorFromHex(event.effectiveColor)
     Box(
         Modifier
             .fillMaxWidth()
             .padding(vertical = 1.dp)
+            .alpha(if (dimmed) 0.45f else 1f)
             .clip(RoundedCornerShape(3.dp))
             .background(color)
             .clickable(onClick = onClick)