xiaoski/PicoBot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(webui): activity spine effect loop and chat client socket race

Browse Source
This commit is contained in:
xiaoxixi 2026-07-24 09:47:52 +08:00
parent 79821e11d5
commit 8dc5889b87
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
webui/src/lib/chat.svelte.js
View File

@ -11,22 +11,27 @@ class ChatClient {
connect() {
if (this.#socket) return;
this.#stopped = false;
clearTimeout(this.#reconnectTimer);
const scheme = location.protocol === "https:" ? "wss" : "ws";
const ws = new WebSocket(`${scheme}://${location.host}/ws?client_id=${encodeURIComponent(clientId())}`);
this.#socket = ws;
ws.onopen = () => {
if (this.#socket !== ws) return;
this.connected = true;
this.#dispatch({ type: "_open" });
};
ws.onerror = () => ws.close();
ws.onclose = () => {
if (this.#socket !== ws) return;
this.connected = false;
this.#socket = null;
this.#dispatch({ type: "_close" });
if (!this.#stopped) this.#reconnectTimer = setTimeout(() => this.connect(), 1800);
};
ws.onmessage = (event) => {
const frame = JSON.parse(event.data);
if (this.#socket !== ws) return;
let frame;
try { frame = JSON.parse(event.data); } catch { return; }
if (frame.type === "turn_updated" && frame.snapshot) this.turn = frame.snapshot;
this.#dispatch(frame);
};

4
webui/src/lib/components/ActivitySpine.svelte
View File

@ -2,12 +2,12 @@
import { chat } from "../chat.svelte.js";
let { version = "" } = $props();
let lastTokens = $state(null); // { at, completion }
let lastTokens = null; // { at, completion } — plain bookkeeping, NOT reactive
let rate = $state(null);
$effect(() => {
const turn = chat.turn;
if (!turn || turn.status !== "running") { rate = null; return; }
if (!turn || turn.status !== "running") { rate = null; lastTokens = null; return; }
const completion = turn.usage?.completion_tokens;
const now = Date.now();
if (completion != null && lastTokens && now > lastTokens.at) {