diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css index bf143cd4f..624aae05d 100644 --- a/packages/ui/src/components/session-turn.css +++ b/packages/ui/src/components/session-turn.css @@ -88,9 +88,6 @@ } } - [data-slot="session-turn-response-trigger"] { - width: fit-content; - } [data-slot="session-turn-message-header"] { display: flex; @@ -483,7 +480,7 @@ } [data-slot="session-turn-collapsible-trigger-content"] { - width: fit-content; + max-width: 100%; display: flex; align-items: center; gap: 8px; @@ -514,6 +511,11 @@ color: var(--text-weak); } + [data-slot="session-turn-status-text"] { + overflow: hidden; + text-overflow: ellipsis; + } + [data-slot="session-turn-details-text"] { font-size: 13px; /* text-12-medium */ diff --git a/packages/ui/src/components/session-turn.tsx b/packages/ui/src/components/session-turn.tsx index 1789cbfdc..4f8ce37fb 100644 --- a/packages/ui/src/components/session-turn.tsx +++ b/packages/ui/src/components/session-turn.tsx @@ -593,10 +593,16 @@ export function SessionTurn( (#{retry()?.attempt}) - {store.status ?? i18n.t("ui.sessionTurn.status.consideringNextSteps")} + + {store.status ?? i18n.t("ui.sessionTurn.status.consideringNextSteps")} + + + + {i18n.t("ui.sessionTurn.steps.hide")} + + + {i18n.t("ui.sessionTurn.steps.show")} - {i18n.t("ui.sessionTurn.steps.hide")} - {i18n.t("ui.sessionTurn.steps.show")} {store.duration}