char/llm-py-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make chain of thought fixed height while it's computing

Browse source
This commit is contained in:
Charlotte Som 2025-02-26 16:07:59 +00:00
parent a62a11a0cc
commit a15183d54b
2 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
client/response.tsx
View file

@ -33,11 +33,13 @@ export class ChatResponse {
<summary>{`<think />`}</summary> <summary>{`<think />`}</summary>
</details> </details>
) as HTMLDetailsElement; ) as HTMLDetailsElement;
this.thinkingContext.dataset.inProgress = "";
this.element.append(this.thinkingContext); this.element.append(this.thinkingContext);
this.currentLine.remove(); this.currentLine.remove();
} else if (this.thinkingContext && line === "</think>") { } else if (this.thinkingContext && line === "</think>") {
this.currentLine.remove(); this.currentLine.remove();
this.thinkingContext.open = false; this.thinkingContext.open = false;
delete this.thinkingContext.dataset.inProgress;
this.thinkingContext = undefined; this.thinkingContext = undefined;
} }
@ -84,6 +86,11 @@ export class ChatResponse {
this.currentLine.appendData(token); this.currentLine.appendData(token);
} }
} }
if (this.thinkingContext) {
this.thinkingContext.scrollTop =
this.thinkingContext.scrollHeight - this.thinkingContext.clientHeight;
}
} }
finalize() { finalize() {

5
client/web/css/styles.css
View file

@ -91,6 +91,11 @@ main,
color: rgb(var(--color-accent) / 1); color: rgb(var(--color-accent) / 1);
font-weight: bold; font-weight: bold;
} }
details[data-in-progress] {
max-height: 4em;
overflow-y: auto;
}
} }
pre > code { pre > code {