[data-component="session-turn"] { height: 100%; min-height: 0; min-width: 0; display: flex; align-items: flex-start; justify-content: flex-start; [data-slot="session-turn-content"] { flex-grow: 1; width: 100%; height: 100%; min-width: 0; overflow-y: auto; scrollbar-width: none; } [data-slot="session-turn-content"]::-webkit-scrollbar { display: none; } [data-slot="session-turn-message-container"] { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; min-width: 0; gap: 0px; overflow-anchor: none; } [data-slot="session-turn-message-content"] { margin-top: 0; width: 100%; min-width: 0; max-width: 100%; } [data-slot="session-turn-compaction"] { width: 100%; min-width: 0; align-self: stretch; } [data-slot="session-turn-assistant-lane"] { width: 100%; min-width: 0; display: flex; flex-direction: column; align-self: stretch; } [data-slot="session-turn-thinking"] { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; width: 100%; min-width: 0; white-space: nowrap; color: var(--text-weak); font-family: var(--font-family-sans); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); line-height: var(--line-height-large); height: 36px; [data-component="spinner"] { width: 16px; height: 16px; } > [data-component="text-shimmer"] { flex: 0 0 auto; white-space: nowrap; } } [data-slot="session-turn-handoff-wrap"] { width: 100%; min-width: 0; overflow: visible; } [data-slot="session-turn-handoff"] { width: 100%; min-width: 0; min-height: 37px; position: relative; } [data-slot="session-turn-thinking"] { position: absolute; inset: 0; will-change: opacity, filter; transition: opacity 180ms ease-out, filter 180ms ease-out, transform 180ms ease-out; } [data-slot="session-turn-thinking"][data-visible="false"] { opacity: 0; filter: blur(2px); transform: translateY(1px); pointer-events: none; } [data-slot="session-turn-thinking"][data-visible="true"] { opacity: 1; filter: blur(0px); transform: translateY(0px); } [data-slot="session-turn-meta"] { position: absolute; inset: 0; min-height: 37px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; opacity: 0; pointer-events: none; transition: opacity 0.15s ease; } [data-slot="session-turn-meta"][data-interrupted] { gap: 12px; } [data-slot="session-turn-meta"] [data-component="tooltip-trigger"] { display: inline-flex; width: fit-content; } [data-slot="session-turn-message-container"]:hover [data-slot="session-turn-meta"][data-visible="true"], [data-slot="session-turn-message-container"]:focus-within [data-slot="session-turn-meta"][data-visible="true"] { opacity: 1; pointer-events: auto; } [data-slot="session-turn-meta-label"] { user-select: none; min-width: 0; overflow: clip; white-space: nowrap; text-overflow: ellipsis; } [data-component="text-reveal"].session-turn-thinking-heading { flex: 1 1 auto; min-width: 0; overflow: clip; white-space: nowrap; line-height: inherit; color: var(--text-weaker); font-weight: var(--font-weight-regular); [data-slot="text-reveal-track"], [data-slot="text-reveal-entering"], [data-slot="text-reveal-leaving"] { min-height: 0; line-height: inherit; } } .error-card { color: var(--text-on-critical-base); max-height: 240px; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; overflow-y: auto; } [data-slot="session-turn-assistant-content"] { width: 100%; min-width: 0; display: flex; flex-direction: column; align-self: stretch; gap: 0px; > :first-child > [data-component="markdown"]:first-child { margin-top: 0; } } [data-slot="session-turn-diffs"] { width: 100%; min-width: 0; } [data-slot="session-turn-diffs"] > [data-component="collapsible"] > [data-slot="collapsible-trigger"][aria-expanded="true"] { position: sticky; top: var(--sticky-accordion-top, 0px); z-index: 20; height: 40px; padding-bottom: 8px; background-color: var(--background-stronger); } [data-component="session-turn-diffs-trigger"] { width: 100%; height: 36px; display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 0; } [data-slot="session-turn-diffs-title"] { display: inline-flex; align-items: center; gap: 8px; } [data-slot="session-turn-diffs-label"] { color: var(--text-strong); font-family: var(--font-family-sans); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); line-height: var(--line-height-large); } [data-slot="session-turn-diffs-count"] { color: var(--text-base); font-family: var(--font-family-sans); font-size: var(--font-size-base); font-weight: var(--font-weight-regular); line-height: var(--line-height-large); } [data-slot="session-turn-diffs-meta"] { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; [data-slot="collapsible-arrow"] { margin-left: -6px; transform: translateY(2px); } [data-component="diff-changes"][data-variant="bars"] { transform: translateY(1px); } } [data-component="session-turn-diffs-content"] { padding-top: 0px; display: flex; flex-direction: column; } [data-slot="session-turn-diff-trigger"] { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; } [data-slot="session-turn-diff-path"] { display: flex; min-width: 0; align-items: baseline; overflow: clip; white-space: nowrap; font-family: var(--font-family-sans); font-size: var(--font-size-small); line-height: var(--line-height-large); } [data-slot="session-turn-diff-directory"] { flex: 1 1 auto; color: var(--text-weak); min-width: 0; overflow: clip; white-space: nowrap; direction: rtl; unicode-bidi: plaintext; text-align: left; } [data-slot="session-turn-diff-filename"] { flex-shrink: 0; max-width: 100%; min-width: 0; overflow: clip; white-space: nowrap; color: var(--text-strong); font-weight: var(--font-weight-medium); } [data-slot="session-turn-diff-meta"] { flex-shrink: 0; display: inline-flex; align-items: center; gap: 10px; } [data-slot="session-turn-diff-chevron"] { display: inline-flex; color: var(--icon-weaker); transform: rotate(-90deg); transition: transform 0.15s ease; } [data-slot="accordion-item"][data-expanded] [data-slot="session-turn-diff-chevron"] { transform: rotate(0deg); } [data-slot="session-turn-diff-view"] { background-color: var(--surface-inset-base); width: 100%; min-width: 0; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; -ms-overflow-style: none; } [data-slot="session-turn-diff-view"]::-webkit-scrollbar { display: none; } }