reasonix 0.48.1 → 0.49.0

package/dashboard/dist/app.js

@@ -19137,6 +19137,14 @@ var en = {
     effortHigh: "high (cheaper / faster)",
     webSearch: "web search",
     webSearchNote: "web_fetch + web_search tools",
+    webSearchEngine: "search engine",
+    webSearchEngineBing: "bing \u2014 default, works from CN without proxy",
+    webSearchEngineSearxng: "searxng \u2014 self-hosted (set endpoint via /se searxng <url>)",
+    webSearchEngineMetaso: "metaso \u2014 100/day free (CN-friendly, free key at metaso.cn)",
+    webSearchEngineTavily: "tavily \u2014 1000/mo free (set TAVILY_API_KEY)",
+    webSearchEnginePerplexity: "perplexity \u2014 AI-native (set PERPLEXITY_API_KEY)",
+    webSearchEngineExa: "exa \u2014 AI-native 1000/mo free (set EXA_API_KEY)",
+    webSearchEngineNote: "applies to the next web_search call",
     sectionCompute: "Compute",
     proNext: "/pro one-shot",
     proArm: "Arm for next turn",
@@ -19183,6 +19191,8 @@ var en = {
     modeView: "session view",
     placeholder: "Type a prompt \u2014 Enter sends, Shift+Enter for a newline \xB7 / @ for pickers",
     placeholderBusy: "wait for the current turn to finish\u2026",
+    placeholderSteerBusy: "type to steer \u2014 commands and pickers are disabled while busy",
+    steerHint: "message steers the current turn (added as instruction)",
     send: "Send",
     new: "New",
     clear: "Clear",
@@ -19662,6 +19672,12 @@ var en = {
     shellBgTitle: "background process",
     shellSubtitle: "model wants to run a shell command",
     shellBgSubtitle: "long-running \u2014 keeps running after approval",
+    pathTitle: "file outside sandbox",
+    pathSubtitle: "{intent} via {tool}",
+    pathRead: "read",
+    pathWrite: "write",
+    pathSandboxLabel: "sandbox",
+    pathAllowPrefixLabel: "allow prefix",
     runOnce: "Run once",
     alwaysAllow: 'Always allow "{prefix}"',
     deny: "Deny",
@@ -19848,6 +19864,14 @@ var zhCN = {
     effortHigh: "high\uFF08\u66F4\u4FBF\u5B9C / \u66F4\u5FEB\uFF09",
     webSearch: "\u7F51\u9875\u641C\u7D22",
     webSearchNote: "web_fetch + web_search \u5DE5\u5177",
+    webSearchEngine: "\u641C\u7D22\u5F15\u64CE",
+    webSearchEngineBing: "bing \u2014 \u9ED8\u8BA4\uFF0C\u56FD\u5185\u88F8 IP \u76F4\u8FDE\uFF0C\u65E0\u9700\u4EE3\u7406",
+    webSearchEngineSearxng: "searxng \u2014 \u81EA\u6258\u7BA1\uFF08\u7AEF\u70B9\u7528 /se searxng <url> \u914D\u7F6E\uFF09",
+    webSearchEngineMetaso: "metaso \u2014 \u6BCF\u65E5 100 \u6B21\u514D\u8D39\uFF08\u56FD\u5185\u53CB\u597D\uFF0Cmetaso.cn \u53EF\u9886\u514D\u8D39 key\uFF09",
+    webSearchEngineTavily: "tavily \u2014 \u6BCF\u6708 1000 \u6B21\u514D\u8D39\uFF08\u8BBE\u7F6E TAVILY_API_KEY\uFF09",
+    webSearchEnginePerplexity: "perplexity \u2014 AI \u76F4\u63A5\u56DE\u7B54\uFF08\u8BBE\u7F6E PERPLEXITY_API_KEY\uFF09",
+    webSearchEngineExa: "exa \u2014 AI \u76F4\u63A5\u56DE\u7B54\uFF0C\u6BCF\u6708 1000 \u6B21\u514D\u8D39\uFF08\u8BBE\u7F6E EXA_API_KEY\uFF09",
+    webSearchEngineNote: "\u4E0B\u4E00\u6B21 web_search \u8C03\u7528\u751F\u6548",
     sectionCompute: "\u8BA1\u7B97",
     proNext: "/pro \u5355\u8F6E",
     proArm: "\u4E3A\u4E0B\u4E00\u8F6E\u88C5\u5907",
@@ -19894,6 +19918,8 @@ var zhCN = {
     modeView: "\u4F1A\u8BDD\u89C6\u56FE",
     placeholder: "\u8F93\u5165\u63D0\u793A\u8BCD \u2014 Enter \u53D1\u9001\uFF0CShift+Enter \u6362\u884C \xB7 / @ \u6253\u5F00\u9009\u62E9\u5668",
     placeholderBusy: "\u8BF7\u7B49\u5F85\u5F53\u524D\u8F6E\u6B21\u5B8C\u6210\u2026",
+    placeholderSteerBusy: "\u8F93\u5165\u6D88\u606F\u4EE5\u5F15\u5BFC\u5F53\u524D\u4EFB\u52A1 \u2014 \u5FD9\u788C\u65F6\u4E0D\u652F\u6301\u547D\u4EE4\u548C\u9009\u62E9\u5668",
+    steerHint: "\u6D88\u606F\u5C06\u4F5C\u4E3A\u9644\u52A0\u6307\u793A\u5F15\u5BFC\u5F53\u524D\u8F6E\u6B21",
     send: "\u53D1\u9001",
     new: "\u65B0\u5EFA",
     clear: "\u6E05\u9664",
@@ -20373,6 +20399,12 @@ var zhCN = {
     shellBgTitle: "\u540E\u53F0\u8FDB\u7A0B",
     shellSubtitle: "\u6A21\u578B\u60F3\u8981\u8FD0\u884C\u4E00\u6761 Shell \u547D\u4EE4",
     shellBgSubtitle: "\u957F\u65F6\u95F4\u8FD0\u884C \u2014 \u6279\u51C6\u540E\u7EE7\u7EED\u8FD0\u884C",
+    pathTitle: "\u6C99\u7BB1\u5916\u6587\u4EF6\u8BBF\u95EE",
+    pathSubtitle: "{intent} \xB7 \u901A\u8FC7 {tool}",
+    pathRead: "\u8BFB\u53D6",
+    pathWrite: "\u5199\u5165",
+    pathSandboxLabel: "\u6C99\u7BB1",
+    pathAllowPrefixLabel: "\u5141\u8BB8\u524D\u7F00",
     runOnce: "\u8FD0\u884C\u4E00\u6B21",
     alwaysAllow: '\u59CB\u7EC8\u5141\u8BB8 "{prefix}"',
     deny: "\u62D2\u7EDD",
@@ -23255,6 +23287,29 @@ function ShellModal({ modal, onResolve }) {
     <//>
   `;
 }
+function PathModal({ modal, onResolve }) {
+  useLang();
+  const intentLabel = modal.intent === "write" ? t4("modal.pathWrite") : t4("modal.pathRead");
+  return html4`
+    <${ModalCard}
+      accent="#fbbf24"
+      icon="📂"
+      title=${t4("modal.pathTitle")}
+      subtitle=${t4("modal.pathSubtitle", { intent: intentLabel, tool: modal.toolName })}
+    >
+      <div class="modal-cmd"><code>${modal.path}</code></div>
+      <div class="modal-meta">
+        <div><span class="modal-meta-label">${t4("modal.pathSandboxLabel")}</span> <code>${modal.sandboxRoot}</code></div>
+        ${modal.allowPrefix && modal.allowPrefix !== modal.path ? html4`<div><span class="modal-meta-label">${t4("modal.pathAllowPrefixLabel")}</span> <code>${modal.allowPrefix}</code></div>` : null}
+      </div>
+      <div class="modal-actions">
+        <button class="primary" onClick=${() => onResolve("path", "run_once")}>${t4("modal.runOnce")}</button>
+        <button onClick=${() => onResolve("path", "always_allow")}>${t4("modal.alwaysAllow", { prefix: modal.allowPrefix ?? modal.path })}</button>
+        <button class="danger" onClick=${() => onResolve("path", "deny")}>${t4("modal.deny")}</button>
+      </div>
+    <//>
+  `;
+}
 function ChoiceModal({ modal, onResolve }) {
   useLang();
   const [custom, setCustom] = d2("");
@@ -25318,6 +25373,10 @@ function ChatPane(props) {
   }, []);
   const updatePopover = q2(
     async (text) => {
+      if (busy) {
+        setPopoverKind(null);
+        return;
+      }
       const slashMatch = /^\/([A-Za-z0-9_-]*)$/.exec(text);
       if (slashMatch) {
         const prefix = slashMatch[1].toLowerCase();
@@ -25331,14 +25390,41 @@ function ChatPane(props) {
         setPopoverSel(0);
         return;
       }
+      const mentionMatch = /(?:^|\s)@([^\s@]*)$/.exec(text);
+      if (mentionMatch && MODE === "attached") {
+        const prefix = mentionMatch[1] ?? "";
+        try {
+          const r3 = await api("/files", {
+            method: "POST",
+            body: { prefix }
+          });
+          const items = r3.files.slice(0, 12).map((f3) => ({
+            label: f3,
+            insert: `@${f3} `
+          }));
+          setPopoverKind("mention");
+          setPopoverItems(items);
+          setPopoverSel(0);
+        } catch {
+          setPopoverKind(null);
+        }
+        return;
+      }
       setPopoverKind(null);
     },
-    [slashCommands]
+    [busy, slashCommands]
   );
   const applyPopover = q2(() => {
     const item = popoverItems[popoverSel];
     if (!item) return false;
-    setInput(item.insert);
+    if (popoverKind === "slash") {
+      setInput(item.insert);
+    } else if (popoverKind === "mention") {
+      const m3 = /(?:^|\s)@([^\s@]*)$/.exec(input);
+      if (!m3) return false;
+      const start = input.length - m3[0].length + (m3[0].startsWith(" ") ? 1 : 0);
+      setInput(`${input.slice(0, start)}${item.insert}`);
+    }
     setPopoverKind(null);
     return true;
   }, [popoverItems, popoverSel, popoverKind, input]);
@@ -25353,7 +25439,6 @@ function ChatPane(props) {
   );
   const send = q2(async () => {
     const text = input.trim();
-    if (busy) return;
     if (!text && props.comments.length === 0) return;
     setError(null);
     let prompt = text;
@@ -25377,7 +25462,7 @@ ${commentRefs}` : commentRefs;
     } catch (err) {
       setError(err.message);
     }
-  }, [input, busy, props.comments]);
+  }, [input, props.comments]);
   const abort = q2(async () => {
     try {
       await api("/abort", { method: "POST" });
@@ -25521,7 +25606,7 @@ ${commentRefs}` : commentRefs;
           <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">
-                    <div class="popover-h">${t4("chat.slashCommands")}</div>
+                    <div class="popover-h">${popoverKind === "slash" ? t4("chat.slashCommands") : t4("chat.projectFiles")}</div>
                     ${popoverItems.map(
     (it, i3) => html6`
                         <div
@@ -25532,7 +25617,7 @@ ${commentRefs}` : commentRefs;
       applyPopover();
     }}
                         >
-                          <span class="g">/</span>
+                          <span class="g">${popoverKind === "slash" ? "/" : "@"}</span>
                           <span class="name">${it.label}</span>
                           ${it.meta ? html6`<span class="meta">${it.meta}</span>` : null}
                         </div>
@@ -25543,19 +25628,18 @@ ${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=${busy ? t4("chat.placeholderBusy") : props.comments.length > 0 ? "\u603B\u7ED3\u8BC4\u8BBA..." : t4("changes.chatPlaceholder")}
+              placeholder=${busy ? t4("chat.placeholderSteerBusy") : 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>
           <div style=${{ display: "flex", flexDirection: "column", gap: "6px", flexShrink: 0 }}>
-            <button class="primary" onClick=${send} disabled=${busy || !input.trim() && props.comments.length === 0} style=${{ padding: "8px 12px", borderRadius: "4px" }}>${t4("changes.chatSend")}</button>
+            <button class="primary" onClick=${send} disabled=${!input.trim() && props.comments.length === 0} style=${{ padding: "8px 12px", borderRadius: "4px" }}>${t4("changes.chatSend")}</button>
             <div style=${{ display: "flex", gap: "6px" }}>
               <button onClick=${newConversation} title=${t4("changes.newTitle")}>${t4("changes.newConversation")}</button>
               <button onClick=${clearScrollback} title=${t4("changes.clearTitle")}>${t4("changes.clearConversation")}</button>
@@ -26090,7 +26174,7 @@ function ChatPanel() {
             </div>` : null}
       ${error ? html4`<div class="notice err">${error}</div>` : null}
 
-      ${modal ? modal.kind === "shell" ? html4`<${ShellModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "choice" ? html4`<${ChoiceModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "plan" ? html4`<${PlanModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "edit-review" ? html4`<${EditReviewModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "workspace" ? html4`<${WorkspaceModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "checkpoint" ? html4`<${CheckpointModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "revision" ? html4`<${RevisionModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "picker" ? html4`<${PickerModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "viewer" ? html4`<${ViewerModal} modal=${modal} onResolve=${resolveModal} />` : null : null}
+      ${modal ? modal.kind === "shell" ? html4`<${ShellModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "path" ? html4`<${PathModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "choice" ? html4`<${ChoiceModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "plan" ? html4`<${PlanModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "edit-review" ? html4`<${EditReviewModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "workspace" ? html4`<${WorkspaceModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "checkpoint" ? html4`<${CheckpointModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "revision" ? html4`<${RevisionModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "picker" ? html4`<${PickerModal} modal=${modal} onResolve=${resolveModal} />` : modal.kind === "viewer" ? html4`<${ViewerModal} modal=${modal} onResolve=${resolveModal} />` : null : null}
 
       <div class="chat-body">
         <div class="chat-main">
@@ -26135,6 +26219,10 @@ var ChatInput = N2(function ChatInput2({
   const composing = A2(false);
   const updatePopover = q2(
     async (text) => {
+      if (busy) {
+        setPopoverKind(null);
+        return;
+      }
       const slashMatch = /^\/([A-Za-z0-9_-]*)$/.exec(text);
       if (slashMatch) {
         const prefix = slashMatch[1].toLowerCase();
@@ -26170,7 +26258,7 @@ var ChatInput = N2(function ChatInput2({
       }
       setPopoverKind(null);
     },
-    [slashCommands]
+    [busy, slashCommands]
   );
   const applyPopover = q2(() => {
     const item = popoverItems[popoverSel];
@@ -26188,10 +26276,10 @@ var ChatInput = N2(function ChatInput2({
   }, [popoverItems, popoverSel, popoverKind, input]);
   const send = q2(async () => {
     const text = input.trim();
-    if (!text || busy) return;
+    if (!text) return;
     const res = await onSubmit(text);
     if (res.accepted) setInput("");
-  }, [input, busy, onSubmit]);
+  }, [input, onSubmit]);
   const onInput = q2(
     (e3) => {
       const v3 = e3.target.value;
@@ -26269,21 +26357,20 @@ var ChatInput = N2(function ChatInput2({
             </div>
           ` : null}
       <textarea
-        placeholder=${busy ? t4("chat.placeholderBusy") : t4("chat.placeholder")}
+        placeholder=${busy ? t4("chat.placeholderSteerBusy") : t4("chat.placeholder")}
         value=${input}
         onInput=${onInput}
         onKeyDown=${onKeyDown}
         onCompositionStart=${onCompositionStart}
         onCompositionEnd=${onCompositionEnd}
         onBlur=${() => setTimeout(() => setPopoverKind(null), 150)}
-        disabled=${busy}
         rows="2"
       ></textarea>
       <div style="display: flex; flex-direction: column; gap: 6px; align-self: stretch; justify-content: flex-end;">
         <button
           class="primary"
           onClick=${send}
-          disabled=${busy || !input.trim()}
+          disabled=${!input.trim()}
         >${t4("chat.send")}</button>
         <div style="display: flex; gap: 6px;">
           <button onClick=${onNew} title=${t4("chat.newTitle")}>${t4("chat.new")}</button>
@@ -29546,6 +29633,26 @@ function SettingsPanel() {
             >${v3.search ? t4("common.on") : t4("common.off")}</button>
           `,
     t4("settings.webSearchNote")
+  )}
+        ${fieldRow(
+    t4("settings.webSearchEngine"),
+    html4`
+            <select
+              value=${["bing", "searxng", "metaso", "tavily", "perplexity", "exa"].includes(
+      v3.webSearchEngine ?? ""
+    ) ? v3.webSearchEngine : "bing"}
+              onChange=${(e3) => save({ webSearchEngine: e3.target.value })}
+              disabled=${saving || !v3.search}
+            >
+              <option value="bing">${t4("settings.webSearchEngineBing")}</option>
+              <option value="searxng">${t4("settings.webSearchEngineSearxng")}</option>
+              <option value="metaso">${t4("settings.webSearchEngineMetaso")}</option>
+              <option value="tavily">${t4("settings.webSearchEngineTavily")}</option>
+              <option value="perplexity">${t4("settings.webSearchEnginePerplexity")}</option>
+              <option value="exa">${t4("settings.webSearchEngineExa")}</option>
+            </select>
+          `,
+    t4("settings.webSearchEngineNote")
   )}
       </div>