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}