From 2a94cca85176c88a506cca8315bc992b788fc95d Mon Sep 17 00:00:00 2001
From: nicomiguelino <nicomiguelino2014@gmail.com>
Date: Fri, 30 Jan 2026 15:02:56 -0800
Subject: [PATCH 1/3] feat(blueprint): add orientation-based event limits to
 schedule view

- Display 10 events in landscape mode, 15 in portrait mode
- Dynamically recalculate on orientation change

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../calendar/schedule-calendar-view.scss      |  2 +-
 .../calendar/ScheduleCalendarView.vue         | 36 ++++++++++++++-----
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/edge-apps/blueprint/ts/assets/calendar/schedule-calendar-view.scss b/edge-apps/blueprint/ts/assets/calendar/schedule-calendar-view.scss
index 1175ea501..5ea2c216d 100644
--- a/edge-apps/blueprint/ts/assets/calendar/schedule-calendar-view.scss
+++ b/edge-apps/blueprint/ts/assets/calendar/schedule-calendar-view.scss
@@ -91,7 +91,7 @@
 }
 
 @media screen and (min-width: 800px) and (max-width: 1279px) and (orientation: landscape) {
-  @include schedule-calendar-view('landscape', 0.65);
+  @include schedule-calendar-view('landscape', 0.85);
 }
 
 @media screen and (min-width: 480px) and (max-width: 719px) and (orientation: portrait) {
diff --git a/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue b/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue
index d0a7081e6..80cd424be 100644
--- a/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue
+++ b/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, watch, computed } from 'vue'
+import { ref, watch, computed, onMounted, onUnmounted } from 'vue'
 import EventTimeRange from './EventTimeRange.vue'
 import type { CalendarEvent } from '../../constants/calendar'
 import dayjs from 'dayjs'
@@ -9,7 +9,26 @@ import dayJsTimezone from 'dayjs/plugin/timezone'
 dayjs.extend(utc)
 dayjs.extend(dayJsTimezone)
 
-const MAX_EVENTS = 7
+const MAX_EVENTS_LANDSCAPE = 10
+const MAX_EVENTS_PORTRAIT = 15
+
+const isPortrait = ref(window.innerHeight > window.innerWidth)
+
+const updateOrientation = () => {
+  isPortrait.value = window.innerHeight > window.innerWidth
+}
+
+onMounted(() => {
+  window.addEventListener('resize', updateOrientation)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('resize', updateOrientation)
+})
+
+const maxEvents = computed(() =>
+  isPortrait.value ? MAX_EVENTS_PORTRAIT : MAX_EVENTS_LANDSCAPE,
+)
 
 interface Props {
   timezone?: string
@@ -65,18 +84,19 @@ const filterAndFormatEvents = () => {
   todayEventsList.sort(sortByStartTime)
   tomorrowEventsList.sort(sortByStartTime)
 
-  // Distribute events to maintain total around MAX_EVENTS
+  // Distribute events based on orientation (10 for landscape, 15 for portrait)
   let limitedTodayEvents: CalendarEvent[]
   let limitedTomorrowEvents: CalendarEvent[]
+  const limit = maxEvents.value
 
-  if (todayEventsList.length >= MAX_EVENTS) {
-    // If today has 7+ events, show only today's events
-    limitedTodayEvents = todayEventsList.slice(0, MAX_EVENTS)
+  if (todayEventsList.length >= limit) {
+    // If today has enough events to fill the limit, show only today's events
+    limitedTodayEvents = todayEventsList.slice(0, limit)
     limitedTomorrowEvents = []
   } else {
     // Show all of today's events and fill remaining slots with tomorrow's events
     limitedTodayEvents = todayEventsList
-    const remainingSlots = MAX_EVENTS - todayEventsList.length
+    const remainingSlots = limit - todayEventsList.length
     limitedTomorrowEvents = tomorrowEventsList.slice(0, remainingSlots)
   }
 
@@ -84,7 +104,7 @@ const filterAndFormatEvents = () => {
   tomorrowEvents.value = limitedTomorrowEvents
 }
 
-watch([events, () => props.timezone], filterAndFormatEvents, {
+watch([events, () => props.timezone, maxEvents], filterAndFormatEvents, {
   immediate: true,
 })
 </script>

From c1cbfdf4437d40ad06b01611a8523ee578e9c47b Mon Sep 17 00:00:00 2001
From: nicomiguelino <nicomiguelino2014@gmail.com>
Date: Fri, 30 Jan 2026 16:05:13 -0800
Subject: [PATCH 2/3] fix(calendar-apps): guard window access in schedule view
 for Node-based tests

- Initialize isPortrait without accessing window during setup
- Add typeof window !== 'undefined' checks before window access
- Call updateOrientation on mount to set initial value
- Prevents errors in Node-based tests and non-browser contexts

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../ts/components/calendar/ScheduleCalendarView.vue  | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue b/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue
index 80cd424be..db5d3f4b9 100644
--- a/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue
+++ b/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue
@@ -12,17 +12,27 @@ dayjs.extend(dayJsTimezone)
 const MAX_EVENTS_LANDSCAPE = 10
 const MAX_EVENTS_PORTRAIT = 15
 
-const isPortrait = ref(window.innerHeight > window.innerWidth)
+const isPortrait = ref(false)
 
 const updateOrientation = () => {
+  if (typeof window === 'undefined') {
+    return
+  }
   isPortrait.value = window.innerHeight > window.innerWidth
 }
 
 onMounted(() => {
+  if (typeof window === 'undefined') {
+    return
+  }
+  updateOrientation()
   window.addEventListener('resize', updateOrientation)
 })
 
 onUnmounted(() => {
+  if (typeof window === 'undefined') {
+    return
+  }
   window.removeEventListener('resize', updateOrientation)
 })
 

From 09c6f02fa5d505f4aa46129a3a9f07c39bd07294 Mon Sep 17 00:00:00 2001
From: nicomiguelino <nicomiguelino2014@gmail.com>
Date: Fri, 30 Jan 2026 16:13:38 -0800
Subject: [PATCH 3/3] fix(calendar-apps): update portrait event limit to 17

---
 .../blueprint/ts/components/calendar/ScheduleCalendarView.vue   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue b/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue
index db5d3f4b9..2172d5e64 100644
--- a/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue
+++ b/edge-apps/blueprint/ts/components/calendar/ScheduleCalendarView.vue
@@ -10,7 +10,7 @@ dayjs.extend(utc)
 dayjs.extend(dayJsTimezone)
 
 const MAX_EVENTS_LANDSCAPE = 10
-const MAX_EVENTS_PORTRAIT = 15
+const MAX_EVENTS_PORTRAIT = 17
 
 const isPortrait = ref(false)