ui: fix sticky session diffs header (#21486)

Brendonovich · web-flow · commit 988c9894f21c · 2026-04-08T17:01:52.000+08:00
diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css
@@ -94,9 +94,15 @@
 
   [data-slot="session-turn-diffs-header"] {
     display: flex;
-    align-items: baseline;
+    align-items: center;
     gap: 8px;
+    padding-top: 4px;
     padding-bottom: 12px;
+    position: sticky;
+    top: var(--sticky-accordion-top, 0px);
+    z-index: 20;
+    background-color: var(--background-stronger);
+    height: 44px;
   }
 
   [data-slot="session-turn-diffs-label"] {
diff --git a/packages/ui/src/components/session-turn.tsx b/packages/ui/src/components/session-turn.tsx
@@ -447,7 +447,7 @@ export function SessionTurn(
                   <div data-component="session-turn-diffs-content">
                     <Accordion
                       multiple
-                      style={{ "--sticky-accordion-offset": "40px" }}
+                      style={{ "--sticky-accordion-offset": "44px" }}
                       value={expanded()}
                       onChange={(value) => setState("expanded", Array.isArray(value) ? value : value ? [value] : [])}
                     >

Original file line number	Diff line number	Diff line change
`@@ -447,7 +447,7 @@ export function SessionTurn(`
`447`	`447`	`<div data-component="session-turn-diffs-content">`
`448`	`448`	`<Accordion`
`449`	`449`	`multiple`
`450`		`- style={{ "--sticky-accordion-offset": "40px" }}`
	`450`	`+ style={{ "--sticky-accordion-offset": "44px" }}`
`451`	`451`	`value={expanded()}`
`452`	`452`	`onChange={(value) => setState("expanded", Array.isArray(value) ? value : value ? [value] : [])}`
`453`	`453`	`>`