feat(JsonViewCard): Add click-to-copy for JSON keys and values #1332

WGB5445 · 2025-12-31T06:01:20Z

Summary

Enhances the JSON viewer component with click-to-copy functionality for individual keys and values, improving user experience when inspecting JSON data.

Changes

Click to copy keys: Click any object key or array index to copy its name
Click to copy values: Click any value to copy it (strings are copied without quotes)
Hover tooltip: Shows "Click to copy" tooltip after 500ms hover delay, changes to "Copied!" on success
Visual feedback: Subtle background highlight on hover for clickable elements
Pointer cursor: Only shows pointer cursor on keys/values, not the entire row

Technical Details

Extracted useCopyTooltip hook for tooltip state management
Uses event delegation to detect clicks on react-json-view DOM elements
No snackbar popups - uses inline tooltip feedback instead
Theme-aware hover colors that work in both light and dark modes

…nViewCard

…in JsonViewCard

…JsonViewCard

netlify · 2025-12-31T06:03:28Z

✅ Deploy Preview for aptos-explorer ready!

Name	Link
🔨 Latest commit	`5c1ee94`
🔍 Latest deploy log	https://app.netlify.com/projects/aptos-explorer/deploys/695b58eaf49868000835aee5
😎 Deploy Preview	https://deploy-preview-1332--aptos-explorer.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copilot

Pull request overview

This PR adds click-to-copy functionality to the JSON viewer component, allowing users to copy individual JSON keys and values by clicking on them. The implementation uses a custom useCopyTooltip hook for tooltip state management and event delegation to handle clicks on react-json-view DOM elements.

Key changes:

Extracted useCopyTooltip hook for managing tooltip visibility, copied state, and timer-based interactions
Added findCopyableElement helper function to identify clickable JSON keys and values in the DOM
Integrated event handlers (onClick, onMouseOver, onMouseOut, onMouseLeave) to enable click-to-copy with visual feedback

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2025-12-31T06:11:21Z

src/components/IndividualPageContent/JsonViewCard.tsx

