@xingjisoft/neutrino 0.6.0 → 0.7.0

package/web/app.js

@@ -1,7 +1,9 @@
+import { createPluginUI } from "./plugins.js";
+let pluginUI = null;
 import { createSettingsUI } from "./settings.js";
 import { createProUI } from "./pro.js";
 import { renderMarkdown as renderMarkdownHtml } from "./markdown.js";
-import { turnAnswerIndex, turnFolds, turnPreview, turnRanges } from "./turns.js";
+import { turnAnswerIndex, turnFolds, turnRanges } from "./turns.js";
 import { applyTranslations, getLanguage as currentLanguage, locale as currentLocale, setLanguage as setI18nLanguage, t as translate } from "./i18n.js";
 
 // Neutrino web UI — a dependency-free single page app.
@@ -596,9 +598,9 @@ function storedWorkspace() {
   return { key: pathKey(path), path };
 }
 
-const AGENT_MODE_LABELS = { standard: "Standard mode", ptc: "PTC mode", fast: "Fast mode", pro: "Professional mode" };
+const AGENT_MODE_LABELS = { standard: "Standard mode", ptc: "PTC mode", fast: "Fast mode", fast_dag: "Fast Mode", pro: "Professional mode" };
 let newAgentMode = readStorage("neutrino.agent-mode");
-if (!["standard", "ptc", "fast"].includes(newAgentMode)) newAgentMode = "standard";
+if (!["standard", "ptc", "fast", "fast_dag"].includes(newAgentMode)) newAgentMode = "standard";
 let agentModePending = Promise.resolve();
 let agentModeChanging = false;
 let workspaceNavigation = false;
