reasonix 0.46.0 → 0.46.1

package/README.md

@@ -14,6 +14,8 @@
   <a href="./docs/ARCHITECTURE.md">Architecture</a>
   &nbsp;·&nbsp;
   <a href="./benchmarks/">Benchmarks</a>
+  &nbsp;·&nbsp;
+  <a href="https://discord.gg/XF78rEME2D">Discord</a>
 </p>
 
 <p align="center">
@@ -25,6 +27,7 @@
   <a href="https://github.com/esengine/reasonix/stargazers"><img src="https://img.shields.io/github/stars/esengine/reasonix.svg?style=flat-square&color=dbab09&labelColor=161b22&logo=github&logoColor=white" alt="GitHub stars"/></a>
   <a href="https://github.com/esengine/reasonix/graphs/contributors"><img src="https://img.shields.io/github/contributors/esengine/reasonix.svg?style=flat-square&color=bc8cff&labelColor=161b22&logo=github&logoColor=white" alt="contributors"/></a>
   <a href="https://github.com/esengine/reasonix/discussions"><img src="https://img.shields.io/github/discussions/esengine/reasonix.svg?style=flat-square&color=58a6ff&labelColor=161b22&logo=github&logoColor=white" alt="Discussions"/></a>
+  <a href="https://discord.gg/XF78rEME2D"><img src="https://img.shields.io/badge/discord-join-5865F2.svg?style=flat-square&labelColor=161b22&logo=discord&logoColor=white" alt="Discord"/></a>
 </p>
 
 <p align="center">

package/README.zh-CN.md

@@ -14,6 +14,8 @@
   <a href="./docs/ARCHITECTURE.md">架构文档</a>
   &nbsp;·&nbsp;
   <a href="./benchmarks/">基准测试</a>
+  &nbsp;·&nbsp;
+  <a href="https://discord.gg/XF78rEME2D">Discord</a>
 </p>
 
 <p align="center">
@@ -25,6 +27,7 @@
   <a href="https://github.com/esengine/reasonix/stargazers"><img src="https://img.shields.io/github/stars/esengine/reasonix.svg?style=flat-square&color=dbab09&labelColor=161b22&logo=github&logoColor=white" alt="GitHub stars"/></a>
   <a href="https://github.com/esengine/reasonix/graphs/contributors"><img src="https://img.shields.io/github/contributors/esengine/reasonix.svg?style=flat-square&color=bc8cff&labelColor=161b22&logo=github&logoColor=white" alt="contributors"/></a>
   <a href="https://github.com/esengine/reasonix/discussions"><img src="https://img.shields.io/github/discussions/esengine/reasonix.svg?style=flat-square&color=58a6ff&labelColor=161b22&logo=github&logoColor=white" alt="Discussions"/></a>
+  <a href="https://discord.gg/XF78rEME2D"><img src="https://img.shields.io/badge/discord-join-5865F2.svg?style=flat-square&labelColor=161b22&logo=discord&logoColor=white" alt="Discord"/></a>
 </p>
 
 <p align="center">

package/dashboard/dist/app.js

@@ -25059,12 +25059,22 @@ function CodeViewer(props) {
     </div>
   `;
 }
+function summarizeTool(activeTool) {
+  if (!activeTool) return null;
+  const name = activeTool.toolName ?? "tool";
+  const args = parseToolArgs(activeTool.args);
+  const path = args?.path ?? args?.file_path ?? args?.filename;
+  if (path) return `${name} \u2192 ${path}`;
+  return name;
+}
 function ChatPane(props) {
   useLang();
   const [messages, setMessages] = d2([]);
   const [streaming, setStreaming] = d2(null);
   const [activeTool, setActiveTool] = d2(null);
   const [busy, setBusy] = d2(false);
+  const [turnStartedAt, setTurnStartedAt] = d2(null);
+  const [nowTick, setNowTick] = d2(0);
   const [input, setInput] = d2("");
   const [error, setError] = d2(null);
   const [statusLine, setStatusLine] = d2(null);
@@ -25079,6 +25089,7 @@ function ChatPane(props) {
   const [popoverKind, setPopoverKind] = d2(null);
   const [popoverItems, setPopoverItems] = d2([]);
   const [popoverSel, setPopoverSel] = d2(0);
+  const composing = A2(false);
   y2(() => {
     let cancelled = false;
     (async () => {
@@ -25092,6 +25103,29 @@ function ChatPane(props) {
       cancelled = true;
     };
   }, []);
+  y2(() => {
+    if (!busy) return;
+    const id = setInterval(() => setNowTick((n3) => n3 + 1), 500);
+    return () => clearInterval(id);
+  }, [busy]);
+  y2(() => {
+    if (busy) {
+      if (!turnStartedAt) setTurnStartedAt(Date.now());
+    } else {
+      setTurnStartedAt(null);
+    }
+  }, [busy, turnStartedAt]);
+  y2(() => {
+    if (!busy) return;
+    const handler = (e3) => {
+      if (e3.key === "Escape") {
+        e3.preventDefault();
+        api("/abort", { method: "POST" }).catch(() => void 0);
+      }
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [busy]);
   y2(() => {
     let cancelled = false;
     (async () => {
@@ -25286,6 +25320,7 @@ function ChatPane(props) {
     (e3) => {
       const v3 = e3.target.value;
       setInput(v3);
+      if (composing.current) return;
       updatePopover(v3);
     },
     [updatePopover]
@@ -25364,8 +25399,19 @@ ${commentRefs}` : commentRefs;
       setError(t4("changes.clearFailed", { error: err.message }));
     }
   }, []);