+    const span = target.closest("span") as HTMLElement | null;
+    if (span?.parentElement?.classList.contains("variable-value")) {
+      return {
+        text: (span.textContent || "").replace(/^"|"$/g, ""),


The regex pattern /^"|"$/g uses the global flag g which is unnecessary for a single replacement operation on start and end quotes. The global flag can cause unexpected behavior with the replace method. Use /^"|"$/ instead (without the g flag).

Copilot · 2025-12-31T06:11:21Z

src/components/IndividualPageContent/JsonViewCard.tsx

+  const handleMouseOver = useCallback(
+    (e: React.MouseEvent) => {
+      const copyable = findCopyableElement(e.target as HTMLElement);
+      if (!copyable || copied) return;
+
+      setAnchor(copyable.element);
+      if (!hoverTimer.current) {
+        hoverTimer.current = window.setTimeout(() => {
+          setOpen(true);
+          hoverTimer.current = null;
+        }, HOVER_DELAY_MS);
+      }
+    },
+    [copied],
+  );


The handleMouseOver event handler doesn't handle the case where the user moves from one copyable element directly to another without triggering handleMouseOut first. This can result in the tooltip staying anchored to the first element even when hovering over a different element. The logic should clear the previous timer and reset the anchor when detecting a different copyable element.

Copilot · 2025-12-31T06:11:21Z

src/components/IndividualPageContent/JsonViewCard.tsx

+      <Tooltip
+        open={tooltipOpen}
+        title={tooltipText}
+        placement="top"
+        PopperProps={{anchorEl: anchor}}
+        componentsProps={{
+          tooltip: {sx: {fontSize: "0.75rem"}},
+        }}
+      >
+        <Box sx={{display: "contents"}} />
+      </Tooltip>


The Tooltip is configured with a custom anchorEl via PopperProps, but wraps a Box element. This pattern may not work as expected because Material-UI Tooltip expects to anchor to its child element, not an external element. When anchorEl is provided, the Tooltip should be used without wrapping a child, or the implementation should be restructured to use Popper directly for more control over positioning.

Copilot · 2025-12-31T06:11:21Z

src/components/IndividualPageContent/JsonViewCard.tsx

+        "& .object-key, & .array-key": clickableHoverStyle,
+        "& .string-value": clickableHoverStyle,
+        "& .variable-value > span:first-of-type": clickableHoverStyle,


The copyable elements lack ARIA labels or roles to indicate to screen reader users that they are interactive and can be copied. Consider adding appropriate ARIA attributes such as role="button" and aria-label="Copy [key/value]" to copyable elements to improve screen reader support.

Copilot · 2025-12-31T06:11:22Z

src/components/IndividualPageContent/JsonViewCard.tsx

+  const handleMouseOver = useCallback(
+    (e: React.MouseEvent) => {
+      const copyable = findCopyableElement(e.target as HTMLElement);
+      if (!copyable || copied) return;
+
+      setAnchor(copyable.element);
+      if (!hoverTimer.current) {
+        hoverTimer.current = window.setTimeout(() => {
+          setOpen(true);
+          hoverTimer.current = null;
+        }, HOVER_DELAY_MS);
+      }
+    },
+    [copied],
+  );


The handleMouseOver event fires on every mouse move within the container due to event bubbling, causing findCopyableElement to be called repeatedly. This can impact performance, especially with large JSON structures. Consider debouncing the mouseover handler or using a more targeted approach such as adding event listeners only to copyable elements.

Copilot · 2025-12-31T06:11:22Z

src/components/IndividualPageContent/JsonViewCard.tsx

+  const clickableHoverStyle = {
+    cursor: "pointer",
+    borderRadius: "2px",
+    transition: "background-color 0.15s ease",
+    "&:hover": {
+      backgroundColor: alpha(theme.palette.primary.main, 0.15),
+    },
+  };


The clickableHoverStyle object is recreated on every render, which can cause unnecessary re-renders of child components and style recalculations. Consider moving this object outside the component or memoizing it with useMemo to avoid recreation on every render.

Copilot · 2025-12-31T06:11:23Z

src/components/IndividualPageContent/JsonViewCard.tsx

+        setAnchor(null);
+      }, COPIED_DISPLAY_MS);
+    } catch (err) {
+      console.error("Failed to copy:", err);


The error handling for clipboard write failures only logs to console without providing any user feedback. When clipboard access fails (e.g., in insecure contexts or when permissions are denied), users receive no indication that the copy operation failed. Consider showing an error tooltip or alternative feedback mechanism to inform users of the failure.

Suggested change

console.error("Failed to copy:", err);

console.error("Failed to copy:", err);

window.alert(

"Failed to copy to clipboard. Please copy the value manually or check your browser permissions.",

);

Copilot · 2025-12-31T06:11:23Z

src/components/IndividualPageContent/JsonViewCard.tsx

+  return null;
+}
+
+/** Hook for click-to-copy tooltip state management */


The useCopyTooltip hook lacks JSDoc documentation explaining its purpose, return values, and behavior. Given the complexity of this hook with multiple state values and timing logic, comprehensive documentation would help future maintainers understand how it manages tooltip state, timer cleanup, and the interaction between hover and copied states.

Suggested change

/** Hook for click-to-copy tooltip state management */

/**

* React hook that manages the tooltip state for click-to-copy behavior in the JSON view.

*

* This hook coordinates:

* - Tooltip visibility (`open`) and its anchor element (`anchor`).

* - Whether the most recent interaction successfully copied text (`copied`).

* - Timers used to delay showing the tooltip on hover and to automatically hide it

* after a successful copy, ensuring previous timers are cleared to avoid leaks

* and conflicting state updates.

*

* The hook is designed to be used with elements rendered by `ReactJson`. It

* identifies copyable keys/values, writes the selected text to the clipboard on

* click, and then briefly shows a "copied" tooltip near the clicked element.

* Hover-related timers are cleared when a click-to-copy occurs so that the copied

* tooltip takes precedence over hover behavior.

*

* @returns An object containing:

* - `open`: whether the tooltip is currently visible.

* - `copied`: whether the tooltip is currently showing a "copied" state.

* - `anchor`: the HTMLElement the tooltip should be anchored to, or `null`.

* - `handleClick`: mouse event handler that performs the copy action and updates

* tooltip state when a copyable key or value is clicked.

* - Any additional handlers/state needed by the caller to integrate hover and

* click behavior with the tooltip.

*/

