From d7d7269381bc048fd361d951ac31d9dea30182ba Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 14 Oct 2025 04:38:02 +0000
Subject: [PATCH 1/3] Initial plan


From 6f1190d9eaa065ad5757c703ebd6849732b1e5d1 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 14 Oct 2025 04:46:13 +0000
Subject: [PATCH 2/3] Add tooltipProperties with MaxWidth to prevent tooltip
 truncation

Co-authored-by: anupriya13 <54227869+anupriya13@users.noreply.github.com>
---
 NewArch/src/components/Badge.tsx           | 3 ++-
 NewArch/src/components/Controls.tsx        | 1 +
 NewArch/src/components/CopyToClipboard.tsx | 1 +
 NewArch/src/components/PageScroller.tsx    | 1 +
 NewArch/src/components/ScreenWrapper.tsx   | 1 +
 src/components/Badge.tsx                   | 3 ++-
 src/components/CopyToClipboard.tsx         | 1 +
 src/components/PageScroller.tsx            | 1 +
 src/components/ScreenWrapper.tsx           | 2 +-
 9 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/NewArch/src/components/Badge.tsx b/NewArch/src/components/Badge.tsx
index e20ed071..0ee6d3b4 100644
--- a/NewArch/src/components/Badge.tsx
+++ b/NewArch/src/components/Badge.tsx
@@ -31,7 +31,8 @@ export function Badge(props: {
   return (
     <View
       style={[styles.badgeContainer, {backgroundColor: props.badgeColor}]}
-      tooltip={props.description}>
+      tooltip={props.description}
+      tooltipProperties={{MaxWidth: 500}}>
       <Text style={[styles.badgeText, {color: props.textColor}]}>
         {props.badgeTitle}
       </Text>
diff --git a/NewArch/src/components/Controls.tsx b/NewArch/src/components/Controls.tsx
index 08ebe9ff..0d72914f 100644
--- a/NewArch/src/components/Controls.tsx
+++ b/NewArch/src/components/Controls.tsx
@@ -28,6 +28,7 @@ function Hyperlink({url, text}: HyperlinkProps): JSX.Element {
   return (
     <Pressable
       tooltip={url}
+      tooltipProperties={{MaxWidth: 500}}
       accessibilityRole="link"
       accessibilityLabel={displayText}
       onPress={() => Linking.openURL(url)}
diff --git a/NewArch/src/components/CopyToClipboard.tsx b/NewArch/src/components/CopyToClipboard.tsx
index f6e37ea2..17a9c02f 100644
--- a/NewArch/src/components/CopyToClipboard.tsx
+++ b/NewArch/src/components/CopyToClipboard.tsx
@@ -45,6 +45,7 @@ const CopyToClipboardButton = React.forwardRef<any, CopyToClipboardButtonProps>(
       accessibilityRole="button"
       accessibilityLabel={helpText}
       tooltip={helpText}
+      tooltipProperties={{MaxWidth: 500}}
       style={styles.background}
       onPress={() => {
         Clipboard.setString(content);
diff --git a/NewArch/src/components/PageScroller.tsx b/NewArch/src/components/PageScroller.tsx
index 22d2003f..eee29861 100644
--- a/NewArch/src/components/PageScroller.tsx
+++ b/NewArch/src/components/PageScroller.tsx
@@ -23,6 +23,7 @@ const PagingButton = ({left, onPress}: PagingButtonProps) => {
       accessibilityRole="button"
       accessibilityLabel={tooltip}
       tooltip={tooltip}
+      tooltipProperties={{MaxWidth: 500}}
       onPress={() => onPress()}
       onHoverIn={() => setHover(true)}
       onHoverOut={() => setHover(false)}
diff --git a/NewArch/src/components/ScreenWrapper.tsx b/NewArch/src/components/ScreenWrapper.tsx
index 61347a45..13b126af 100644
--- a/NewArch/src/components/ScreenWrapper.tsx
+++ b/NewArch/src/components/ScreenWrapper.tsx
@@ -82,6 +82,7 @@ export function ScreenWrapper({
             accessibilityRole="button"
             accessibilityLabel="Navigation menu"
             tooltip={'Expand navigation menu'}
+            tooltipProperties={{MaxWidth: 500}}
             // requires react-native-gesture-handler to be imported in order to pass testing.
             // blocked by #125
             //accessibilityState={{expanded: useIsDrawerOpen()}}
diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
index 1fa2ea94..402505b4 100644
--- a/src/components/Badge.tsx
+++ b/src/components/Badge.tsx
@@ -31,7 +31,8 @@ export function Badge(props: {
   return (
     <View
       style={[styles.badgeContainer, {backgroundColor: props.badgeColor}]}
-      tooltip={props.description}>
+      tooltip={props.description}
+      tooltipProperties={{MaxWidth: 500}}>
       <Text style={[styles.badgeText, {color: props.textColor}]}>
         {props.badgeTitle}
       </Text>
diff --git a/src/components/CopyToClipboard.tsx b/src/components/CopyToClipboard.tsx
index 8f9d8bcd..b2bcf587 100644
--- a/src/components/CopyToClipboard.tsx
+++ b/src/components/CopyToClipboard.tsx
@@ -44,6 +44,7 @@ const CopyToClipboardButton = ({content}: CopyToClipboardButtonProps) => {
       accessibilityRole="button"
       accessibilityLabel={helpText}
       tooltip={helpText}
+      tooltipProperties={{MaxWidth: 500}}
       style={styles.background}
       onPress={() => {
         Clipboard.setString(content);
diff --git a/src/components/PageScroller.tsx b/src/components/PageScroller.tsx
index e170faec..0b2d81fd 100644
--- a/src/components/PageScroller.tsx
+++ b/src/components/PageScroller.tsx
@@ -24,6 +24,7 @@ const PagingButton = ({left, onPress}: PagingButtonProps) => {
       accessibilityRole="button"
       accessibilityLabel={tooltip}
       tooltip={tooltip}
+      tooltipProperties={{MaxWidth: 500}}
       onPress={() => onPress()}
       onHoverIn={() => setHover(true)}
       onHoverOut={() => setHover(false)}>
diff --git a/src/components/ScreenWrapper.tsx b/src/components/ScreenWrapper.tsx
index a7e2866a..aa6365db 100644
--- a/src/components/ScreenWrapper.tsx
+++ b/src/components/ScreenWrapper.tsx
@@ -80,7 +80,7 @@ export function ScreenWrapper({
           <TouchableHighlight
             accessibilityRole="button"
             accessibilityLabel="Navigation bar hamburger icon"
-            {...{tooltip: 'Expand Menu'}}
+            {...{tooltip: 'Expand Menu', tooltipProperties: {MaxWidth: 500}}}
             // requires react-native-gesture-handler to be imported in order to pass testing.
             // blocked by #125
             //accessibilityState={{expanded: useIsDrawerOpen()}}

From 6213d05f07215aab6caa6737aa0c4f9e9db66698 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 14 Oct 2025 04:57:10 +0000
Subject: [PATCH 3/3] Remove tooltipProperties from src/components directory

Co-authored-by: anupriya13 <54227869+anupriya13@users.noreply.github.com>
---
 src/components/Badge.tsx           | 3 +--
 src/components/CopyToClipboard.tsx | 1 -
 src/components/PageScroller.tsx    | 1 -
 src/components/ScreenWrapper.tsx   | 2 +-
 4 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
index 402505b4..1fa2ea94 100644
--- a/src/components/Badge.tsx
+++ b/src/components/Badge.tsx
@@ -31,8 +31,7 @@ export function Badge(props: {
   return (
     <View
       style={[styles.badgeContainer, {backgroundColor: props.badgeColor}]}
-      tooltip={props.description}
-      tooltipProperties={{MaxWidth: 500}}>
+      tooltip={props.description}>
       <Text style={[styles.badgeText, {color: props.textColor}]}>
         {props.badgeTitle}
       </Text>
diff --git a/src/components/CopyToClipboard.tsx b/src/components/CopyToClipboard.tsx
index b2bcf587..8f9d8bcd 100644
--- a/src/components/CopyToClipboard.tsx
+++ b/src/components/CopyToClipboard.tsx
@@ -44,7 +44,6 @@ const CopyToClipboardButton = ({content}: CopyToClipboardButtonProps) => {
       accessibilityRole="button"
       accessibilityLabel={helpText}
       tooltip={helpText}
-      tooltipProperties={{MaxWidth: 500}}
       style={styles.background}
       onPress={() => {
         Clipboard.setString(content);
diff --git a/src/components/PageScroller.tsx b/src/components/PageScroller.tsx
index 0b2d81fd..e170faec 100644
--- a/src/components/PageScroller.tsx
+++ b/src/components/PageScroller.tsx
@@ -24,7 +24,6 @@ const PagingButton = ({left, onPress}: PagingButtonProps) => {
       accessibilityRole="button"
       accessibilityLabel={tooltip}
       tooltip={tooltip}
-      tooltipProperties={{MaxWidth: 500}}
       onPress={() => onPress()}
       onHoverIn={() => setHover(true)}
       onHoverOut={() => setHover(false)}>
diff --git a/src/components/ScreenWrapper.tsx b/src/components/ScreenWrapper.tsx
index aa6365db..a7e2866a 100644
--- a/src/components/ScreenWrapper.tsx
+++ b/src/components/ScreenWrapper.tsx
@@ -80,7 +80,7 @@ export function ScreenWrapper({
           <TouchableHighlight
             accessibilityRole="button"
             accessibilityLabel="Navigation bar hamburger icon"
-            {...{tooltip: 'Expand Menu', tooltipProperties: {MaxWidth: 500}}}
+            {...{tooltip: 'Expand Menu'}}
             // requires react-native-gesture-handler to be imported in order to pass testing.
             // blocked by #125
             //accessibilityState={{expanded: useIsDrawerOpen()}}