src/whiskr
1
0
Fork 0
mirror of https://github.com/coalaura/whiskr.git synced 2025-09-09 09:19:54 +00:00
Code Activity

fix reasoning height

Browse Source
This commit is contained in:
Laura
2025-08-11 01:45:40 +02:00
parent 483d39006a
commit d352047a8d
2 changed files with 24 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
static/css/chat.css
View File

@@ -259,18 +259,20 @@ body.loading #version {
} }
.message .reasoning-text { .message .reasoning-text {
--height: auto;
height: calc(var(--height) + 20px);
background: #1e2030; background: #1e2030;
border-radius: 6px; border-radius: 6px;
transition: 150ms;
padding: 10px 12px; padding: 10px 12px;
} }
.message:not(.expanded) .reasoning-text { .message .reasoning-wrapper {
height: 0; --height: auto;
padding: 0 12px; height: calc(var(--height) + 20px);
overflow: hidden; overflow: hidden;
transition: 150ms;
}
.message:not(.expanded) .reasoning-wrapper {
height: 0;
} }
.message.expanded .reasoning-text { .message.expanded .reasoning-text {

21
static/js/chat.js
View File

@@ -116,16 +116,23 @@
this.#expanded = !this.#expanded; this.#expanded = !this.#expanded;
if (this.#expanded) { if (this.#expanded) {
this.#updateReasoningHeight();
this.#_message.classList.add("expanded"); this.#_message.classList.add("expanded");
} else { } else {
this.#_message.classList.remove("expanded"); this.#_message.classList.remove("expanded");
} }
}); });
// message reasoning (height wrapper)
const _height = make("div", "reasoning-wrapper");
_reasoning.appendChild(_height);
// message reasoning (content) // message reasoning (content)
this.#_reasoning = make("div", "reasoning-text", "markdown"); this.#_reasoning = make("div", "reasoning-text", "markdown");
_reasoning.appendChild(this.#_reasoning); _height.appendChild(this.#_reasoning);
// message content // message content
this.#_text = make("div", "text", "markdown"); this.#_text = make("div", "text", "markdown");
@@ -211,6 +218,13 @@
}); });
} }
#updateReasoningHeight() {
this.#_reasoning.parentNode.style.setProperty(
"--height",
`${this.#_reasoning.scrollHeight}px`,
);
}
#patch(name, element, md, after = false) { #patch(name, element, md, after = false) {
if (!element.firstChild) { if (!element.firstChild) {
element.innerHTML = render(md); element.innerHTML = render(md);
@@ -267,10 +281,7 @@
if (!only || only === "reasoning") { if (!only || only === "reasoning") {
this.#patch("reasoning", this.#_reasoning, this.#reasoning, () => { this.#patch("reasoning", this.#_reasoning, this.#reasoning, () => {
this.#_reasoning.style.setProperty( this.#updateReasoningHeight();
"--height",
`${this.#_reasoning.scrollHeight}px`,
);
noScroll || scroll(); noScroll || scroll();
}); });