diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css index e6e4ba7a6..bf143cd4f 100644 --- a/packages/ui/src/components/session-turn.css +++ b/packages/ui/src/components/session-turn.css @@ -125,8 +125,12 @@ padding: 0; } - [data-component="user-message"][data-can-expand="true"] [data-slot="user-message-text"] [data-slot="user-message-expand"], - [data-component="user-message"][data-expanded="true"] [data-slot="user-message-text"] [data-slot="user-message-expand"] { + [data-component="user-message"][data-can-expand="true"] + [data-slot="user-message-text"] + [data-slot="user-message-expand"], + [data-component="user-message"][data-expanded="true"] + [data-slot="user-message-text"] + [data-slot="user-message-expand"] { display: inline-flex; align-items: center; justify-content: center; @@ -143,7 +147,10 @@ } } - [data-component="user-message"][data-expanded="true"] [data-slot="user-message-text"] [data-slot="user-message-expand"] [data-slot="icon-svg"] { + [data-component="user-message"][data-expanded="true"] + [data-slot="user-message-text"] + [data-slot="user-message-expand"] + [data-slot="icon-svg"] { transform: rotate(180deg); } @@ -244,7 +251,7 @@ font-size: 15px; } - &[data-fade="true"]>* { + &[data-fade="true"] > * { animation: fadeUp 0.4s ease-out forwards; opacity: 0; @@ -531,7 +538,7 @@ padding-right: 12px; border-left: 1px solid var(--border-base); - > :first-child>[data-component="markdown"]:first-child { + > :first-child > [data-component="markdown"]:first-child { margin-top: 0; } } diff --git a/packages/ui/src/components/session-turn.tsx b/packages/ui/src/components/session-turn.tsx index 5b759c739..ca63d17ab 100644 --- a/packages/ui/src/components/session-turn.tsx +++ b/packages/ui/src/components/session-turn.tsx @@ -536,7 +536,7 @@ export function SessionTurn( data-slot="session-turn-collapsible-trigger-content" variant="ghost" size="small" - onClick={props.onStepsExpandedToggle ?? (() => { })} + onClick={props.onStepsExpandedToggle ?? (() => {})} aria-expanded={props.stepsExpanded} > @@ -544,8 +544,20 @@ export function SessionTurn( - - + +