@@ -625,7 +627,8 @@ function renderAgentMode() {
   el.modePicker.classList.toggle("is-pending", Boolean(agentModeChanging || nextTurn));
   for (const button of el.modePicker.querySelectorAll?.("[data-agent-mode]") || []) {
     button.setAttribute("aria-checked", String(button.dataset.agentMode === mode));
-    button.disabled = agentModeChanging || workspaceNavigation;
+    button.disabled = agentModeChanging || workspaceNavigation || (button.dataset.agentMode === "fast_dag" && state.overview?.fast_mode_enabled === false);
+    if (button.dataset.agentMode === "fast_dag") button.title = state.overview?.fast_mode_enabled === false ? tr("Fast Mode is disabled; select another mode.") : "";
   }
   if (el.modeFeedback) {
     el.modeFeedback.textContent = agentModeError || (agentModeChanging ? tr("Changing mode…") : nextTurn ? tr("Applies to the next turn") : "");
@@ -727,7 +730,7 @@ function initializeAgentMode() {
     if (event.key === "Escape") { el.modePicker.open = false; el.modePicker.querySelector("summary")?.focus(); event.stopPropagation(); }
     if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) return;
     event.preventDefault(); el.modePicker.open = true;
-    const buttons = [...el.modePicker.querySelectorAll("[data-agent-mode]")];
+    const buttons = [...el.modePicker.querySelectorAll("[data-agent-mode]")].filter(button => !button.disabled);
     let index = buttons.indexOf(document.activeElement);
     index = event.key === "Home" ? 0 : event.key === "End" ? buttons.length - 1 : (index + (event.key === "ArrowDown" ? 1 : -1) + buttons.length) % buttons.length;
     buttons[index]?.focus();
@@ -983,6 +986,7 @@ async function loadOverview(options = {}) {
     const overview = await response.json();
     if (gateShown) return;
     state.overview = overview;
+    if (el.modePicker) renderAgentMode();
     setStatus(state.selection?.kind === "live" ? "live" : "online", state.selection?.kind === "live" ? "live" : "online");
     renderWorkspaceChrome();
     renderSidebar();
@@ -1628,14 +1632,32 @@ function canPauseFromComposer() {
     && snapshot.busy && !snapshot.paused && !el.input.value.trim());
 }
 
+// A paused turn resumes from the composer button, exactly like an empty draft
+// pauses a running one: the draft wins, so typing always means "send".
+function canResumeFromComposer() {
+  const selection = state.selection;
+  const snapshot = state.snapshot;
+  return Boolean(selection?.kind === "live" && snapshot?.key === selection.key
+    && snapshot.paused && !el.input.value.trim());
+}
+
+function composerAction() {
+  if (canPauseFromComposer()) return "pause";
+  if (canResumeFromComposer()) return "resume";
+  return "send";
+}
+
 function renderComposerAction() {
-  const pause = canPauseFromComposer();
-  const label = pause ? "Pause" : "Send message";
-  el.send.classList.toggle("is-pause", pause);
-  el.send.setAttribute("data-i18n-title", label);
-  el.send.setAttribute("data-i18n-aria-label", label);
-  el.send.title = tr(label);
-  el.send.setAttribute("aria-label", tr(label));
+  const action = composerAction();
+  el.send.classList.toggle("is-pause", action === "pause");
+  el.send.classList.toggle("is-resume", action === "resume");
+  const [source, text] = action === "pause" ? ["Pause", tr("Pause")]
+    : action === "resume" ? ["Resume", tr("Resume")]
+      : ["Send message", tr("Send message")];
+  el.send.setAttribute("data-i18n-title", source);
+  el.send.setAttribute("data-i18n-aria-label", source);
+  el.send.title = text;
+  el.send.setAttribute("aria-label", text);
 }
 
 function hideComposer() {
@@ -1885,7 +1907,7 @@ function renderControls(snapshot) {
             ? reviewStatus(reviewing)
             : subagent
               ? tr("sub-agent: {label}", { label: subagent })
-              : tr("working")
+              : snapshot.fast && snapshot.activeAgentMode === "fast_dag" ? fastPhaseLabel(snapshot.fast.phase) : tr("working")
       : tr("idle");
   el.controls.appendChild(badge);
 
@@ -1896,12 +1918,15 @@ function renderControls(snapshot) {
     el.controls.appendChild(warning);
   }
 
-  if (snapshot.busy || snapshot.paused) {
+  // Resuming belongs to the composer button (see renderComposerAction), which
+  // offers "Continue" on an empty draft, so the status bar never shows a second
+  // way in. Pausing stays here, for a turn that is actually running.
+  if (snapshot.busy && !snapshot.paused) {
     const button = document.createElement("button");
     button.className = "control";
-    button.textContent = snapshot.paused ? tr("Resume") : tr("Pause");
+    button.textContent = tr("Pause");
     button.addEventListener("click", () => {
-      postAction(snapshot.key, snapshot.paused ? "resume" : "pause");
+      postAction(snapshot.key, "pause");
     });
     el.controls.appendChild(button);
   }
@@ -1953,30 +1978,48 @@ function renderMessageList(messages, streaming, options) {
     context.end <= original.length && typeof context.summary === "string" && context.summary.trim()
     ? context.end : 0;
   if (end) {
-    const details = document.createElement("details");
-    details.className = "conversation-history";
-    const summary = document.createElement("summary");
-    summary.textContent = typeof tr === "function"
-      ? tr("Earlier conversation · {n} messages", { n: end })
-      : `Earlier conversation · ${end} messages`;
-    details.appendChild(summary);
-    const body = document.createElement("div");
-    body.className = "history-messages";
-    details.appendChild(body);
-    const populate = () => {
-      if (body.childNodes.length) return;
-      original.slice(0, end).forEach((message, index) => body.appendChild(renderMessage(message, index)));
-    };
-    details.open = state.openContext === end;
-    if (details.open) populate();
-    details.addEventListener("toggle", () => {
-      // Detached disclosures can emit a delayed toggle during a stream repaint.
-      if (!details.isConnected) return;
-      state.openContext = details.open ? end : null;
-      if (details.open) populate();
-      else body.replaceChildren();
-    });
-    el.messages.appendChild(details);
+    // Keep user input in place and fold only the AI output between prompts.
+    // The disclosures share one expansion state for this compressed prefix.
+    const sections = [];
+    for (let index = 0; index < end;) {
+      if (original[index].role === "user") {
+        el.messages.appendChild(renderMessage(original[index], index));
+        index++;
+        continue;
+      }
+      const start = index;
+      while (index < end && original[index].role !== "user") index++;
+      const archived = original.slice(start, index);
+      const details = document.createElement("details");
+      details.className = "conversation-history";
+      const summary = document.createElement("summary");
+      summary.textContent = typeof tr === "function"
+        ? tr("Earlier conversation · {n} messages", { n: archived.length })
+        : `Earlier conversation · ${archived.length} messages`;
+      details.appendChild(summary);
+      const body = document.createElement("div");
+      body.className = "history-messages";
+      details.appendChild(body);
+      const populate = () => {
+        if (body.childNodes.length) return;
+        archived.forEach((message, offset) => body.appendChild(renderMessage(message, start + offset)));
+      };
+      const sync = (open) => {
+        if (details.open !== open) details.open = open;
+        if (open) populate();
+        else body.replaceChildren();
+      };
+      sections.push(sync);
+      sync(state.openContext === end);
+      details.addEventListener("toggle", () => {
+        // Detached disclosures can emit a delayed toggle during a stream repaint.
+        if (!details.isConnected) return;
+        const open = details.open;
+        state.openContext = open ? end : null;
+        for (const sync of sections) sync(open);
+      });
+      el.messages.appendChild(details);
+    }
   }
   // Render the tail one turn at a time: a finished turn folds its work behind a
   // summary line and keeps its reply; a running one stays fully open. The turn in
@@ -2010,6 +2053,7 @@ function renderMessageList(messages, streaming, options) {
 function renderMessage(message, index) {
   const article = document.createElement("article");
   article.className = `message ${message.role}`;
+  article.dataset.pluginMessage = String(index);
 
   if (message.role === "tool") {
     const details = document.createElement("details");
@@ -2058,8 +2102,8 @@ function renderMessage(message, index) {
 }
 
 /**
- * A finished turn: its work folded behind one control line, its reply always on
- * screen below it. The folded messages are rendered on first open and dropped
+ * A finished turn: its complete user input above the fold, its reply below it.
+ * The folded AI messages are rendered on first open and dropped
  * again on close, so a long transcript costs nothing until the reader asks for
  * it. Nothing is lost either way: this is presentation only, and the saved
  * transcript always holds every message.
@@ -2071,25 +2115,27 @@ function renderTurnFold(start, messages) {
     ? tr(text, values)
     : String(text).replace(/\{(\w+)\}/g, (match, name) =>
       values && Object.prototype.hasOwnProperty.call(values, name) ? String(values[name]) : match));
-  // The reply is never folded away, so a turn renders as a group: the fold (the
-  // prompt line plus the work it hides) and, right below it, the answer itself.
+  // User input and the reply stay outside the disclosure, in transcript order.
   const reply = turnAnswerIndex(messages);
   const group = document.createElement("div");
   group.className = "turn-group";
+  messages.forEach((message, offset) => {
+    if (message.role === "user") group.appendChild(renderMessage(message, start + offset));
+  });
 
   const details = document.createElement("details");
   details.className = "turn";
   details.open = state.openTurns.has(start);
 
-  const hidden = reply < 0 ? messages.length : messages.length - 1;
+  const hidden = messages.filter((message, offset) => message.role !== "user" && offset !== reply).length;
   const summary = document.createElement("summary");
   const chevron = document.createElement("span");
   chevron.className = "turn-chevron";
   chevron.innerHTML =
     '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 18 6-6-6-6"/></svg>';
-  const you = document.createElement("span");
-  you.className = "turn-you";
-  you.textContent = tx("You: {text}", { text: truncate(turnPreview(messages, "user"), 110) });
+  const label = document.createElement("span");
+  label.className = "turn-label";
+  label.textContent = "Neutrino";
   const meta = document.createElement("span");
   meta.className = "turn-meta";
   meta.textContent = tx("{n} of {m} messages folded", { n: hidden, m: messages.length });
@@ -2098,7 +2144,7 @@ function renderTurnFold(start, messages) {
   hint.className = "turn-hint";
   meta.appendChild(hint);
   summary.appendChild(chevron);
-  summary.appendChild(you);
+  summary.appendChild(label);
   summary.appendChild(meta);
   details.appendChild(summary);
   group.appendChild(details);
@@ -2114,7 +2160,7 @@ function renderTurnFold(start, messages) {
   const populate = () => {
     if (body.childNodes.length) return;
     messages.forEach((message, offset) => {
-      if (offset === reply) return; // the answer is never inside the fold
+      if (message.role === "user" || offset === reply) return;
       body.appendChild(renderMessage(message, start + offset));
     });
   };
@@ -2158,52 +2204,69 @@ function scrollToBottom() {
 
 async function postAction(key, action, body) {
   try {
-    await apiFetch(`/api/live/${encodeURIComponent(key)}/${action}`, {
+    const response = await apiFetch(`/api/live/${encodeURIComponent(key)}/${action}`, {
       method: "POST",
       headers: body ? { "Content-Type": "application/json" } : undefined,
       body: body ? JSON.stringify(body) : undefined,
     });
+    if (!response.ok) { const data = await response.json(); throw new Error(data.error || `HTTP ${response.status}`); }
+    return true;
   } catch (error) {
+    el.sub.textContent = error.message;
     console.error(error);
+    return false;
   }
 }
 
 function activateComposer() {
-  if (canPauseFromComposer()) return postAction(state.selection.key, "pause");
+  const action = composerAction();
+  if (action === "pause" || action === "resume") return postAction(state.selection.key, action);
   return sendMessage();
 }
 
 async function sendMessage() {
+  // Internal plugin requests pin their originating selection and can preserve the user draft.
+  const pluginRequest = arguments[0] ?? null;
+  // The keydown handler passes the text it saw: sendMessage awaits the agent-mode
+  // preference before touching the textarea, so reading it here is too late.
+  const submittedText = arguments[1] ?? null;
   try { await agentModePending; } catch (error) { el.sub.textContent = error.message; return; }
+  if (pluginRequest && state.selection !== pluginRequest.selection) throw new Error("Conversation changed before the plugin message was sent");
   const selection = state.selection;
   if (!selection) return;
-  const text = el.input.value;
+  const text = pluginRequest?.text ?? submittedText ?? el.input.value;
   if (!text.trim()) return;
   try {
     if (PRO_MODE) await proUI?.flush();
     else await preferences.flush?.();
   } catch (error) { el.sub.textContent = tr(error.message); return; }
-  if (state.selection !== selection) return;
+  if (state.selection !== selection) { if (pluginRequest) throw new Error("Conversation changed before the plugin message was sent"); return; }
+  const messagePayload = { text, ...(PRO_MODE ? {} : { agent_mode: currentAgentMode() }) };
 
   if (selection.kind === "live") {
-    el.input.value = "";
+    if (!pluginRequest?.preserveDraft) el.input.value = "";
     autosize();
-    await postAction(selection.key, "message", { text });
+    // A paused turn only queues the text, so a user send resumes right away: the
+    // message then starts the turn instead of waiting for a separate continue click.
+    const resumes = !pluginRequest && state.snapshot?.key === selection.key && Boolean(state.snapshot.paused);
+    const sent = await postAction(selection.key, "message", messagePayload);
+    if (sent === false) { if (!pluginRequest?.preserveDraft) el.input.value = text; autosize(); }
+    else if (resumes) await postAction(selection.key, "resume");
     return;
   }
 
   if (selection.kind === "new") {
     // A workspace landing page: typing starts a fresh conversation there, just
     // like typing on the terminal's start screen.
-    el.input.value = "";
+    if (!pluginRequest?.preserveDraft) el.input.value = "";
     autosize();
     try {
       const created = await createConversation(selection.cwd, preferences.defaultSelection?.());
       await selectLive(created.key);
       setConversationView(true);
-      await postAction(created.key, "message", { text });
+      if (await postAction(created.key, "message", messagePayload) === false) { if (!pluginRequest?.preserveDraft) el.input.value = text; autosize(); }
     } catch (error) {
-      el.input.value = text;
+      if (!pluginRequest?.preserveDraft) el.input.value = text;
       autosize();
       el.sub.textContent = tr("Could not start the conversation: {error}", { error: error.message });
     }
@@ -2211,13 +2274,13 @@ async function sendMessage() {
   }
 
   // Reading a saved transcript: resume it in the browser, then deliver the text.
-  el.input.value = "";
+  if (!pluginRequest?.preserveDraft) el.input.value = "";
   autosize();
   try {
     const key = await continueSession(selection.id);
-    await postAction(key, "message", { text });
+    if (await postAction(key, "message", messagePayload) === false) { if (!pluginRequest?.preserveDraft) el.input.value = text; autosize(); }
   } catch (error) {
-    el.input.value = text;
+    if (!pluginRequest?.preserveDraft) el.input.value = text;
     autosize();
     el.sub.textContent = tr("Could not continue this conversation: {error}", { error: error.message });
   }
@@ -2689,6 +2752,46 @@ async function loadFolder(path) {
   }
 }
 
+/**
+ * Ask the server to open the operating system's folder window.
+ *
+ * The browser's own picker never reveals an absolute path, so a working
+ * directory has to be chosen on the machine that runs the agent. Resolves to the
+ * chosen path, "" when the user closed the window, or null when this browser
+ * cannot use a system window: another device, or no desktop behind the server.
+ */
+async function pickFolderInSystemWindow(start, feedback) {
+  if (feedback) feedback.textContent = tr("Waiting for the folder window on your desktop…");
+  try {
+    const response = await apiFetch("/api/fs/pick", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ start, title: tr("Select a working directory") }),
+    });
+    const data = await response.json().catch(() => ({}));
+    if (!response.ok) return null;
+    return typeof data.path === "string" ? data.path : "";
+  } catch {
+    // A window that could not open is a reason to fall back, never an error.
+    return null;
+  } finally {
+    if (feedback) feedback.textContent = "";
+  }
+}
+
+/**
+ * Choose a working directory: the system folder window first, the in-page
+ * folder browser when no window can open here.
+ */
+async function chooseFolder({ start = "", onPick = null, feedback = null } = {}) {
+  const picked = await pickFolderInSystemWindow(start, feedback);
+  if (picked === null) {
+    openFolderDialog({ start, onPick });
+    return;
+  }
+  if (picked && typeof onPick === "function") onPick(picked);
+}
+
 function openFolderDialog({ start = "", onPick = null } = {}) {
   state.folder = {
     path: "",
@@ -2792,12 +2895,28 @@ function planStatusLabel(status) {
   return tr("Pending");
 }
 
+function fastPhaseLabel(phase) {
+  switch (phase) {
+    case "planning": return tr("Planning tasks");
+    case "executing": return tr("Running tasks concurrently");
+    case "verifying": return tr("Verifying local results");
+    case "integrating": return tr("Integrating results");
+    case "reviewing": return tr("Final global review");
+    case "completed": return tr("Fast Mode completed");
+    case "cancelled": return tr("Fast Mode cancelled");
+    case "cancelling": return tr("Stopping tasks…");
+    default: return tr("Fast Mode failed");
+  }
+}
+
 function renderPlanCard(source) {
   if (!el.planCard) return;
   const plan = source && source.plan && Array.isArray(source.plan.steps) && source.plan.steps.length ? source.plan : null;
   const tokens = source && source.tokens ? source.tokens : null;
   const hasUsage = tokens && (Number(tokens.prompt) > 0 || Number(tokens.completion) > 0);
-  if (!state.planOpen || (!plan && !hasUsage)) {
+  const fast = (source?.activeAgentMode === "fast_dag" || (!source?.activeAgentMode && source?.agent_mode === "fast_dag"))
+    ? source.fast || source.fast_run : null;
+  if (!state.planOpen || (!plan && !hasUsage && !fast)) {
     el.planCard.classList.add("hidden");
     el.planCard.replaceChildren();
     return;
@@ -2822,6 +2941,39 @@ function renderPlanCard(source) {
   head.append(title, close);
   card.appendChild(head);
 
+  if (fast) {
+    const progress = document.createElement("div");
+    progress.className = "fast-progress";
+    progress.setAttribute("role", "status");
+    progress.setAttribute("aria-live", "polite");
+    const phase = document.createElement("strong");
+    phase.textContent = tr("Fast Mode") + " · " + fastPhaseLabel(fast.phase);
+    const tasks = (fast.tasks || []).filter(task => !task.verifies);
+    const count = document.createElement("p");
+    count.textContent = tr("{running} running · {verified}/{total} verified", {
+      running: (fast.tasks || []).filter(task => task.status === "RUNNING" || (task.kind === "verification" && task.status === "VERIFYING")).length,
+      verified: tasks.filter(task => task.status === "COMPLETED").length, total: tasks.length,
+    });
+    progress.append(phase, count);
+    const list = document.createElement("ul");
+    for (const task of tasks) {
+      const row = document.createElement("li");
+      row.textContent = `${task.task_goal} · ${task.status}`;
+      list.appendChild(row);
+    }
+    progress.appendChild(list);
+    if (fast.error) {
+      const error = document.createElement("p");
+      error.className = "error"; error.textContent = fast.error;
+      const fallback = document.createElement("button");
+      fallback.type = "button"; fallback.className = "control";
+      fallback.textContent = tr("Select Standard mode to continue");
+      fallback.addEventListener("click", () => { agentModePending = chooseAgentMode("standard"); void agentModePending.catch(() => {}); });
+      progress.append(error, fallback);
+    }
+    card.appendChild(progress);
+  }
+
   if (plan) {
     if (plan.goal) {
       const goal = document.createElement("div");
@@ -3347,9 +3499,12 @@ el.back.addEventListener("click", () => setConversationView(false));
 el.send.addEventListener("click", activateComposer);
 el.input.addEventListener("input", autosize);
 el.input.addEventListener("keydown", (event) => {
+  // An Enter that picks an IME candidate belongs to the input method, not to us:
+  // preventDefault would cancel the commit and send the uncommitted composition.
+  if (event.isComposing || event.keyCode === 229) return;
   if (event.key === "Enter" && !event.shiftKey) {
     event.preventDefault();
-    sendMessage();
+    sendMessage(null, el.input.value);
   }
 });
 
@@ -3363,8 +3518,20 @@ el.workspaceAll.addEventListener("click", () => {
   showHome();
 });
 el.workspaceAdd.addEventListener("click", () => {
-  el.workspaceDialog.close();
-  openFolderDialog({ start: state.workspace?.path || state.workspaces?.cwd || "", onPick: (path) => openWorkspace(path) });
+  // The window opens on the desktop of the machine running the console, so this
+  // sheet stays open with a line saying where to look, and closes once a folder
+  // has been chosen (or when the in-page browser takes over).
+  const start = state.workspace?.path || state.workspaces?.cwd || "";
+  void pickFolderInSystemWindow(start, el.workspaceFeedback).then((picked) => {
+    if (picked === null) {
+      el.workspaceDialog.close();
+      openFolderDialog({ start, onPick: (path) => openWorkspace(path) });
+      return;
+    }
+    if (!picked) return;
+    el.workspaceDialog.close();
+    openWorkspace(picked);
+  });
 });
 el.agentsOpen.addEventListener("click", () => openAgentsDialog());
 el.agentMigrate.addEventListener("click", () => migrateSelectedAgentSession());
@@ -3386,8 +3553,9 @@ el.newChatForm.addEventListener("submit", (event) => {
   submitNewChat();
 });
 el.newChatBrowse.addEventListener("click", () => {
-  openFolderDialog({
+  void chooseFolder({
     start: el.newChatCwd.value.trim() || state.workspace?.path || "",
+    feedback: el.newChatFeedback,
     onPick: (path) => {
       el.newChatCwd.value = path;
       renderNewChatRecents();
@@ -3475,3 +3643,24 @@ loadSeen().then(() => loadOverview()).then(async () => {
   if (state.workspace && !state.selection) renderWorkspaceLanding(state.workspace.path);
 });
 setInterval(() => loadOverview({ silent: true }), REFRESH_MS);
+
+// The plugin shell consumes the same public conversation projection as the built-in UI.
+if (typeof createPluginUI === "function") pluginUI = createPluginUI({
+  profile: PRO_MODE ? "pro" : "standard",
+  api: apiFetch,
+  context: () => {
+    const data = state.snapshot ?? state.fileData ?? state.agentData ?? {};
+    const selection = state.selection;
+    return { identity:selection ? `${selection.kind}:${selection.key ?? selection.id ?? selection.cwd ?? ""}` : "",
+      cwd:data.cwd ?? selection?.cwd ?? state.workspace?.path ?? "",messages:data.messages ?? [],
+      plan:data.plan,model:data.model,streamingContent:data.streamingContent,pluginUI:data.task?.pluginUI,pluginPrompt:data.task?.pluginPrompt,pluginErrors:data.task?.pluginErrors };
+  },
+  getDraft: () => el.input.value,
+  setDraft: text => { el.input.value=text; autosize(); },
+  submit: async () => { if (!state.selection) throw new Error("Open a conversation first"); await sendMessage({ selection:state.selection,text:el.input.value }); },
+  command: async (name,args) => {
+    if (!state.selection) throw new Error("Open a conversation first");
+    await sendMessage({ selection:state.selection,text:`/plugin ${name} ${JSON.stringify(args)}`,preserveDraft:true });
+  },
+  notice: message => { el.sub.textContent=message; },
+});

package/web/i18n.js

@@ -81,11 +81,24 @@ export function locale() {
 const ZH = {
   "Agent mode": "Agent 模式",
   "Standard mode": "标准模式",
-  "PTC mode": "PTC模式",
+  "PTC mode": "PTC 模式",
   "Fast mode": "快速模式",
+  "Fast Mode": "极速模式",
+  "Fast Mode is disabled; select another mode.": "极速模式已关闭，请选择其他模式。",
+  "Dynamic task scheduling and concurrent execution shorten complex tasks while preserving reasoning capability.": "通过动态任务调度与多任务并发执行，大幅缩短复杂任务的完成时间，同时保持原有推理能力。",
+  "Planning tasks": "正在规划任务",
+  "Running tasks concurrently": "正在并发执行",
+  "Verifying local results": "正在执行局部验证",
+  "Integrating results": "正在整合结果",
+  "Final global review": "正在进行最终审查",
+  "Fast Mode completed": "极速模式已完成",
+  "Fast Mode failed": "极速模式执行失败",
+  "Fast Mode cancelled": "极速模式已取消",
+  "{running} running · {verified}/{total} verified": "{running} 个正在运行 · {verified}/{total} 个已验证",
+  "Select Standard mode to continue": "选择标准模式继续",
   "Professional mode": "专业模式",
-  "Full-featured Agent for every scenario": "功能完整的Agent，适用于所有场景",
-  "All standard capabilities, with code-based planning to save tokens": "拥有标准模式所有功能，通过代码实现规划，节省Token",
+  "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": "从下一轮开始生效",
@@ -180,6 +193,8 @@ const ZH = {
   "Open folder…": "打开文件夹…",
   "Open working directory": "打开工作目录",
   "Choose a folder to open as the working directory.": "选择一个文件夹作为工作目录。",
+  "Select a working directory": "选择工作目录",
+  "Waiting for the folder window on your desktop…": "正在等待桌面上的文件夹窗口…",
   "This folder no longer exists.": "此文件夹已不存在。",
   "{n} conversations": "{n} 个对话",
   "Recent folders": "最近文件夹",

package/web/index.html

@@ -25,6 +25,7 @@
     <title>Neutrino</title>
     <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f9fafb' stroke-width='1.7'%3E%3Cellipse cx='12' cy='12' rx='9.4' ry='3.8' transform='rotate(-30 12 12)'/%3E%3Ccircle cx='12' cy='12' r='3.1'/%3E%3C/svg%3E" />
     <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="plugins.css" />
   </head>
   <body>
     <div id="app">
@@ -135,6 +136,7 @@
                   <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 class="fast-mode-card" type="button" role="menuitemradio" aria-checked="false" data-agent-mode="fast_dag"><span><strong data-i18n="Fast Mode">Fast Mode</strong><small data-i18n="Dynamic task scheduling and concurrent execution shorten complex tasks while preserving reasoning capability.">Dynamic task scheduling and concurrent execution shorten complex tasks while preserving reasoning capability.</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>
@@ -182,7 +184,7 @@
                 </div>
               </details>
               <button id="send" class="primary" type="button" title="Send message" aria-label="Send message" data-i18n-title="Send message" data-i18n-aria-label="Send message">
-                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path class="send-icon" d="M12 19V5M5 12l7-7 7 7" /><rect class="pause-icon" x="5" y="5" width="14" height="14" rx="2" fill="currentColor" stroke="none" /></svg>
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path class="send-icon" d="M12 19V5M5 12l7-7 7 7" /><rect class="pause-icon" x="5" y="5" width="14" height="14" rx="2" fill="currentColor" stroke="none" /><path class="resume-icon" d="M8 5.6v12.8L19 12z" fill="currentColor" stroke="none" /></svg>
               </button>
             </div>
             <div class="composer-hint">

package/web/plugins.css

@@ -0,0 +1,10 @@
+.plugin-manager-body{display:flex;flex-direction:column;gap:14px}.plugin-dialog{width:min(860px,94vw)}
+.plugin-list{display:grid;gap:12px}.plugin-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1)}
+.plugin-card-heading,.plugin-actions,.plugin-install{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.plugin-card-heading{justify-content:space-between}.plugin-card code{font-size:12px;color:var(--text-caption)}
+.plugin-card p{margin:9px 0}.plugin-badge{font-size:11px;color:var(--accent);border:1px solid var(--accent-line);border-radius:20px;padding:3px 8px}.plugin-warning{color:var(--amber);font-size:13px}
+.plugin-config,.plugin-providers{display:grid;gap:10px;margin-top:12px}.plugin-field{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.plugin-field>span{flex:1}.plugin-field select,.plugin-field input:not([type=checkbox]){max-width:55%;min-width:140px}.plugin-field textarea{max-width:60%;min-height:90px;color:var(--text);background:var(--surface-code);border:1px solid var(--border)}
+.plugin-install input{flex:1}.plugin-details{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:280px;overflow:auto}.plugin-card summary{cursor:pointer;font-size:13px;margin-top:12px}
+.plugin-frame{width:100%;display:block;border:0;min-height:40px;background:transparent}.plugin-tabs,.plugin-toolbar,.plugin-header-actions,.plugin-menu{display:flex;flex-wrap:wrap;gap:7px}.plugin-tabs:empty,.plugin-toolbar:empty,.plugin-menu:empty{display:none}.plugin-tabs{padding:8px 22px}.plugin-tabs .control{font-size:12px}.plugin-toolbar{padding:0 0 7px}.plugin-sidebar{padding:8px 16px}.plugin-sidebar:empty{display:none}
+.plugin-panel{margin:8px 22px;padding:12px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md)}.plugin-panel-content{margin-top:10px}.plugin-skill-select{max-width:260px;font-size:12px}.plugin-composer-target{width:100%}
+.composer-card{border-radius:var(--neutrino-composer-radius,var(--radius-xl))}.message{border-radius:var(--neutrino-message-radius,0)}
+@media(max-width:640px){.plugin-field{align-items:flex-start;flex-direction:column}.plugin-field input:not([type=checkbox]),.plugin-field select,.plugin-field textarea{max-width:100%;width:100%}.plugin-panel{margin:6px}.plugin-actions .control{font-size:12px}}