Add Pendo tags to all dashboard widget interactive elements

Add pendoTag modifiers to clickable elements across all dashboard widgets
(Courses, Todo, Forecast, Conferences, Course Invitations, Institutional
Announcements, Progress) to enable widget retention tracking via Pendo
analytics.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: hermannakos

libs/pandautils/src/main/java/com/instructure/pandautils/features/dashboard/widget/conferences/ConferencesWidget.kt

@@ -63,6 +63,7 @@ import com.instructure.canvasapi2.utils.ContextKeeper
 import com.instructure.pandautils.R
 import com.instructure.pandautils.compose.composables.PagerIndicator
 import kotlinx.coroutines.flow.SharedFlow
+import sdk.pendo.io.pendoTag
 
 @Composable
 fun ConferencesWidget(
@@ -180,6 +181,7 @@ private fun ConferenceCard(
     Card(
         modifier = modifier
             .fillMaxWidth()
+            .pendoTag("conferencesWidget_joinConference", true)
             .clickable(enabled = !isJoining, onClick = onJoin),
         shape = RoundedCornerShape(16.dp),
         elevation = CardDefaults.cardElevation(defaultElevation = 2.dp),
@@ -246,7 +248,7 @@ private fun ConferenceCard(
             } else {
                 IconButton(
                     onClick = onDismiss,
-                    modifier = Modifier.padding(end = 4.dp)
+                    modifier = Modifier.padding(end = 4.dp).pendoTag("conferencesWidget_dismissConference", true)
                 ) {
                     Icon(
                         painter = painterResource(R.drawable.ic_close),

libs/pandautils/src/main/java/com/instructure/pandautils/features/dashboard/widget/courseinvitation/CourseInvitationsWidget.kt

@@ -62,6 +62,7 @@ import com.instructure.pandautils.R
 import com.instructure.pandautils.compose.composables.PagerIndicator
 import com.instructure.pandautils.domain.models.enrollment.CourseInvitation
 import kotlinx.coroutines.flow.SharedFlow
+import sdk.pendo.io.pendoTag
 
 @OptIn(ExperimentalFoundationApi::class)
 @Composable
@@ -200,7 +201,8 @@ fun CourseInvitationsContent(
                     onClick = {
                         uiState.onDeclineInvitation(invitation)
                         invitationToDecline = null
-                    }
+                    },
+                    modifier = Modifier.pendoTag("courseInvitationsWidget_confirmDeclineButton", true)
                 ) {
                     Text(
                         text = stringResource(R.string.declineCourseInvitation),
@@ -209,7 +211,7 @@ fun CourseInvitationsContent(
                 }
             },
             dismissButton = {
-                TextButton(onClick = { invitationToDecline = null }) {
+                TextButton(onClick = { invitationToDecline = null }, modifier = Modifier.pendoTag("courseInvitationsWidget_cancelDeclineButton", true)) {
                     Text(
                         text = stringResource(android.R.string.cancel),
                         color = colorResource(R.color.textDark)
@@ -267,7 +269,8 @@ private fun InvitationCard(
                     enabled = actionsEnabled,
                     modifier = Modifier
                         .weight(1f)
-                        .height(32.dp),
+                        .height(32.dp)
+                        .pendoTag("courseInvitationsWidget_declineButton", true),
                     shape = RoundedCornerShape(100.dp),
                     colors = ButtonDefaults.outlinedButtonColors(
                         containerColor = colorResource(R.color.backgroundLightest),
@@ -295,7 +298,8 @@ private fun InvitationCard(
                     enabled = actionsEnabled,
                     modifier = Modifier
                         .weight(1f)
-                        .height(32.dp),
+                        .height(32.dp)
+                        .pendoTag("courseInvitationsWidget_acceptButton", true),
                     shape = RoundedCornerShape(100.dp),
                     colors = ButtonDefaults.buttonColors(
                         containerColor = buttonColor,

libs/pandautils/src/main/java/com/instructure/pandautils/features/dashboard/widget/courses/CollapsibleSection.kt

@@ -43,6 +43,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.instructure.pandautils.R
+import sdk.pendo.io.pendoTag
 
 @Composable
 fun CollapsibleSection(
@@ -57,6 +58,7 @@ fun CollapsibleSection(
         Row(
             modifier = Modifier
                 .fillMaxWidth()
+                .pendoTag("coursesWidget_collapsibleSection", true)
                 .clickable { onToggleExpanded() }
                 .padding(horizontal = 16.dp, vertical = 12.dp),
             horizontalArrangement = Arrangement.SpaceBetween,

libs/pandautils/src/main/java/com/instructure/pandautils/features/dashboard/widget/courses/CourseCard.kt

@@ -75,6 +75,7 @@ import com.instructure.pandautils.features.dashboard.widget.courses.model.GradeD
 import com.instructure.pandautils.utils.ThemedColor
 import com.instructure.pandautils.utils.color
 import com.instructure.pandautils.utils.getFragmentActivityOrNull
+import sdk.pendo.io.pendoTag
 
 internal val COURSE_CARD_HEIGHT = 76.dp
 
@@ -119,6 +120,7 @@ fun CourseCard(
                 .fillMaxWidth()
                 .height(COURSE_CARD_HEIGHT)
                 .alpha(if (courseCard.isClickable) 1f else 0.5f)
+                .pendoTag("coursesWidget_courseCard", true)
                 .clickable(enabled = courseCard.isClickable) { activity?.let { onCourseClick(it, courseCard.id) } },
             verticalAlignment = Alignment.CenterVertically
         ) {
@@ -157,6 +159,7 @@ fun CourseCard(
                         Box(
                             modifier = Modifier
                                 .size(24.dp)
+                                .pendoTag("coursesWidget_courseCardMenu", true)
                                 .clickable(onClick = openMenuClick)
                                 .background(
                                     color = colorResource(R.color.backgroundLightest),
@@ -189,7 +192,8 @@ fun CourseCard(
                                 onClick = {
                                     showMenu = false
                                     activity?.let { onManageOfflineContent.invoke(it, courseCard.id) }
-                                }
+                                },
+                                modifier = Modifier.pendoTag("coursesWidget_manageOfflineContent", true)
                             )
                             DropdownMenuItem(
                                 text = {
@@ -202,7 +206,8 @@ fun CourseCard(
                                 onClick = {
                                     showMenu = false
                                     activity?.let { onCustomizeCourse.invoke(it, courseCard.id) }
-                                }
+                                },
+                                modifier = Modifier.pendoTag("coursesWidget_customizeCourse", true)
                             )
                         }
                     }
@@ -248,6 +253,7 @@ fun CourseCard(
                     modifier = Modifier
                         .clip(CircleShape)
                         .size(48.dp)
+                        .pendoTag("coursesWidget_announcementBell", true)
                         .clickable(enabled = courseCard.isClickable) {
                             activity?.let {
                                 onAnnouncementClick?.invoke(

libs/pandautils/src/main/java/com/instructure/pandautils/features/dashboard/widget/courses/CoursesWidget.kt

@@ -61,6 +61,7 @@ import com.instructure.pandautils.features.dashboard.widget.courses.model.GradeD
 import com.instructure.pandautils.features.dashboard.widget.courses.model.GroupCardItem
 import com.instructure.pandautils.utils.getFragmentActivityOrNull
 import kotlinx.coroutines.flow.SharedFlow
+import sdk.pendo.io.pendoTag
 import sh.calvin.reorderable.ReorderableItem
 import sh.calvin.reorderable.rememberReorderableLazyGridState
 
@@ -178,7 +179,7 @@ fun CoursesWidgetContent(
                 Button(
                     onClick = { activity?.let { uiState.onAllCourses(it) } },
                     shape = RoundedCornerShape(24.dp),
-                    modifier = Modifier.height(30.dp),
+                    modifier = Modifier.height(30.dp).pendoTag("coursesWidget_allCoursesButton", true),
                     contentPadding = PaddingValues(
                         start = 12.dp,
                         0.dp,

libs/pandautils/src/main/java/com/instructure/pandautils/features/dashboard/widget/courses/GroupCard.kt

@@ -59,6 +59,7 @@ import com.instructure.pandautils.compose.composables.Shimmer
 import com.instructure.pandautils.features.dashboard.widget.courses.model.GroupCardItem
 import com.instructure.pandautils.utils.color
 import com.instructure.pandautils.utils.getFragmentActivityOrNull
+import sdk.pendo.io.pendoTag
 
 @Composable
 fun GroupCard(
@@ -85,6 +86,7 @@ fun GroupCard(
             modifier = Modifier
                 .fillMaxWidth()
                 .height(76.dp)
+                .pendoTag("coursesWidget_groupCard", true)
                 .clickable { activity?.let { onGroupClick(it, groupCard.id) } },
             verticalAlignment = Alignment.CenterVertically
         ) {
@@ -174,6 +176,7 @@ fun GroupCard(
                     .padding(end = 16.dp)
                     .clip(CircleShape)
                     .size(48.dp)
+                    .pendoTag("coursesWidget_groupMessage", true)
                     .clickable { activity?.let { onMessageClick.invoke(it, groupCard.id) } },
                 contentAlignment = Alignment.Center
             ) {

libs/pandautils/src/main/java/com/instructure/pandautils/features/dashboard/widget/forecast/AssignmentListItem.kt

@@ -55,6 +55,7 @@ import com.instructure.pandautils.compose.composables.SubmissionStateLabel
 import com.instructure.pandautils.utils.color
 import com.instructure.pandautils.utils.getFragmentActivity
 import java.util.Date
+import sdk.pendo.io.pendoTag
 
 @Composable
 fun AssignmentListItem(
@@ -68,6 +69,7 @@ fun AssignmentListItem(
     Row(
         modifier = modifier
             .fillMaxWidth()
+            .pendoTag("forecastWidget_assignmentItem", true)
             .clickable {
                 assignment.onClick?.invoke(context.getFragmentActivity())
             }

libs/pandautils/src/main/java/com/instructure/pandautils/features/dashboard/widget/forecast/ForecastSegmentedControl.kt

@@ -50,6 +50,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.instructure.pandautils.R
+import sdk.pendo.io.pendoTag
 
 @Composable
 fun ForecastSegmentedControl(
@@ -148,6 +149,7 @@ private fun SegmentButton(
     Box(
         modifier = modifier
             .fillMaxHeight()
+            .pendoTag("forecastWidget_segmentButton", true)
             .clickable { onSelected(section) }
             .shadow(
                 elevation = if (isSelected) 2.dp else 0.dp,

libs/pandautils/src/main/java/com/instructure/pandautils/features/dashboard/widget/forecast/ForecastWidget.kt

@@ -65,6 +65,7 @@ import com.instructure.pandautils.compose.composables.TodayButton
 import kotlinx.coroutines.flow.SharedFlow
 import java.time.LocalDate
 import java.util.Date
+import sdk.pendo.io.pendoTag
 
 @Composable
 fun ForecastWidget(
@@ -115,7 +116,8 @@ fun ForecastWidgetContent(
                     title = stringResource(R.string.forecastWidget_currentWeek),
                     onClick = uiState.onJumpToCurrentWeek,
                     buttonColor = Color(uiState.backgroundColor.color()),
-                    textColor = colorResource(R.color.textLightest)
+                    textColor = colorResource(R.color.textLightest),
+                    modifier = Modifier.pendoTag("forecastWidget_currentWeekButton", true)
                 )
             } else {
                 Spacer(modifier = Modifier.height(24.dp))
@@ -344,6 +346,7 @@ private fun ForecastWidgetErrorState(
         buttonText = stringResource(R.string.retry),
         buttonClick = onRetry,
         modifier = modifier
+            .pendoTag("forecastWidget_retryButton", true)
             .padding(top = 8.dp)
             .shadow(elevation = 2.dp, shape = RoundedCornerShape(14.dp))
             .background(

libs/pandautils/src/main/java/com/instructure/pandautils/features/dashboard/widget/forecast/WeekNavigationHeader.kt

@@ -36,6 +36,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.instructure.pandautils.R
+import sdk.pendo.io.pendoTag
 
 @Composable
 fun WeekNavigationHeader(
@@ -53,7 +54,7 @@ fun WeekNavigationHeader(
     ) {
         IconButton(
             onClick = onNavigatePrevious,
-            modifier = Modifier.size(24.dp)
+            modifier = Modifier.size(24.dp).pendoTag("forecastWidget_previousWeek", true)
         ) {
             Icon(
                 painter = painterResource(R.drawable.ic_chevron_left),
@@ -78,7 +79,7 @@ fun WeekNavigationHeader(
 
         IconButton(
             onClick = onNavigateNext,
-            modifier = Modifier.size(24.dp)
+            modifier = Modifier.size(24.dp).pendoTag("forecastWidget_nextWeek", true)
         ) {
             Icon(
                 painter = painterResource(R.drawable.ic_chevron_right),