(clickedElement)
| 209 | } |
| 210 | |
| 211 | function collapseMessage(clickedElement) { |
| 212 | const messageContent = clickedElement.closest(".message-content"); |
| 213 | const previewShort = messageContent.querySelector(".message-preview-short"); |
| 214 | const contentFull = messageContent.querySelector(".message-content-full"); |
| 215 | const contentExpanded = messageContent.querySelector( |
| 216 | ".message-content-expanded", |
| 217 | ); |
| 218 | |
| 219 | // Collapsing - show preview, hide full content |
| 220 | if (contentFull) contentFull.style.display = "none"; |
| 221 | if (contentExpanded) contentExpanded.style.display = "none"; |
| 222 | if (previewShort) previewShort.style.display = "block"; |
| 223 | |
| 224 | // Smooth scroll to keep the content in view |
| 225 | setTimeout(() => { |
| 226 | messageContent.scrollIntoView({ |
| 227 | behavior: "smooth", |
| 228 | block: "nearest", |
| 229 | }); |
| 230 | }, 100); |
| 231 | } |
| 232 | |
| 233 | function collapseTrajectoryMessages(clickedElement) { |
| 234 | // Find the parent trajectory messages foldout |
no outgoing calls
no test coverage detected