Copilot · 2025-12-31T06:11:23Z

src/components/IndividualPageContent/JsonViewCard.tsx

+function useCopyTooltip() {
+  const [open, setOpen] = useState(false);
+  const [copied, setCopied] = useState(false);
+  const [anchor, setAnchor] = useState<HTMLElement | null>(null);
+  const hoverTimer = useRef<number | null>(null);
+  const copiedTimer = useRef<number | null>(null);
+
+  const clearHoverTimer = () => {
+    if (hoverTimer.current) {
+      window.clearTimeout(hoverTimer.current);
+      hoverTimer.current = null;
+    }
+  };
+
+  const handleClick = useCallback(async (e: React.MouseEvent) => {
+    const copyable = findCopyableElement(e.target as HTMLElement);
+    if (!copyable) return;
+
+    e.preventDefault();
+    e.stopPropagation();
+    clearHoverTimer();
+
+    try {
+      await navigator.clipboard.writeText(copyable.text);
+      setAnchor(copyable.element);
+      setCopied(true);
+      setOpen(true);
+
+      if (copiedTimer.current) window.clearTimeout(copiedTimer.current);
+      copiedTimer.current = window.setTimeout(() => {
+        setOpen(false);
+        setCopied(false);
+        setAnchor(null);
+      }, COPIED_DISPLAY_MS);
+    } catch (err) {
+      console.error("Failed to copy:", err);
+    }
+  }, []);
+
+  const handleMouseOver = useCallback(
+    (e: React.MouseEvent) => {
+      const copyable = findCopyableElement(e.target as HTMLElement);
+      if (!copyable || copied) return;
+
+      setAnchor(copyable.element);
+      if (!hoverTimer.current) {
+        hoverTimer.current = window.setTimeout(() => {
+          setOpen(true);
+          hoverTimer.current = null;
+        }, HOVER_DELAY_MS);
+      }
+    },
+    [copied],
+  );
+
+  const handleMouseOut = useCallback(
+    (e: React.MouseEvent) => {
+      if (!findCopyableElement(e.target as HTMLElement)) return;
+      clearHoverTimer();
+      if (!copied) {
+        setOpen(false);
+        setAnchor(null);
+      }
+    },
+    [copied],
+  );
+
+  const handleMouseLeave = useCallback(() => {
+    clearHoverTimer();
+    if (!copied) {
+      setOpen(false);
+      setAnchor(null);
+    }
+  }, [copied]);
+
+  return {
+    tooltipOpen: open && anchor !== null,
+    tooltipText: copied ? "Copied!" : "Click to copy",
+    anchor,
+    handleClick,
+    handleMouseOver,
+    handleMouseOut,
+    handleMouseLeave,
+  };
+}


The timer cleanup is incomplete - there's no cleanup effect for the timers when the component unmounts. If the component unmounts while a timer is active, it will still fire and attempt to call state setters on an unmounted component. Add a useEffect cleanup function to clear both hoverTimer.current and copiedTimer.current on unmount.

Copilot · 2025-12-31T06:11:23Z

src/components/IndividualPageContent/JsonViewCard.tsx

