From aca666edf6613377b0c5eb5b7e6d4daccaf8944a Mon Sep 17 00:00:00 2001
From: Catherine Patchell <patchell.catherine@gmail.com>
Date: Tue, 28 Jul 2026 17:17:42 -0700
Subject: [PATCH 1/4] fix: don't stretch disclosure so that focus ring hugs
 content

---
 packages/@react-spectrum/ai/src/ResponseStatus.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/@react-spectrum/ai/src/ResponseStatus.tsx b/packages/@react-spectrum/ai/src/ResponseStatus.tsx
index 5479c547983..08fdb119382 100644
--- a/packages/@react-spectrum/ai/src/ResponseStatus.tsx
+++ b/packages/@react-spectrum/ai/src/ResponseStatus.tsx
@@ -158,12 +158,11 @@ const buttonStyles = style({
     }
   },
   display: 'flex',
-  flexGrow: 1,
+  flexGrow: 0,
   alignItems: 'center',
   paddingX: 'calc(self(minHeight) * 3/8 - 1px)',
   gap: 'calc(self(minHeight) * 3/8 - 1px)',
   minHeight: 32,
-  width: 'full',
   backgroundColor: 'transparent',
   transition: 'default',
   borderWidth: 0,

From 9ad486938b3aef9808d52b560125d1c3a2389f01 Mon Sep 17 00:00:00 2001
From: Catherine Patchell <patchell.catherine@gmail.com>
Date: Tue, 28 Jul 2026 17:50:57 -0700
Subject: [PATCH 2/4] fix: move paddingBottom from disclosure panel to wrapper
 so that it doesn't impact the height transition

---
 .../@react-spectrum/ai/src/ResponseStatus.tsx | 38 +++++++++++--------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/packages/@react-spectrum/ai/src/ResponseStatus.tsx b/packages/@react-spectrum/ai/src/ResponseStatus.tsx
index 08fdb119382..20223724a53 100644
--- a/packages/@react-spectrum/ai/src/ResponseStatus.tsx
+++ b/packages/@react-spectrum/ai/src/ResponseStatus.tsx
@@ -281,7 +281,7 @@ export interface ResponseStatusPanelProps
   styles?: StyleString;
 }
 