+  const onCompositionStart = q2(() => {
+    composing.current = true;
+  }, []);
+  const onCompositionEnd = q2(
+    (e3) => {
+      composing.current = false;
+      void updatePopover(e3.target.value);
+    },
+    [updatePopover]
+  );
   const onKeyDown = q2(
     (e3) => {
+      if (composing.current) return;
       if (popoverKind && popoverItems.length > 0) {
         if (e3.key === "ArrowDown") {
           e3.preventDefault();
@@ -25388,11 +25434,6 @@ ${commentRefs}` : commentRefs;
           return;
         }
       }
-      if (e3.key === "Escape" && busy) {
-        e3.preventDefault();
-        abort();
-        return;
-      }
       if (e3.key === "Enter" && !e3.shiftKey) {
         e3.preventDefault();
         send();
@@ -25476,11 +25517,14 @@ ${commentRefs}` : commentRefs;
             <textarea
               class="input"
               style=${{ width: "100%", resize: "none", minHeight: "36px", fontFamily: "inherit", fontSize: "13px", padding: "8px 10px", lineHeight: "1.4", background: "var(--bg-input)", border: "1px solid var(--bd)", borderRadius: "4px", color: "var(--fg-0)" }}
-              placeholder=${props.comments.length > 0 ? "\u603B\u7ED3\u8BC4\u8BBA..." : t4("changes.chatPlaceholder")}
+              placeholder=${busy ? t4("chat.placeholderBusy") : props.comments.length > 0 ? "\u603B\u7ED3\u8BC4\u8BBA..." : t4("changes.chatPlaceholder")}
               value=${input}
               onInput=${onInput}
               onKeyDown=${onKeyDown}
+              onCompositionStart=${onCompositionStart}
+              onCompositionEnd=${onCompositionEnd}
               onBlur=${() => setTimeout(() => setPopoverKind(null), 150)}
+              disabled=${busy}
               rows="2"
             />
           </div>
@@ -25493,6 +25537,32 @@ ${commentRefs}` : commentRefs;
           </div>
         </div>
       </div>
+      ${busy ? (() => {
+    const elapsedMs = turnStartedAt ? Date.now() - turnStartedAt : 0;
+    const elapsed = (elapsedMs / 1e3).toFixed(1);
+    const textLen = streaming?.text?.length ?? 0;
+    const reasoningLen = streaming?.reasoning?.length ?? 0;
+    const toolSummary = summarizeTool(activeTool);
+    const phase = toolSummary ? t4("chat.inflightRunning") : reasoningLen > 0 && textLen === 0 ? t4("chat.inflightThinking") : textLen > 0 ? t4("chat.inflightStreaming") : t4("chat.inflightWaiting");
+    return html6`
+              <div class="chat-inflight">
+                <span class="spinner"></span>
+                <span class="chat-inflight-phase">${phase}</span>
+                <span class="chat-inflight-sep">·</span>
+                <span class="muted">${elapsed}s</span>
+                ${toolSummary ? html6`<span class="chat-inflight-sep">·</span><span class="chat-inflight-tool" title=${toolSummary}>${toolSummary}</span>` : null}
+                ${!toolSummary && (textLen > 0 || reasoningLen > 0) ? html6`
+                      <span class="chat-inflight-sep">·</span>
+                      <span class="muted">
+                        ${reasoningLen > 0 ? t4("chat.inflightReasoning", { count: reasoningLen.toLocaleString() }) : null}
+                        ${reasoningLen > 0 && textLen > 0 ? html6`<span> · </span>` : null}
+                        ${textLen > 0 ? t4("chat.inflightOut", { count: textLen.toLocaleString() }) : null}
+                      </span>
+                    ` : null}
+                <button class="chat-inflight-abort" onClick=${abort}>${t4("chat.abortBtn")}</button>
+              </div>
+            `;
+  })() : null}
       <${ChatStatusBar} stats=${stats} model=${model} />
     </div>
   `;