diff --git a/.changeset/answered-questions-expanded.md b/.changeset/answered-questions-expanded.md new file mode 100644 index 00000000000..517135c8779 --- /dev/null +++ b/.changeset/answered-questions-expanded.md @@ -0,0 +1,5 @@ +--- +"kilo-code": patch +--- + +Keep answered questions expanded in chat history and improve their text wrapping. diff --git a/packages/kilo-ui/src/components/message-part.css b/packages/kilo-ui/src/components/message-part.css index 408721fbd30..3d9d9d63128 100644 --- a/packages/kilo-ui/src/components/message-part.css +++ b/packages/kilo-ui/src/components/message-part.css @@ -525,7 +525,34 @@ html[data-theme="kilo-vscode"] [data-component="todos"] { } [data-component="question-answers"] { + display: flex; + flex-direction: column; + gap: 8px; padding: 8px; + font-family: var(--font-family-sans); + font-size: var(--kilo-font-size-13); + line-height: var(--line-height-large); + + [data-slot="question-answer-item"] { + display: flex; + flex-direction: column; + gap: 2px; + min-width: 0; + } + + [data-slot="question-text"], + [data-slot="answer-text"] { + min-width: 0; + overflow-wrap: anywhere; + } + + [data-slot="question-text"] { + color: var(--text-weak); + } + + [data-slot="answer-text"] { + color: var(--text-strong); + } } @keyframes reasoning-card-down { diff --git a/packages/kilo-ui/src/components/message-part.tsx b/packages/kilo-ui/src/components/message-part.tsx index 201aa55b69a..6b01b156498 100644 --- a/packages/kilo-ui/src/components/message-part.tsx +++ b/packages/kilo-ui/src/components/message-part.tsx @@ -3171,7 +3171,7 @@ ToolRegistry.register({ return ( (