-const panelStyles = style({
+const panelStyle = {
   font: 'body',
   height: '--disclosure-panel-height',
   overflow: 'clip',
@@ -289,7 +289,7 @@ const panelStyles = style({
     default: '[height]',
     '@media (prefers-reduced-motion: reduce)': 'none'
   }
-});
+} as const;
 
 const panelInner = style({
   paddingTop: 8,
@@ -316,7 +316,10 @@ export const ResponseStatusPanel = forwardRef(function ResponseStatusPanel(
   }, [registerPanel]);
 
   return (
-    <RACDisclosurePanel {...domProps} ref={panelRef} className={mergeStyles(panelStyles, styles)}>
+    <RACDisclosurePanel
+      {...domProps}
+      ref={panelRef}
+      className={mergeStyles(style(panelStyle), styles)}>
       <div className={panelInner}>{props.children}</div>
     </RACDisclosurePanel>
   );
@@ -446,20 +449,23 @@ const executionTraceItemDividerStyles = style({
   display: 'var(--divider-display, flex)'
 });
 
-const executionTraceItemBaseStyles = {
-  paddingBottom: 12,
+const executionTraceDisclosurePanelStyles = style({
+  ...panelStyle,
   paddingStart: 8
-} as const;
+});
+
+const executionTraceDisclosureContainerStyles = style({
+  paddingBottom: 12,
+  marginTop: -4
+});
 
 const executionTraceWithoutDisclosureStyles = style({
-  ...executionTraceItemBaseStyles,
+  paddingStart: 8,
   display: 'flex',
   flexDirection: 'column',
   minHeight: 24
 });
 
-const executionTraceDetailPanelStyles = style(executionTraceItemBaseStyles);
-
 /**
  * An ExecutionTraceItem represents a single step within an ExecutionTrace, such as
  * a tool call or search. When a `detail` is provided, the row can be expanded to reveal it.
@@ -489,12 +495,14 @@ export const ExecutionTraceItem = forwardRef(function ExecutionTraceItem(
         <div role="presentation" className={executionTraceItemDividerStyles} />
       </div>
       {hasDetail && !isAlwaysOpen ? (
-        <RACDisclosure>
-          <DetailTrigger>{children}</DetailTrigger>
-          <RACDisclosurePanel className={mergeStyles(panelStyles, executionTraceDetailPanelStyles)}>
-            {detail}
-          </RACDisclosurePanel>
-        </RACDisclosure>
+        <div className={executionTraceDisclosureContainerStyles}>
+          <RACDisclosure>
+            <DetailTrigger>{children}</DetailTrigger>
+            <RACDisclosurePanel className={executionTraceDisclosurePanelStyles}>
+              {detail}
+            </RACDisclosurePanel>
+          </RACDisclosure>
+        </div>
       ) : (
         <div className={executionTraceWithoutDisclosureStyles}>
           <span>{children}</span>

From d372d27ca2a09734167afcfb64bf6fd607448d63 Mon Sep 17 00:00:00 2001
From: Catherine Patchell <patchell.catherine@gmail.com>
Date: Wed, 29 Jul 2026 09:56:48 -0700
Subject: [PATCH 3/4] fix: prevent -webkit-text-size-adjust from increasing
 size of some executionTrace items

---
 packages/@react-spectrum/ai/src/ResponseStatus.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/@react-spectrum/ai/src/ResponseStatus.tsx b/packages/@react-spectrum/ai/src/ResponseStatus.tsx
index 20223724a53..c3050537bca 100644
--- a/packages/@react-spectrum/ai/src/ResponseStatus.tsx
+++ b/packages/@react-spectrum/ai/src/ResponseStatus.tsx
@@ -13,6 +13,7 @@
 import {AriaLabelingProps, DOMProps, DOMRef, GlobalDOMAttributes} from '@react-types/shared';
 import {
   baseColor,
+  css,
   focusRing,
   iconStyle,
   space,
@@ -388,7 +389,7 @@ function DetailTrigger(props: DetailTriggerProps) {
 
   return (
     <Button
-      className={renderProps => mergeStyles(buttonStyles({...renderProps}), detailTriggerStyles)}
+      className={renderProps => mergeStyles(buttonStyles({...renderProps}), detailTriggerStyles) + ' ' + textSizeAdjust}
       slot="trigger">
       {children}
       <CenterBaseline styles={detailTriggerChevronStyles({isExpanded, isRTL})}>
@@ -466,6 +467,13 @@ const executionTraceWithoutDisclosureStyles = style({
   minHeight: 24
 });
 
+// Prevents Mobile Safari from auto-inflating the font size of wrapping text
+// blocks ("font boosting") when the user changes their text size setting.
+const textSizeAdjust = css(`
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+`);
+
 /**
  * An ExecutionTraceItem represents a single step within an ExecutionTrace, such as
  * a tool call or search. When a `detail` is provided, the row can be expanded to reveal it.
@@ -505,7 +513,7 @@ export const ExecutionTraceItem = forwardRef(function ExecutionTraceItem(
         </div>
       ) : (
         <div className={executionTraceWithoutDisclosureStyles}>
-          <span>{children}</span>
+          <span className={textSizeAdjust}>{children}</span>
           {hasDetail && isAlwaysOpen ? <div>{detail}</div> : null}
         </div>
       )}

From ec6f7b1975103728e63a1e25879fb31dea497929 Mon Sep 17 00:00:00 2001
From: Catherine Patchell <patchell.catherine@gmail.com>
Date: Wed, 29 Jul 2026 10:01:30 -0700
Subject: [PATCH 4/4] fix: lint

---
 packages/@react-spectrum/ai/src/ResponseStatus.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/@react-spectrum/ai/src/ResponseStatus.tsx b/packages/@react-spectrum/ai/src/ResponseStatus.tsx
index c3050537bca..bad30dbcf0e 100644
--- a/packages/@react-spectrum/ai/src/ResponseStatus.tsx
+++ b/packages/@react-spectrum/ai/src/ResponseStatus.tsx
@@ -389,7 +389,9 @@ function DetailTrigger(props: DetailTriggerProps) {
 
   return (
     <Button
-      className={renderProps => mergeStyles(buttonStyles({...renderProps}), detailTriggerStyles) + ' ' + textSizeAdjust}
+      className={renderProps =>
+        mergeStyles(buttonStyles({...renderProps}), detailTriggerStyles) + ' ' + textSizeAdjust
+      }
       slot="trigger">
       {children}
       <CenterBaseline styles={detailTriggerChevronStyles({isExpanded, isRTL})}>