onw 1.1.2: chat auto-scroll stops when scrolled up, jump-to-latest button

CHANGELOG.md

@@ -5,7 +5,11 @@
 日付は日本時間です。各版は Hugging Face の `ryugyosoft/onw` にタグ（`v0.4.2` 以降）付きで残っています。
 onw ウィンドウは、新しい版があるとこのファイルから変更点を表示します（`## v…` の見出しで区切っています）。
 
-## v1.1.1 (2026-10-06)
+## v1.1.2 (2026-10-06)
+- チャット画面：回答の途中で上にスクロールすると、自動で一番下まで戻らないようにしました（これまでは回答が流れている間、
+  開いた「思考」欄を閉じたり、上の会話を読んだりできませんでした）。下にいないときは右下に「↓ 最新へ」ボタンが出て、
+  押すと最新の位置に戻り、また回答に追従します。新しいメッセージを送ったときも追従に戻ります。
+
 - NF4 版に **Qwen3.5-9B (NF4)** を追加（Lunar Lake 以降専用）。Lunar Lake（16 GB）で通常版と比べて、生成 7.1 → 9.4 tok/s、
   プロンプト処理 約 2.3 倍速、使用メモリ 6.6 → 5.1 GB（約 2.4 割減）。CPU で元のモデルと比べた精度はほぼ同等です。
 - チャット画面：Gemma・Qwen 系（Ornith・NeoHorse を含む）・gpt-oss では、モデルの推奨値（温度・Top P・Top K・出現ペナルティ）

CHANGELOG_en.md

@@ -4,7 +4,11 @@
 
 Dates are JST. Every version is on Hugging Face `ryugyosoft/onw`, tagged from `v0.4.2` on.
 
-## v1.1.1 (2026-10-06)
+## v1.1.2 (2026-10-06)
+- Chat page: scrolling up while an answer is being written no longer jumps back to the bottom (opening or closing a
+  "Thinking" box or reading above was impossible while it streamed). Away from the bottom, a "↓ Latest" button appears at
+  the bottom right; it jumps back and follows the answer again, as does sending a new message.
+
 - A new NF4 build: **Qwen3.5-9B (NF4)** (Lunar Lake and newer only). Against the regular build on Lunar Lake (16 GB):
   decode 7.1 -> 9.4 tok/s, prompts ~2.3x faster, memory 6.6 -> 5.1 GB (~24% less), about the same accuracy on the CPU.
 - Chat page: for Gemma, the Qwen family (Ornith and NeoHorse included) and gpt-oss the model's recommended temperature,

MANUAL.md

@@ -87,6 +87,7 @@
 「サーバー」タブかトレイの「チャット」で、ブラウザに開きます（`http://localhost:8000/chat`）。
 
 - **送る**：メッセージを入れて Enter（改行は Shift+Enter）。回答中は「送信」が「停止」になり、押すとそこで止めます。
+  回答中に上へスクロールすると自動スクロールが止まり、右下の「↓ 最新へ」で最新の位置に戻れます。
 - **画像**：📎 で添付するか、画像を貼り付け（Ctrl+V）・ドロップします（画像を読めるモデルのとき）。
 - **思考モード**：オンにすると、モデルが考えてから答えます。考えた内容は回答の上の「思考」欄に入り、クリックで開閉できます。
   「常に考える」モデル（gpt-oss、llm-jp）はオフでも考え、その分も最大トークンに数えます。

MANUAL_en.md

@@ -89,7 +89,8 @@ If loading fails, the state says "Load failed" with the reason.
 
 "Chat" on the Server tab or in the tray opens it in the browser (`http://localhost:8000/chat`).
 
-- **Send**: type and press Enter (Shift+Enter for a new line). While it answers, Send turns into Stop.
+- **Send**: type and press Enter (Shift+Enter for a new line). While it answers, Send turns into Stop. Scrolling up
+  while it answers stops the auto-scroll; "↓ Latest" at the bottom right jumps back.
 - **Images**: attach with 📎, or paste (Ctrl+V) or drop an image (models that read images).
 - **Thinking mode**: the model thinks before it answers. The thinking goes in the "Thinking" box above the answer; click
   it to open or close it. "Always" models (gpt-oss, llm-jp) think even when it is off, and that counts against the max

