reasonix 0.40.0 → 0.41.0

package/dashboard/dist/app.js

@@ -20441,6 +20441,187 @@ var zhCN = {
 // dashboard/src/i18n/index.ts
 var t4 = createT({ en, "zh-CN": zhCN });
 
+// node_modules/preact/compat/dist/compat.module.js
+function g3(n3, t5) {
+  for (var e3 in t5) n3[e3] = t5[e3];
+  return n3;
+}
+function E2(n3, t5) {
+  for (var e3 in n3) if ("__source" !== e3 && !(e3 in t5)) return true;
+  for (var r3 in t5) if ("__source" !== r3 && n3[r3] !== t5[r3]) return true;
+  return false;
+}
+function M2(n3, t5) {
+  this.props = n3, this.context = t5;
+}
+function N2(n3, e3) {
+  function r3(n4) {
+    var t5 = this.props.ref;
+    return t5 != n4.ref && t5 && ("function" == typeof t5 ? t5(null) : t5.current = null), e3 ? !e3(this.props, n4) || t5 != n4.ref : E2(this.props, n4);
+  }
+  function u3(e4) {
+    return this.shouldComponentUpdate = r3, k(n3, e4);
+  }
+  return u3.displayName = "Memo(" + (n3.displayName || n3.name) + ")", u3.__f = u3.prototype.isReactComponent = true, u3.type = n3, u3;
+}
+(M2.prototype = new C()).isPureReactComponent = true, M2.prototype.shouldComponentUpdate = function(n3, t5) {
+  return E2(this.props, n3) || E2(this.state, t5);
+};
+var T3 = l.__b;
+l.__b = function(n3) {
+  n3.type && n3.type.__f && n3.ref && (n3.props.ref = n3.ref, n3.ref = null), T3 && T3(n3);
+};
+var A3 = "undefined" != typeof Symbol && Symbol.for && /* @__PURE__ */ Symbol.for("react.forward_ref") || 3911;
+var O2 = l.__e;
+l.__e = function(n3, t5, e3, r3) {
+  if (n3.then) {
+    for (var u3, o3 = t5; o3 = o3.__; ) if ((u3 = o3.__c) && u3.__c) return null == t5.__e && (t5.__e = e3.__e, t5.__k = e3.__k), u3.__c(n3, t5);
+  }
+  O2(n3, t5, e3, r3);
+};
+var U2 = l.unmount;
+function V2(n3, t5, e3) {
+  return n3 && (n3.__c && n3.__c.__H && (n3.__c.__H.__.forEach(function(n4) {
+    "function" == typeof n4.__c && n4.__c();
+  }), n3.__c.__H = null), null != (n3 = g3({}, n3)).__c && (n3.__c.__P === e3 && (n3.__c.__P = t5), n3.__c.__e = true, n3.__c = null), n3.__k = n3.__k && n3.__k.map(function(n4) {
+    return V2(n4, t5, e3);
+  })), n3;
+}
+function W2(n3, t5, e3) {
+  return n3 && e3 && (n3.__v = null, n3.__k = n3.__k && n3.__k.map(function(n4) {
+    return W2(n4, t5, e3);
+  }), n3.__c && n3.__c.__P === t5 && (n3.__e && e3.appendChild(n3.__e), n3.__c.__e = true, n3.__c.__P = e3)), n3;
+}
+function P3() {
+  this.__u = 0, this.o = null, this.__b = null;
+}
+function j3(n3) {
+  var t5 = n3.__ && n3.__.__c;
+  return t5 && t5.__a && t5.__a(n3);
+}
+function B3() {
+  this.i = null, this.l = null;
+}
+l.unmount = function(n3) {
+  var t5 = n3.__c;
+  t5 && (t5.__z = true), t5 && t5.__R && t5.__R(), t5 && 32 & n3.__u && (n3.type = null), U2 && U2(n3);
+}, (P3.prototype = new C()).__c = function(n3, t5) {
+  var e3 = t5.__c, r3 = this;
+  null == r3.o && (r3.o = []), r3.o.push(e3);
+  var u3 = j3(r3.__v), o3 = false, i3 = function() {
+    o3 || r3.__z || (o3 = true, e3.__R = null, u3 ? u3(c3) : c3());
+  };
+  e3.__R = i3;
+  var l3 = e3.__P;
+  e3.__P = null;
+  var c3 = function() {
+    if (!--r3.__u) {
+      if (r3.state.__a) {
+        var n4 = r3.state.__a;
+        r3.__v.__k[0] = W2(n4, n4.__c.__P, n4.__c.__O);
+      }
+      var t6;
+      for (r3.setState({ __a: r3.__b = null }); t6 = r3.o.pop(); ) t6.__P = l3, t6.forceUpdate();
+    }
+  };
+  r3.__u++ || 32 & t5.__u || r3.setState({ __a: r3.__b = r3.__v.__k[0] }), n3.then(i3, i3);
+}, P3.prototype.componentWillUnmount = function() {
+  this.o = [];
+}, P3.prototype.render = function(n3, e3) {
+  if (this.__b) {
+    if (this.__v.__k) {
+      var r3 = document.createElement("div"), o3 = this.__v.__k[0].__c;
+      this.__v.__k[0] = V2(this.__b, r3, o3.__O = o3.__P);
+    }
+    this.__b = null;
+  }
+  var i3 = e3.__a && k(S, null, n3.fallback);
+  return i3 && (i3.__u &= -33), [k(S, null, e3.__a ? null : n3.children), i3];
+};
+var H2 = function(n3, t5, e3) {
+  if (++e3[1] === e3[0] && n3.l.delete(t5), n3.props.revealOrder && ("t" !== n3.props.revealOrder[0] || !n3.l.size)) for (e3 = n3.i; e3; ) {
+    for (; e3.length > 3; ) e3.pop()();
+    if (e3[1] < e3[0]) break;
+    n3.i = e3 = e3[2];
+  }
+};
+(B3.prototype = new C()).__a = function(n3) {
+  var t5 = this, e3 = j3(t5.__v), r3 = t5.l.get(n3);
+  return r3[0]++, function(u3) {
+    var o3 = function() {
+      t5.props.revealOrder ? (r3.push(u3), H2(t5, n3, r3)) : u3();
+    };
+    e3 ? e3(o3) : o3();
+  };
+}, B3.prototype.render = function(n3) {
+  this.i = null, this.l = /* @__PURE__ */ new Map();
+  var t5 = F(n3.children);
+  n3.revealOrder && "b" === n3.revealOrder[0] && t5.reverse();
+  for (var e3 = t5.length; e3--; ) this.l.set(t5[e3], this.i = [1, 0, this.i]);
+  return n3.children;
+}, B3.prototype.componentDidUpdate = B3.prototype.componentDidMount = function() {
+  var n3 = this;
+  this.l.forEach(function(t5, e3) {
+    H2(n3, e3, t5);
+  });
+};
+var q3 = "undefined" != typeof Symbol && Symbol.for && /* @__PURE__ */ Symbol.for("react.element") || 60103;
+var G2 = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/;
+var J2 = /^on(Ani|Tra|Tou|BeforeInp|Compo)/;
+var K2 = /[A-Z0-9]/g;
+var Q2 = "undefined" != typeof document;
+var X2 = function(n3) {
+  return ("undefined" != typeof Symbol && "symbol" == typeof /* @__PURE__ */ Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n3);
+};
+C.prototype.isReactComponent = true, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t5) {
+  Object.defineProperty(C.prototype, t5, { configurable: true, get: function() {
+    return this["UNSAFE_" + t5];
+  }, set: function(n3) {
+    Object.defineProperty(this, t5, { configurable: true, writable: true, value: n3 });
+  } });
+});
+var en2 = l.event;
+l.event = function(n3) {
+  return en2 && (n3 = en2(n3)), n3.persist = function() {
+  }, n3.isPropagationStopped = function() {
+    return this.cancelBubble;
+  }, n3.isDefaultPrevented = function() {
+    return this.defaultPrevented;
+  }, n3.nativeEvent = n3;
+};
+var rn;
+var un = { configurable: true, get: function() {
+  return this.class;
+} };
+var on = l.vnode;
+l.vnode = function(n3) {
+  "string" == typeof n3.type && (function(n4) {
+    var t5 = n4.props, e3 = n4.type, u3 = {}, o3 = -1 == e3.indexOf("-");
+    for (var i3 in t5) {
+      var l3 = t5[i3];
+      if (!("value" === i3 && "defaultValue" in t5 && null == l3 || Q2 && "children" === i3 && "noscript" === e3 || "class" === i3 || "className" === i3)) {
+        var c3 = i3.toLowerCase();
+        "defaultValue" === i3 && "value" in t5 && null == t5.value ? i3 = "value" : "download" === i3 && true === l3 ? l3 = "" : "translate" === c3 && "no" === l3 ? l3 = false : "o" === c3[0] && "n" === c3[1] ? "ondoubleclick" === c3 ? i3 = "ondblclick" : "onchange" !== c3 || "input" !== e3 && "textarea" !== e3 || X2(t5.type) ? "onfocus" === c3 ? i3 = "onfocusin" : "onblur" === c3 ? i3 = "onfocusout" : J2.test(i3) && (i3 = c3) : c3 = i3 = "oninput" : o3 && G2.test(i3) ? i3 = i3.replace(K2, "-$&").toLowerCase() : null === l3 && (l3 = void 0), "oninput" === c3 && u3[i3 = c3] && (i3 = "oninputCapture"), u3[i3] = l3;
+      }
+    }
+    "select" == e3 && (u3.multiple && Array.isArray(u3.value) && (u3.value = F(t5.children).forEach(function(n5) {
+      n5.props.selected = -1 != u3.value.indexOf(n5.props.value);
+    })), null != u3.defaultValue && (u3.value = F(t5.children).forEach(function(n5) {
+      n5.props.selected = u3.multiple ? -1 != u3.defaultValue.indexOf(n5.props.value) : u3.defaultValue == n5.props.value;
+    }))), t5.class && !t5.className ? (u3.class = t5.class, Object.defineProperty(u3, "className", un)) : t5.className && (u3.class = u3.className = t5.className), n4.props = u3;
+  })(n3), n3.$$typeof = q3, on && on(n3);
+};
+var ln = l.__r;
+l.__r = function(n3) {
+  ln && ln(n3), rn = n3.__c;
+};
+var cn = l.diffed;
+l.diffed = function(n3) {
+  cn && cn(n3);
+  var t5 = n3.props, e3 = n3.__e;
+  null != e3 && "textarea" === n3.type && "value" in t5 && t5.value !== e3.value && (e3.value = null == t5.value ? "" : t5.value), rn = null;
+};
+
 // node_modules/marked/lib/marked.esm.js
 function _getDefaults() {
   return {
@@ -22577,187 +22758,6 @@ var parseInline = marked.parseInline;
 var parser = _Parser.parse;
 var lexer = _Lexer.lex;
 
-// node_modules/preact/compat/dist/compat.module.js
-function g3(n3, t5) {
-  for (var e3 in t5) n3[e3] = t5[e3];
-  return n3;
-}
-function E2(n3, t5) {
-  for (var e3 in n3) if ("__source" !== e3 && !(e3 in t5)) return true;
-  for (var r3 in t5) if ("__source" !== r3 && n3[r3] !== t5[r3]) return true;
-  return false;
-}
-function M2(n3, t5) {
-  this.props = n3, this.context = t5;
-}
-function N2(n3, e3) {
-  function r3(n4) {
-    var t5 = this.props.ref;
-    return t5 != n4.ref && t5 && ("function" == typeof t5 ? t5(null) : t5.current = null), e3 ? !e3(this.props, n4) || t5 != n4.ref : E2(this.props, n4);
-  }
-  function u3(e4) {
-    return this.shouldComponentUpdate = r3, k(n3, e4);
-  }
-  return u3.displayName = "Memo(" + (n3.displayName || n3.name) + ")", u3.__f = u3.prototype.isReactComponent = true, u3.type = n3, u3;
-}
-(M2.prototype = new C()).isPureReactComponent = true, M2.prototype.shouldComponentUpdate = function(n3, t5) {
-  return E2(this.props, n3) || E2(this.state, t5);
-};
-var T3 = l.__b;
-l.__b = function(n3) {
-  n3.type && n3.type.__f && n3.ref && (n3.props.ref = n3.ref, n3.ref = null), T3 && T3(n3);
-};
-var A3 = "undefined" != typeof Symbol && Symbol.for && /* @__PURE__ */ Symbol.for("react.forward_ref") || 3911;
-var O2 = l.__e;
-l.__e = function(n3, t5, e3, r3) {
-  if (n3.then) {
-    for (var u3, o3 = t5; o3 = o3.__; ) if ((u3 = o3.__c) && u3.__c) return null == t5.__e && (t5.__e = e3.__e, t5.__k = e3.__k), u3.__c(n3, t5);
-  }
-  O2(n3, t5, e3, r3);
-};
-var U2 = l.unmount;
-function V2(n3, t5, e3) {
-  return n3 && (n3.__c && n3.__c.__H && (n3.__c.__H.__.forEach(function(n4) {
-    "function" == typeof n4.__c && n4.__c();
-  }), n3.__c.__H = null), null != (n3 = g3({}, n3)).__c && (n3.__c.__P === e3 && (n3.__c.__P = t5), n3.__c.__e = true, n3.__c = null), n3.__k = n3.__k && n3.__k.map(function(n4) {
-    return V2(n4, t5, e3);
-  })), n3;
-}
-function W2(n3, t5, e3) {
-  return n3 && e3 && (n3.__v = null, n3.__k = n3.__k && n3.__k.map(function(n4) {
-    return W2(n4, t5, e3);
-  }), n3.__c && n3.__c.__P === t5 && (n3.__e && e3.appendChild(n3.__e), n3.__c.__e = true, n3.__c.__P = e3)), n3;
-}
-function P3() {
-  this.__u = 0, this.o = null, this.__b = null;
-}
-function j3(n3) {
-  var t5 = n3.__ && n3.__.__c;
-  return t5 && t5.__a && t5.__a(n3);
-}
-function B3() {
-  this.i = null, this.l = null;
-}
-l.unmount = function(n3) {
-  var t5 = n3.__c;
-  t5 && (t5.__z = true), t5 && t5.__R && t5.__R(), t5 && 32 & n3.__u && (n3.type = null), U2 && U2(n3);
-}, (P3.prototype = new C()).__c = function(n3, t5) {
-  var e3 = t5.__c, r3 = this;
-  null == r3.o && (r3.o = []), r3.o.push(e3);
-  var u3 = j3(r3.__v), o3 = false, i3 = function() {
-    o3 || r3.__z || (o3 = true, e3.__R = null, u3 ? u3(c3) : c3());
-  };
-  e3.__R = i3;
-  var l3 = e3.__P;
-  e3.__P = null;
-  var c3 = function() {
-    if (!--r3.__u) {
-      if (r3.state.__a) {
-        var n4 = r3.state.__a;
-        r3.__v.__k[0] = W2(n4, n4.__c.__P, n4.__c.__O);
-      }
-      var t6;
-      for (r3.setState({ __a: r3.__b = null }); t6 = r3.o.pop(); ) t6.__P = l3, t6.forceUpdate();
-    }
-  };
-  r3.__u++ || 32 & t5.__u || r3.setState({ __a: r3.__b = r3.__v.__k[0] }), n3.then(i3, i3);
-}, P3.prototype.componentWillUnmount = function() {
-  this.o = [];
-}, P3.prototype.render = function(n3, e3) {
-  if (this.__b) {
-    if (this.__v.__k) {
-      var r3 = document.createElement("div"), o3 = this.__v.__k[0].__c;
-      this.__v.__k[0] = V2(this.__b, r3, o3.__O = o3.__P);
-    }
-    this.__b = null;
-  }
-  var i3 = e3.__a && k(S, null, n3.fallback);
-  return i3 && (i3.__u &= -33), [k(S, null, e3.__a ? null : n3.children), i3];
-};
-var H2 = function(n3, t5, e3) {
-  if (++e3[1] === e3[0] && n3.l.delete(t5), n3.props.revealOrder && ("t" !== n3.props.revealOrder[0] || !n3.l.size)) for (e3 = n3.i; e3; ) {
-    for (; e3.length > 3; ) e3.pop()();
-    if (e3[1] < e3[0]) break;
-    n3.i = e3 = e3[2];
-  }
-};
-(B3.prototype = new C()).__a = function(n3) {
-  var t5 = this, e3 = j3(t5.__v), r3 = t5.l.get(n3);
-  return r3[0]++, function(u3) {
-    var o3 = function() {
-      t5.props.revealOrder ? (r3.push(u3), H2(t5, n3, r3)) : u3();
-    };
-    e3 ? e3(o3) : o3();
-  };
-}, B3.prototype.render = function(n3) {
-  this.i = null, this.l = /* @__PURE__ */ new Map();
-  var t5 = F(n3.children);
-  n3.revealOrder && "b" === n3.revealOrder[0] && t5.reverse();
-  for (var e3 = t5.length; e3--; ) this.l.set(t5[e3], this.i = [1, 0, this.i]);
-  return n3.children;
-}, B3.prototype.componentDidUpdate = B3.prototype.componentDidMount = function() {
-  var n3 = this;
-  this.l.forEach(function(t5, e3) {
-    H2(n3, e3, t5);
-  });
-};
-var q3 = "undefined" != typeof Symbol && Symbol.for && /* @__PURE__ */ Symbol.for("react.element") || 60103;
-var G2 = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/;
-var J2 = /^on(Ani|Tra|Tou|BeforeInp|Compo)/;
-var K2 = /[A-Z0-9]/g;
-var Q2 = "undefined" != typeof document;
-var X2 = function(n3) {
-  return ("undefined" != typeof Symbol && "symbol" == typeof /* @__PURE__ */ Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n3);
-};
-C.prototype.isReactComponent = true, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t5) {
-  Object.defineProperty(C.prototype, t5, { configurable: true, get: function() {
-    return this["UNSAFE_" + t5];
-  }, set: function(n3) {
-    Object.defineProperty(this, t5, { configurable: true, writable: true, value: n3 });
-  } });
-});
-var en2 = l.event;
-l.event = function(n3) {
-  return en2 && (n3 = en2(n3)), n3.persist = function() {
-  }, n3.isPropagationStopped = function() {
-    return this.cancelBubble;
-  }, n3.isDefaultPrevented = function() {
-    return this.defaultPrevented;
-  }, n3.nativeEvent = n3;
-};
-var rn;
-var un = { configurable: true, get: function() {
-  return this.class;
-} };
-var on = l.vnode;
-l.vnode = function(n3) {
-  "string" == typeof n3.type && (function(n4) {
-    var t5 = n4.props, e3 = n4.type, u3 = {}, o3 = -1 == e3.indexOf("-");
-    for (var i3 in t5) {
-      var l3 = t5[i3];
-      if (!("value" === i3 && "defaultValue" in t5 && null == l3 || Q2 && "children" === i3 && "noscript" === e3 || "class" === i3 || "className" === i3)) {
-        var c3 = i3.toLowerCase();
-        "defaultValue" === i3 && "value" in t5 && null == t5.value ? i3 = "value" : "download" === i3 && true === l3 ? l3 = "" : "translate" === c3 && "no" === l3 ? l3 = false : "o" === c3[0] && "n" === c3[1] ? "ondoubleclick" === c3 ? i3 = "ondblclick" : "onchange" !== c3 || "input" !== e3 && "textarea" !== e3 || X2(t5.type) ? "onfocus" === c3 ? i3 = "onfocusin" : "onblur" === c3 ? i3 = "onfocusout" : J2.test(i3) && (i3 = c3) : c3 = i3 = "oninput" : o3 && G2.test(i3) ? i3 = i3.replace(K2, "-$&").toLowerCase() : null === l3 && (l3 = void 0), "oninput" === c3 && u3[i3 = c3] && (i3 = "oninputCapture"), u3[i3] = l3;
-      }
-    }
-    "select" == e3 && (u3.multiple && Array.isArray(u3.value) && (u3.value = F(t5.children).forEach(function(n5) {
-      n5.props.selected = -1 != u3.value.indexOf(n5.props.value);
-    })), null != u3.defaultValue && (u3.value = F(t5.children).forEach(function(n5) {
-      n5.props.selected = u3.multiple ? -1 != u3.defaultValue.indexOf(n5.props.value) : u3.defaultValue == n5.props.value;
-    }))), t5.class && !t5.className ? (u3.class = t5.class, Object.defineProperty(u3, "className", un)) : t5.className && (u3.class = u3.className = t5.className), n4.props = u3;
-  })(n3), n3.$$typeof = q3, on && on(n3);
-};
-var ln = l.__r;
-l.__r = function(n3) {
-  ln && ln(n3), rn = n3.__c;
-};
-var cn = l.diffed;
-l.diffed = function(n3) {
-  cn && cn(n3);
-  var t5 = n3.props, e3 = n3.__e;
-  null != e3 && "textarea" === n3.type && "value" in t5 && t5.value !== e3.value && (e3.value = null == t5.value ? "" : t5.value), rn = null;
-};
-
 // dashboard/src/lib/html.ts
 var html4 = htm_module_default.bind(k);
 