+  // String value
+  if (target.classList.contains("string-value")) {
+    return {
+      text: (target.textContent || "").replace(/^"|"$/g, ""),


The regex pattern /^"|"$/g uses the global flag g which is unnecessary for a single replacement operation on start and end quotes. The global flag can cause unexpected behavior with the replace method. Use /^"|"$/ instead (without the g flag).

… in JsonViewCard

Copilot

Pull request overview

Copilot reviewed 1 out of 1 changed files in this pull request and generated 12 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2025-12-31T13:53:01Z

src/components/IndividualPageContent/JsonViewCard.tsx

+      onClick={handleClick}
+      onMouseOver={handleMouseOver}
+      onMouseOut={handleMouseOut}
+      onMouseLeave={handleMouseLeave}


The click-to-copy functionality is not keyboard accessible. Users navigating with keyboard cannot trigger the copy action since it only responds to mouse clicks. Consider adding keyboard event handlers (e.g., onKeyDown) to allow copying via Enter or Space key when elements are focused.

Suggested change

onMouseLeave={handleMouseLeave}

onMouseLeave={handleMouseLeave}

tabIndex={0}

role="button"

onKeyDown={(event) => {

if (event.key === "Enter" || event.key === " ") {

// Mirror click-to-copy behavior for keyboard users

handleClick(event);

}

}}

Copilot · 2025-12-31T13:53:01Z

src/components/IndividualPageContent/JsonViewCard.tsx

+  const clickableHoverStyle = {
+    cursor: "pointer",
+    borderRadius: "2px",
+    transition: "background-color 0.15s ease",
+    "&:hover": {
+      backgroundColor: alpha(theme.palette.primary.main, 0.15),
+    },
+  };


The clickableHoverStyle object is recreated on every render, causing unnecessary style recalculations and potential performance issues. Consider moving this outside the component or memoizing it with useMemo, especially since it depends on the theme which is stable.

Copilot · 2025-12-31T13:53:01Z

src/components/IndividualPageContent/JsonViewCard.tsx

+      onMouseOver={handleMouseOver}
+      onMouseOut={handleMouseOut}


The onMouseOver and onMouseOut events will fire frequently as the mouse moves within the container, potentially causing performance issues with large JSON structures. Consider using onMouseEnter and onMouseLeave instead, or add throttling to reduce the frequency of event handler calls.

Suggested change

onMouseOver={handleMouseOver}

onMouseOut={handleMouseOut}

onMouseEnter={handleMouseOver}

Copilot · 2025-12-31T13:53:02Z

src/components/IndividualPageContent/JsonViewCard.tsx

+ * @returns {Object} Tooltip state and event handlers
+ * @returns {boolean} tooltipOpen - Whether tooltip should be visible
+ * @returns {string} tooltipText - "Click to copy" | "Copied!" | "Failed to copy"
+ * @returns {boolean} isError - Whether copy failed (for error styling)
+ * @returns {HTMLElement|null} anchor - Element to anchor tooltip to
+ * @returns {Function} handleClick - Click handler for copying
+ * @returns {Function} handleMouseOver - Mouse enter handler for hover tooltip
+ * @returns {Function} handleMouseOut - Mouse leave handler for copyable elements
+ * @returns {Function} handleMouseLeave - Mouse leave handler for container


The JSDoc return type documentation is incomplete. The return type lists individual properties but doesn't specify that it returns an object containing these properties. Consider adding @returns {{tooltipOpen: boolean, tooltipText: string, isError: boolean, anchor: HTMLElement|null, handleClick: Function, handleMouseOver: Function, handleMouseOut: Function, handleMouseLeave: Function}} as a single return statement instead of multiple @returns tags.

Suggested change

* @returns {Object} Tooltip state and event handlers

* @returns {boolean} tooltipOpen - Whether tooltip should be visible

* @returns {string} tooltipText - "Click to copy" | "Copied!" | "Failed to copy"

* @returns {boolean} isError - Whether copy failed (for error styling)

* @returns {HTMLElement|null} anchor - Element to anchor tooltip to

* @returns {Function} handleClick - Click handler for copying

* @returns {Function} handleMouseOver - Mouse enter handler for hover tooltip

* @returns {Function} handleMouseOut - Mouse leave handler for copyable elements

* @returns {Function} handleMouseLeave - Mouse leave handler for container

* @returns {{

* tooltipOpen: boolean,

* tooltipText: string,

* isError: boolean,

* anchor: HTMLElement|null,

* handleClick: Function,

* handleMouseOver: Function,

* handleMouseOut: Function,

* handleMouseLeave: Function

* }} Tooltip state and event handlers.

Copilot · 2025-12-31T13:53:02Z

src/components/IndividualPageContent/JsonViewCard.tsx

+ * @returns {boolean} isError - Whether copy failed (for error styling)
+ * @returns {HTMLElement|null} anchor - Element to anchor tooltip to
+ * @returns {Function} handleClick - Click handler for copying
+ * @returns {Function} handleMouseOver - Mouse enter handler for hover tooltip


The comment mentions "Mouse enter handler" but the actual event being handled is onMouseOver, not onMouseEnter. These are different events - onMouseOver fires for every child element while onMouseEnter only fires when entering the element itself. The comment should accurately describe the event being handled.

Suggested change

* @returns {Function} handleMouseOver - Mouse enter handler for hover tooltip

* @returns {Function} handleMouseOver - Mouse over handler for hover tooltip

Copilot · 2025-12-31T13:53:03Z

src/components/IndividualPageContent/JsonViewCard.tsx

+        open={tooltipOpen}
+        anchorEl={anchor}
+        placement="top"
+        sx={{zIndex: 1500}}


The magic number 1500 for z-index should be replaced with a named constant or referenced from a theme z-index configuration. This helps maintain consistent layering across the application and makes it easier to adjust if needed.

Suggested change

sx={{zIndex: 1500}}

sx={{zIndex: theme.zIndex.tooltip}}

Copilot · 2025-12-31T13:53:03Z

src/components/IndividualPageContent/JsonViewCard.tsx

+    borderRadius: "2px",
+    transition: "background-color 0.15s ease",
+    "&:hover": {
+      backgroundColor: alpha(theme.palette.primary.main, 0.15),


The magic number 0.15 for alpha transparency in the hover background color should be extracted to a named constant for better maintainability and consistency with the rest of the codebase.

Copilot · 2025-12-31T13:53:03Z

src/components/IndividualPageContent/JsonViewCard.tsx

+        <Paper
+          sx={{
+            px: 1,
+            py: 0.5,
+            fontSize: "0.75rem",
+            backgroundColor: isError
+              ? theme.palette.error.main
+              : theme.palette.grey[800],
+            color: theme.palette.common.white,
+          }}
+        >
+          {tooltipText}
+        </Paper>


The Popper tooltip does not have proper ARIA attributes for accessibility. Consider adding role="tooltip" and aria-live="polite" to the Paper component so screen readers can announce when the tooltip content changes (e.g., from "Click to copy" to "Copied!").

Copilot · 2025-12-31T13:53:03Z

src/components/IndividualPageContent/JsonViewCard.tsx

+  // String value
+  if (target.classList.contains("string-value")) {
+    return {
+      text: (target.textContent || "").replace(/^"|"$/g, ""),


The regex /^"|"$/g removes only double quotes from the start and end of string values, but does not handle escaped quotes within the string. If a JSON string value contains escaped quotes (e.g., "He said \"hello\""), the copied text may still include the outer quotes or be incorrectly processed. Consider using a more robust approach to extract the actual string value.

Copilot · 2025-12-31T13:53:03Z

src/components/IndividualPageContent/JsonViewCard.tsx

+            backgroundColor: isError
+              ? theme.palette.error.main
+              : theme.palette.grey[800],
+            color: theme.palette.common.white,


The tooltip uses a hardcoded dark background color (theme.palette.grey[800]) that may not work well in light mode. The white text on a dark grey background works for dark mode, but the component should use theme-aware colors that adapt based on theme.palette.mode to ensure proper contrast and visibility in both light and dark themes, similar to how other parts of the component use semantic colors.

…oved styling in JsonViewCard

WGB5445 added 3 commits December 31, 2025 13:41

feat: add copy-to-clipboard functionality with tooltip support in Jso…

43c1b51

…nViewCard

refactor: enhance click-to-copy functionality and tooltip management …

a9822c0

…in JsonViewCard

style: ensure copy-to-clipboard button is always visible on hover in …

b7c5973

…JsonViewCard

WGB5445 requested a review from gregnazario December 31, 2025 06:01

gregnazario requested review from Copilot and removed request for gregnazario December 31, 2025 06:07

Copilot started reviewing on behalf of gregnazario December 31, 2025 06:08 View session

Copilot AI reviewed Dec 31, 2025

View reviewed changes

refactor: enhance tooltip management and improve copy status handling…

7412e68

… in JsonViewCard

gregnazario requested review from Copilot and gregnazario December 31, 2025 13:49

Copilot started reviewing on behalf of gregnazario December 31, 2025 13:49 View session

gregnazario approved these changes Dec 31, 2025

View reviewed changes

Copilot AI reviewed Dec 31, 2025

View reviewed changes

WGB5445 added 2 commits January 5, 2026 14:20

refactor: streamline tooltip return values and update zIndex for impr…

1d82297

…oved styling in JsonViewCard

Merge branch 'main' into logan/copy-value-without-quotes

5c1ee94

WGB5445 merged commit 87dc248 into main Jan 5, 2026
8 checks passed

WGB5445 deleted the logan/copy-value-without-quotes branch January 5, 2026 06:33

-/** Hook for click-to-copy tooltip state management */
+/**
+ * React hook that manages the tooltip state for click-to-copy behavior in the JSON view.
+ *
+ * This hook coordinates:
+ * - Tooltip visibility (`open`) and its anchor element (`anchor`).
+ * - Whether the most recent interaction successfully copied text (`copied`).
+ * - Timers used to delay showing the tooltip on hover and to automatically hide it
+ *   after a successful copy, ensuring previous timers are cleared to avoid leaks
+ *   and conflicting state updates.
+ *
+ * The hook is designed to be used with elements rendered by `ReactJson`. It
+ * identifies copyable keys/values, writes the selected text to the clipboard on
+ * click, and then briefly shows a "copied" tooltip near the clicked element.
+ * Hover-related timers are cleared when a click-to-copy occurs so that the copied
+ * tooltip takes precedence over hover behavior.
+ *
+ * @returns An object containing:
+ * - `open`: whether the tooltip is currently visible.
+ * - `copied`: whether the tooltip is currently showing a "copied" state.
+ * - `anchor`: the HTMLElement the tooltip should be anchored to, or `null`.
+ * - `handleClick`: mouse event handler that performs the copy action and updates
+ *   tooltip state when a copyable key or value is clicked.
+ * - Any additional handlers/state needed by the caller to integrate hover and
+ *   click behavior with the tooltip.
+ */

-      onMouseLeave={handleMouseLeave}
+      onMouseLeave={handleMouseLeave}
+      tabIndex={0}
+      role="button"
+      onKeyDown={(event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          // Mirror click-to-copy behavior for keyboard users
+          handleClick(event);
+        }
+      }}

	onMouseOver={handleMouseOver}
	onMouseOut={handleMouseOut}
	onMouseEnter={handleMouseOver}

- * @returns {Object} Tooltip state and event handlers
- * @returns {boolean} tooltipOpen - Whether tooltip should be visible
- * @returns {string} tooltipText - "Click to copy" | "Copied!" | "Failed to copy"
- * @returns {boolean} isError - Whether copy failed (for error styling)
- * @returns {HTMLElement|null} anchor - Element to anchor tooltip to
- * @returns {Function} handleClick - Click handler for copying
- * @returns {Function} handleMouseOver - Mouse enter handler for hover tooltip
- * @returns {Function} handleMouseOut - Mouse leave handler for copyable elements
- * @returns {Function} handleMouseLeave - Mouse leave handler for container
+ * @returns {{
+ *   tooltipOpen: boolean,
+ *   tooltipText: string,
+ *   isError: boolean,
+ *   anchor: HTMLElement|null,
+ *   handleClick: Function,
+ *   handleMouseOver: Function,
+ *   handleMouseOut: Function,
+ *   handleMouseLeave: Function
+ * }} Tooltip state and event handlers.

	* @returns {Function} handleMouseOver - Mouse enter handler for hover tooltip
	* @returns {Function} handleMouseOver - Mouse over handler for hover tooltip

feat(JsonViewCard): Add click-to-copy for JSON keys and values #1332

feat(JsonViewCard): Add click-to-copy for JSON keys and values #1332

Uh oh!

Conversation

WGB5445 commented Dec 31, 2025

Summary

Changes

Technical Details

Uh oh!

netlify bot commented Dec 31, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for aptos-explorer ready!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 31, 2025

Choose a reason for hiding this comment

netlify bot commented Dec 31, 2025 •

edited

Loading