onw/__init__.py

@@ -2,4 +2,4 @@
 
 A small engine that runs LLMs entirely on the Intel NPU: static segment graphs + host-managed state.
 """
-__version__ = "1.1.1"
+__version__ = "1.1.2"

onw/i18n.json

@@ -57,6 +57,7 @@
 "{0} 以上推奨（1 では同じ言葉を繰り返すことがあります）": "{0}+ recommended (at 1 it can repeat the same word)",
 "{0}秒": "{0} s",
 "{0}秒 · {1}トークン · 文脈 {2}{3}": "{0} s · {1} tokens · context {2}{3}",
+"↓ 最新へ": "↓ Latest",
 "、": ", ",
 "「{0}」を削除しますか？（元に戻せません）": "Delete “{0}”? (This cannot be undone.)",
 "「更新」を押すと自動で入れ替えて再起動します。": "Choose \"Update\" to replace it and restart automatically.",
@@ -233,6 +234,7 @@
 "最大": "Largest",
 "最大トークン": "Max tokens",
 "最大（メモリが足りない PC ではエキスパートを SSD から読みます）": "Largest (reads experts from the SSD on PCs short of memory)",
+"最新へ": "Jump to the latest",
 "最新版です": "You're up to date",
 "最終確認 {0}": "Last checked {0}",
 "有効": "On",
@@ -350,6 +352,7 @@
 "{0} 以上推奨（1 では同じ言葉を繰り返すことがあります）": "建议 {0} 以上（为 1 时可能重复同一个词）",
 "{0}秒": "{0} 秒",
 "{0}秒 · {1}トークン · 文脈 {2}{3}": "{0}秒 · {1} token · 上下文 {2}{3}",
+"↓ 最新へ": "↓ 最新",
 "、": "、",
 "「{0}」を削除しますか？（元に戻せません）": "删除“{0}”吗？（无法恢复）",
 "「更新」を押すと自動で入れ替えて再起動します。": "点击“更新”即可自动替换并重启。",
@@ -526,6 +529,7 @@
 "最大": "最大",
 "最大トークン": "最大 token 数",
 "最大（メモリが足りない PC ではエキスパートを SSD から読みます）": "最大（内存不足的电脑从 SSD 读取专家）",
+"最新へ": "跳到最新",
 "最新版です": "已是最新版本",
 "最終確認 {0}": "上次检查 {0}",
 "有効": "开启",

onw/web/index.html

@@ -28,7 +28,12 @@
   button { font: inherit; cursor: pointer; border-radius: 8px; border: 1px solid var(--border); background: var(--panel); color: var(--text); padding: 6px 12px; }
   button.primary { background: var(--accent); color: var(--accent-text); border-color: var(--accent); }
   button:disabled { opacity: .5; cursor: default; }
-  #chat { flex: 1; overflow-y: auto; padding: 16px; }
+  #chat { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; }
+  #chat > .wrap { width: 100%; }
+  #tolatest { order: 2; position: sticky; bottom: 4px; align-self: flex-end; margin-top: 8px; display: none; z-index: 2;
+              border-radius: 999px; padding: 6px 14px; box-shadow: 0 2px 10px rgba(0,0,0,.18); background: var(--accent);
+              color: var(--accent-text); border-color: var(--accent); }
+  #tolatest.show { display: block; }
   .wrap { max-width: 820px; margin: 0 auto; }
   .msg { margin: 0 0 14px; display: flex; }
   .msg.user { justify-content: flex-end; }
@@ -109,7 +114,7 @@
   <div class="bottom"><button id="delall">会話履歴をすべて削除</button></div>
 </aside>
 <div id="pane">
-<main id="chat"><div class="wrap" id="log"><div class="empty" id="empty">メッセージを入力するか、画像を添付・貼り付け・ドロップしてください。</div></div></main>
+<main id="chat"><button id="tolatest" title="最新へ">↓ 最新へ</button><div class="wrap" id="log"><div class="empty" id="empty">メッセージを入力するか、画像を添付・貼り付け・ドロップしてください。</div></div></main>
 <footer><div class="wrap">
   <div id="thumbs"></div>
   <div class="row">
@@ -141,6 +146,31 @@ let MODEL = "";              // this server's model id (saved with each conversa
 // the saved conversation shown now: id (null until the first answer), when it began, its messages as stored
 // ({role, text, images (small copies), reasoning, stats}) and the title
 let chat = { id: null, created: 0, title: "", msgs: [] };
+// auto-scroll: the view follows the answer while it is at the bottom; scrolling up stops that (so a thinking box can be
+// opened, closed and read), and the "latest" button jumps back and follows again
+// (the user's scrolling stops it at once - wheel, touch, keys - since the next token would scroll back down before
+// the scroll event comes; a scroll above where we put the view, e.g. dragging the scroll bar, too)
+let follow = true, autoTop = 0;
+const atEnd = () => { const c = $("chat"); return c.scrollHeight - c.scrollTop - c.clientHeight < 48; };
+const latestBtn = () => $("tolatest").classList.toggle("show", !atEnd());
+function scrollEnd(force) {
+  if (force) follow = true;
+  else if (follow && !atEnd() && $("chat").scrollTop < autoTop - 4) follow = false;   // moved up since (scroll bar)
+  if (follow) { $("chat").scrollTop = $("chat").scrollHeight; autoTop = $("chat").scrollTop; }
+  latestBtn();
+}
+function stopFollow() { follow = false; latestBtn(); }
+$("chat").addEventListener("wheel", e => { if (e.deltaY < 0) stopFollow(); }, { passive: true });
+$("chat").addEventListener("touchmove", stopFollow, { passive: true });
+document.addEventListener("keydown", e => {
+  if (["PageUp", "ArrowUp", "Home"].includes(e.key) && !/^(INPUT|TEXTAREA|SELECT)$/.test(e.target.tagName)) stopFollow();
+});
+$("chat").addEventListener("scroll", () => {
+  if (atEnd()) follow = true;                                    // back at the bottom (scrolled down by hand)
+  else if ($("chat").scrollTop < autoTop - 4) follow = false;    // above where the view was put
+  latestBtn();
+});
+$("tolatest").onclick = () => scrollEnd(true);
 let SAMPLING = null;           // the model's recommended sampling (server info), its "think" set for thinking mode
 const SFIELDS = { temperature: "temp", top_p: "topp", top_k: "topk", presence_penalty: "pres" };
 function setSampling(s) { for (const [k, id] of Object.entries(SFIELDS)) if (s[k] !== undefined) $(id).value = s[k]; }
@@ -241,7 +271,7 @@ function addMsg(role, text, images) {
   const b = document.createElement("div"); b.className = "bubble";
   (images || []).forEach(src => { const im = new Image(); im.src = src; b.appendChild(im); });
   const t = document.createElement("div"); t.innerHTML = role === "user" ? render(text) : text; b.appendChild(t);
-  m.appendChild(b); $("log").appendChild(m); $("chat").scrollTop = $("chat").scrollHeight;
+  m.appendChild(b); $("log").appendChild(m); scrollEnd(true);
   return { bubble: b, body: t };
 }
 function showThumbs() {
@@ -431,13 +461,13 @@ async function send() {
           }
           think += rc; lastThink = think; tbox.lastChild.textContent = think;
           tbox.firstChild.textContent = acc ? T("思考") : T("思考（考え中… {0} 文字）", think.length);
-          if (tbox.open) $("chat").scrollTop = $("chat").scrollHeight;
+          if (tbox.open) scrollEnd();
         }
         const d = j.choices?.[0]?.delta?.content;
         if (d) {
           if (!first) first = performance.now();
           if (tbox && !acc) { tbox.open = false; tbox.firstChild.textContent = T("思考"); }   // the answer starts: fold it away
-          acc += d; out.body.innerHTML = render(acc); $("chat").scrollTop = $("chat").scrollHeight;
+          acc += d; out.body.innerHTML = render(acc); scrollEnd();
         }
         if (j.choices?.[0]?.finish_reason) finish = j.choices[0].finish_reason;
         if (j.usage) usage = j.usage;

pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "onw"
-version = "1.1.1"
+version = "1.1.2"
 description = "Ore no NPU ga konna ni ugoku wake nai - LLMs entirely on the Intel NPU"
 readme = "README.md"
 license = {text = "Apache-2.0"}