@@ -23954,15 +23954,6 @@ function ChatPanel() {
       autoScrollInFlight.current = false;
     }, 0);
   }, [messages, streaming]);
-  const allMessages = streaming ? [
-    ...messages,
-    {
-      id: streaming.id,
-      role: "assistant",
-      text: streaming.text,
-      reasoning: streaming.reasoning
-    }
-  ] : messages;
   const resolveModal = q2(async (kind, choice, text) => {
     try {
       await api("/modal/resolve", {
@@ -24107,19 +24098,7 @@ function ChatPanel() {
 
       <div class="chat-body">
         <div class="chat-main">
-          <div class="chat-feed" ref=${feedRef}>
-            ${allMessages.length === 0 ? html4`<div class="chat-empty">
-                    ${t4("chat.noConversation")}
-                  </div>` : allMessages.map(
-    (m3) => html4`
-                      <${ChatMessage}
-                        key=${m3.id}
-                        msg=${m3}
-                        streaming=${Boolean(streaming && streaming.id === m3.id)}
-                      />
-                    `
-  )}
-          </div>
+          <${ChatFeed} messages=${messages} streaming=${streaming} innerRef=${feedRef} />
 
           <div class="chat-input-area" style="position:relative">
             ${popoverKind && popoverItems.length > 0 ? html4`
@@ -24181,7 +24160,32 @@ function ChatPanel() {
     </div>
   `;
 }
-function SideRail({ stats, budgetUsd, activePlan }) {
+var ChatFeed = N2(function ChatFeed2({ messages, streaming, innerRef }) {
+  useLang();
+  const allMessages = streaming ? [
+    ...messages,
+    {
+      id: streaming.id,
+      role: "assistant",
+      text: streaming.text,
+      reasoning: streaming.reasoning
+    }
+  ] : messages;
+  return html4`
+    <div class="chat-feed" ref=${innerRef}>
+      ${allMessages.length === 0 ? html4`<div class="chat-empty">${t4("chat.noConversation")}</div>` : allMessages.map(
+    (m3) => html4`
+                <${ChatMessage}
+                  key=${m3.id}
+                  msg=${m3}
+                  streaming=${Boolean(streaming && streaming.id === m3.id)}
+                />
+              `
+  )}
+    </div>
+  `;
+});
+var SideRail = N2(function SideRail2({ stats, budgetUsd, activePlan }) {
   useLang();
   if (!stats && !activePlan) return html4`<aside class="chat-rail"></aside>`;
   const cachePct = stats ? stats.cacheHitRatio * 100 : 0;
@@ -24218,7 +24222,7 @@ function SideRail({ stats, budgetUsd, activePlan }) {
           ` : null}
     </aside>
   `;
-}
+});
 function ActivePlanCard({ plan }) {
   useLang();
   const dots = [];
@@ -24304,7 +24308,7 @@ function InFlightRow({
     </div>
   `;
 }
-function ChatStatusBar({ stats, model }) {
+var ChatStatusBar = N2(function ChatStatusBar2({ stats, model }) {
   useLang();
   if (!stats) {
     return html4`
@@ -24353,7 +24357,7 @@ function ChatStatusBar({ stats, model }) {
         ` : null}
     </div>
   `;
-}
+});
 
 // dashboard/src/panels/hooks.ts
 function buildMatrix(data) {
@@ -28482,7 +28486,10 @@ function ChangesPanel() {
                 onToggleReview=${toggleReviewMode}
                 files=${openFiles}
                 activePath=${activeFilePath}
-                onSelect=${setActiveFilePath}
+                onSelect=${(path) => {
+    setActiveFilePath(path);
+    setReviewMode(false);
+  }}
                 onClose=${closeFile}
               />
               <div class="review-controls" style=${{ display: "flex", alignItems: "center", gap: "8px", padding: "6px 12px", borderBottom: "1px solid var(--bd)", fontSize: "12px" }}>
@@ -28659,7 +28666,7 @@ function fmtCost2(usd, currency) {
   }
   return `$${usd.toFixed(4)}`;
 }
-function ChatStatusBar2({ stats, model }) {
+function ChatStatusBar3({ stats, model }) {
   useLang();
   if (!stats) {
     return html6`
@@ -29197,6 +29204,9 @@ function ChatPane(props) {
   const [model, setModel] = d2(null);
   const shouldAutoScroll = A2(true);
   const feedRef = A2(null);
+  const streamBufRef = A2(null);
+  const streamRafRef = A2(null);
+  const autoScrollInFlight = A2(false);
   const [slashCommands, setSlashCommands] = d2([]);
   const [popoverKind, setPopoverKind] = d2(null);
   const [popoverItems, setPopoverItems] = d2([]);
@@ -29233,22 +29243,54 @@ function ChatPane(props) {
   }, []);
   y2(() => {
     let cancelled = false;
-    (async () => {
+    const tick = async () => {
       try {
         const data = await api("/overview");
-        if (!cancelled) {
-          setStats(data.stats ?? null);
-          setModel(data.model ?? null);
-        }
+        if (cancelled) return;
+        setStats(data.stats ?? null);
+        setModel(data.model ?? null);
       } catch {
       }
-    })();
+    };
+    tick();
+    const t5 = setInterval(tick, 2500);
     return () => {
       cancelled = true;
+      clearInterval(t5);
     };
   }, []);
+  const flushStreaming = q2(() => {
+    streamRafRef.current = null;
+    if (streamBufRef.current) setStreaming(streamBufRef.current);
+  }, []);
+  const cancelStreamingRaf = q2(() => {
+    if (streamRafRef.current !== null) {
+      cancelAnimationFrame(streamRafRef.current);
+      streamRafRef.current = null;
+    }
+    streamBufRef.current = null;
+  }, []);
+  const refetchCanonicalState = q2(async () => {
+    try {
+      const data = await api("/messages");
+      setMessages(data.messages ?? []);
+      setBusy(Boolean(data.busy));
+      cancelStreamingRaf();
+      setStreaming(null);
+      setActiveTool(null);
+    } catch {
+    }
+  }, [cancelStreamingRaf]);
   y2(() => {
     const es = new EventSource(`/api/events?token=${TOKEN}`);
+    let firstOpen = true;
+    es.onopen = () => {
+      if (firstOpen) {
+        firstOpen = false;
+        return;
+      }
+      void refetchCanonicalState();
+    };
     es.onmessage = (ev) => {
       let dash;
       try {
@@ -29266,14 +29308,20 @@ function ChatPane(props) {
         return;
       }
       if (dash.kind === "assistant_delta") {
-        setStreaming((cur) => {
-          const text = (cur?.text ?? "") + (dash.contentDelta ?? "");
-          const reasoning = (cur?.reasoning ?? "") + (dash.reasoningDelta ?? "");
-          return { id: dash.id, text, reasoning };
-        });
+        const cur = streamBufRef.current;
+        const baseId = cur?.id === dash.id ? cur : null;
+        streamBufRef.current = {
+          id: dash.id,
+          text: (baseId?.text ?? "") + (dash.contentDelta ?? ""),
+          reasoning: (baseId?.reasoning ?? "") + (dash.reasoningDelta ?? "")
+        };
+        if (streamRafRef.current === null) {
+          streamRafRef.current = requestAnimationFrame(flushStreaming);
+        }
         return;
       }
       if (dash.kind === "assistant_final") {
+        cancelStreamingRaf();
         setStreaming(null);
         setMessages((prev) => [
           ...prev,
@@ -29308,18 +29356,26 @@ function ChatPane(props) {
       setError(t4("chat.eventStreamError"));
       setTimeout(() => setError(null), 3e3);
     };
-    return () => es.close();
-  }, []);
+    return () => {
+      es.close();
+      cancelStreamingRaf();
+    };
+  }, [refetchCanonicalState, cancelStreamingRaf]);
   y2(() => {
     if (!shouldAutoScroll.current) return;
     const el = feedRef.current;
     if (!el) return;
+    autoScrollInFlight.current = true;
     el.scrollTop = el.scrollHeight;
+    setTimeout(() => {
+      autoScrollInFlight.current = false;
+    }, 0);
   }, [messages, streaming]);
   y2(() => {
     const el = feedRef.current;
     if (!el) return;
     const onScroll = () => {
+      if (autoScrollInFlight.current) return;
       const distFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
       shouldAutoScroll.current = distFromBottom < 80;
     };
@@ -29508,7 +29564,6 @@ ${commentRefs}` : commentRefs;
           </div>
         ` : null}
         <div style=${{ display: "flex", gap: "8px", alignItems: "flex-end", position: "relative" }}>
-          <button style=${{ background: "transparent", border: "none", color: "var(--fg-3)", padding: "8px", cursor: "pointer", fontSize: "18px", flexShrink: 0 }}>+</button>
           <div style=${{ flex: 1, position: "relative" }}>
             ${popoverKind && popoverItems.length > 0 ? html6`
                   <div class="popover" style="position:absolute;bottom:calc(100% + 6px);left:0;width:380px;max-height:280px;overflow-y:auto;z-index:10">
@@ -29551,7 +29606,7 @@ ${commentRefs}` : commentRefs;
           </div>
         </div>
       </div>
-      <${ChatStatusBar2} stats=${stats} model=${model} />
+      <${ChatStatusBar3} stats=${stats} model=${model} />
     </div>
   `;
 }