@xingjisoft/neutrino 0.5.2 → 0.6.2

package/web/i18n.js

@@ -79,6 +79,21 @@ export function locale() {
 }
 
 const ZH = {
+  "Agent mode": "Agent 模式",
+  "Standard mode": "标准模式",
+  "PTC mode": "PTC 模式",
+  "Fast mode": "快速模式",
+  "Professional mode": "专业模式",
+  "Full-featured Agent for every scenario": "功能完整的 Agent ，适用于所有场景",
+  "All standard capabilities, with code-based planning to save tokens": "拥有标准模式所有功能，通过代码实现规划，节省 Token ",
+  "Less thinking and fewer calls for quick answers": "减少思考和调用，迅速回答问题",
+  "Assign tasks to the best-suited models so multiple models complement each other": "适合需要多个模型取长补短的任务，将任务分给最适合他的模型",
+  "Applies to the next turn": "从下一轮开始生效",
+  "Changing mode…": "正在切换模式…",
+  "Could not change mode: {error}": "无法切换模式：{error}",
+  "Select a working directory first.": "请先选择工作目录。",
+  "Program": "程序",
+
   "Pro preset": "Pro 预设",
   "Preset": "预设",
   "Neutrino Pro": "Neutrino Pro",
@@ -218,6 +233,7 @@ const ZH = {
   "Choose a conversation from the sidebar to view it.": "从侧边栏选择一个对话查看。",
   "No conversations yet.": "暂无对话。",
   "No conversations in this folder yet.": "此文件夹中暂无对话。",
+  "New conversation in this folder": "在此文件夹中新建对话",
   "Type a message below to start a conversation in this folder.": "在下方输入消息，即可在此文件夹中开始对话。",
   "Send a message to get started.": "发送一条消息开始对话。",
   "This conversation is empty.": "此对话为空。",
@@ -268,6 +284,10 @@ const ZH = {
 
   // -- live status --------------------------------------------------------
   "paused": "已暂停",
+  "Stopping tasks…": "正在停止任务…",
+  "Blocked": "受阻",
+  "Cancelled": "已取消",
+  "Skipped": "已跳过",
   "working": "处理中",
   "idle": "空闲",
   "compressing": "正在压缩上下文",

package/web/index.html

@@ -129,6 +129,16 @@
           <div class="composer-inner">
             <div class="composer-card">
               <textarea id="input" rows="1" placeholder="Message Neutrino…" aria-label="Message" data-i18n-placeholder="Message Neutrino…"></textarea>
+              <details id="agent-mode-picker" class="agent-mode-picker">
+                <summary aria-label="Agent mode" data-i18n-aria-label="Agent mode"><strong id="agent-mode-label" data-i18n="Standard mode">Standard mode</strong><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="m7 10 5 5 5-5" /></svg></summary>
+                <div class="agent-mode-menu" role="menu" aria-label="Agent mode" data-i18n-aria-label="Agent mode">
+                  <button type="button" role="menuitemradio" aria-checked="true" data-agent-mode="standard"><span><strong data-i18n="Standard mode">Standard mode</strong><small data-i18n="Full-featured Agent for every scenario">Full-featured Agent for every scenario</small></span><svg class="agent-mode-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="m5 12 4 4L19 6" /></svg></button>
+                  <button type="button" role="menuitemradio" aria-checked="false" data-agent-mode="ptc"><span><strong data-i18n="PTC mode">PTC mode</strong><small data-i18n="All standard capabilities, with code-based planning to save tokens">All standard capabilities, with code-based planning to save tokens</small></span><svg class="agent-mode-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="m5 12 4 4L19 6" /></svg></button>
+                  <button type="button" role="menuitemradio" aria-checked="false" data-agent-mode="fast"><span><strong data-i18n="Fast mode">Fast mode</strong><small data-i18n="Less thinking and fewer calls for quick answers">Less thinking and fewer calls for quick answers</small></span><svg class="agent-mode-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="m5 12 4 4L19 6" /></svg></button>
+                  <button type="button" role="menuitemradio" aria-checked="false" data-agent-mode="pro"><span><strong data-i18n="Professional mode">Professional mode</strong><small data-i18n="Assign tasks to the best-suited models so multiple models complement each other">Assign tasks to the best-suited models so multiple models complement each other</small></span><svg class="agent-mode-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="m5 12 4 4L19 6" /></svg></button>
+                </div>
+                <p id="agent-mode-feedback" class="agent-mode-feedback" role="status" aria-live="polite"></p>
+              </details>
               <details id="model-picker" class="model-picker pro-preset-control hidden">
                 <summary id="model-picker-summary" aria-label="Conversation model" data-i18n-aria-label="Conversation model"><span id="model-picker-label"></span><svg class="pro-preset-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m7 10 5 5 5-5" /></svg></summary>
                 <div class="pro-preset-card model-picker-card">

package/web/style.css

@@ -413,11 +413,20 @@ svg {
   margin-bottom: 4px;
 }
 
+/* A folder row is two controls: the name folds the list, the plus beside it
+   opens a new conversation in that folder. */
+.group-head {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
 .group-header {
   display: flex;
   align-items: center;
   gap: 7px;
-  width: 100%;
+  flex: 1;
+  min-width: 0;
   height: 30px;
   padding: 0 8px;
   background: transparent;
@@ -461,16 +470,22 @@ svg {
   font-size: 12px;
 }
 
-.group-header .count {
-  flex: none;
-  min-width: 20px;
-  padding: 0 6px;
-  border-radius: 999px;
-  background: var(--surface-1);
+/* Small enough to sit on the folder row without competing with the name, and
+   dimmed so a long list of folders never reads as a wall of plus signs. */
+.group-new {
+  width: 22px;
+  height: 22px;
   color: var(--text-caption);
-  font-size: 10.5px;
-  line-height: 18px;
-  text-align: center;
+}
+
+.group-new svg {
+  width: 13px;
+  height: 13px;
+}
+
+.group-new:hover {
+  background: var(--surface-1);
+  color: var(--text-secondary);
 }
 
 .group-items {
@@ -1355,7 +1370,7 @@ svg {
   transform: rotate(90deg);
 }
 
-.turn-you {
+.turn-label {
   flex: 1 1 auto;
   min-width: 0;
   overflow: hidden;
@@ -1474,6 +1489,26 @@ svg {
   outline: none;
 }
 
+.agent-mode-picker { position: relative; align-self: center; margin-right: auto; min-width: 0; }
+.agent-mode-picker > summary { display: flex; align-items: center; gap: 7px; padding: 7px 9px; border-radius: var(--radius-sm); cursor: pointer; list-style: none; color: var(--text-secondary); font-size: 12px; }
+.agent-mode-picker > summary::-webkit-details-marker { display: none; }
+.agent-mode-picker > summary strong { font-weight: 600; }
+.agent-mode-picker > summary svg { width: 14px; height: 14px; }
+.agent-mode-picker > summary:hover, .agent-mode-picker[open] > summary { background: var(--surface-3); }
+.agent-mode-picker.is-pending > summary { color: var(--accent); }
+.agent-mode-menu { position: absolute; z-index: 35; left: 0; bottom: calc(100% + 10px); width: min(370px, calc(100vw - 48px)); max-height: min(520px, 60dvh); overflow-y: auto; padding: 6px; border: 1px solid var(--border-strong); border-radius: var(--radius-lg); background: var(--surface-1); box-shadow: var(--shadow-strong); }
+.agent-mode-menu > button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 12px; text-align: left; color: var(--text); background: transparent; border: 0; border-radius: var(--radius-sm); cursor: pointer; font-family: var(--font); }
+.agent-mode-menu > button:hover, .agent-mode-menu > button:focus-visible, .agent-mode-menu > button[aria-checked="true"] { background: var(--surface-3); }
+.agent-mode-menu > button > span { flex: 1; min-width: 0; }
+.agent-mode-menu strong { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 700; }
+.agent-mode-menu small { display: block; color: var(--text-tertiary); font-size: 12px; font-weight: 400; line-height: 1.55; }
+.agent-mode-check { flex: none; width: 16px; height: 16px; color: var(--accent); visibility: hidden; }
+.agent-mode-menu [aria-checked="true"] .agent-mode-check { visibility: visible; }
+.agent-mode-menu > button:disabled { opacity: .55; cursor: wait; }
+.agent-mode-feedback { position: absolute; bottom: 100%; left: 0; width: min(370px, calc(100vw - 48px)); margin: 0 0 5px; font-size: 11px; color: var(--text-secondary); }
+.agent-mode-feedback:empty, .agent-mode-picker[open] .agent-mode-feedback { display: none; }
+.agent-mode-feedback.error { color: var(--error, #ef8181); }
+.program-source { border-bottom: 1px solid var(--border-soft); }
 .pro-preset-control { position: relative; margin-left: auto; align-self: center; }
 .pro-preset-control > summary {
   display: flex; align-items: center; gap: 10px; padding: 7px 10px;
@@ -3308,6 +3343,13 @@ html.pro-transitioning body::before {
     min-height: 40px;
   }
 
+  /* The plus takes the same 40px target as the other icon buttons here, so
+     its icon grows with it instead of staying at the desktop size. */
+  .group-new svg {
+    width: 16px;
+    height: 16px;
+  }
+
   .main-header {
     display: grid;
     grid-template-columns: 40px minmax(0, 1fr);
@@ -3533,3 +3575,7 @@ html.pro-transitioning body::before {
     min-height: 64px;
   }
 }
+
+.plan-step.blocked .plan-node,
+.plan-step.blocked .plan-step-title strong { color: var(--orange, #dca548); }
+.plan-step.cancelled, .plan-step.skipped { opacity: .65; }

package/web/turns.js

@@ -2,9 +2,9 @@
 //
 // A conversation is a sequence of turns: each one starts at a user message and
 // runs until the next one. Once the agent has finished a turn, the browser folds
-// away the work it took — the prompt body, the thinking and the tool calls — and
-// keeps the final reply on screen, so a finished exchange always ends on its
-// answer. The complete round is still one click away.
+// away the work it took — the thinking and the tool calls — and keeps the full
+// user prompt and final reply on screen. The complete round is still one click
+// away.
 //
 // The thresholds mirror TURN_FOLD_MIN_BLOCKS / TURN_FOLD_MIN_CHARS in
 // src/screens/chat.ts, so the terminal and the browser fold the same turns.
@@ -33,8 +33,8 @@ export function turnAnswerIndex(messages) {
 
 /**
  * True when folding the work behind this turn saves more room than it costs.
- * The reply is never folded away, so it is not counted: a long answer on its own
- * must never collapse the turn that carries it.
+ * User input and the reply are never folded away, so neither counts toward the
+ * folding threshold, however long either one is.
  */
 export function turnFolds(messages) {
   const reply = turnAnswerIndex(messages);
@@ -42,7 +42,7 @@ export function turnFolds(messages) {
   let chars = 0;
   messages.forEach((message, index) => {
     if (index === reply) return;
-    if (message.role !== "user" && message.role !== "assistant") return;
+    if (message.role !== "assistant") return;
     blocks++;
     chars += String(message.content ?? "").length;
   });
@@ -50,8 +50,7 @@ export function turnFolds(messages) {
 }
 
 /**
- * The first line of the first message in `role`. One line only: the header is a
- * signpost, and the full text is one click away.
+ * The first nonempty line of the first message in `role` that contains text.
  */
 export function turnPreview(messages, role) {
   for (const message of messages) {