@tea-agent/loop-agent 0.39.0-next.8 → 0.39.0

package/dist/worker/console/static-src/operator-chat/chat-sse-events.js

@@ -10,7 +10,7 @@ import { parseAssistantContent } from "../../chat/assistant-content.js";
  * original request would have. `assistantId` is the in-flight assistant
  * message id to patch for streaming text; reconnect creates one if none. */
 export function createChatSseEventApplier(deps) {
-    const { refs, onReconcile, setError, setInterview, setHumanGateCards, setArtifactCards, setStreaming, setStreamingAssistantId, setUnread, setOperationCards, setUsage, setMessages, setToolCalls, } = deps;
+    const { refs, onReconcile, setError, setInterview, setHumanGateCards, setArtifactCards, setStreaming, setTurnPhase = () => undefined, setDeferredTurn = () => undefined, setStreamingAssistantId, setUnread, setOperationCards, setUsage, setMessages, setToolCalls, } = deps;
     return (eventName, data, assistantId, options) => {
         if (options?.generation !== undefined &&
             refs.sessionGenerationRef.current !== options.generation)
@@ -49,6 +49,41 @@ export function createChatSseEventApplier(deps) {
         const eventAt = typeof data.at === "string" && Number.isFinite(Date.parse(data.at))
             ? Date.parse(data.at)
             : Date.now();
+        if (eventName === "queue_update") {
+            const revision = typeof payload.revision === "number" ? payload.revision : -1;
+            setDeferredTurn((current) => {
+                if (current && revision < current.revision)
+                    return current;
+                return payload.deferredTurn && typeof payload.deferredTurn === "object"
+                    ? payload.deferredTurn
+                    : null;
+            });
+            return;
+        }
+        if (eventName === "user_message") {
+            const message = payload.message && typeof payload.message === "object"
+                ? payload.message
+                : null;
+            if (message &&
+                typeof message.id === "string" &&
+                typeof message.text === "string") {
+                const createdAt = typeof message.at === "string" && Number.isFinite(Date.parse(message.at))
+                    ? Date.parse(message.at)
+                    : Date.now();
+                setMessages((messages) => messages.some((item) => item.id === message.id)
+                    ? messages
+                    : [
+                        ...messages,
+                        {
+                            id: message.id,
+                            role: "user",
+                            text: message.text,
+                            createdAt,
+                        },
+                    ]);
+            }
+            return;
+        }
         if (turnId &&
             (eventName === "agent_start" || eventName === "message_update") &&
             refs.settledTurnIdsRef.current.has(turnId)) {
@@ -153,6 +188,7 @@ export function createChatSseEventApplier(deps) {
             }
             refs.streamingRef.current = true;
             setStreaming(true);
+            setTurnPhase("running");
             setStreamingAssistantId(resolvedAssistantId);
             return;
         }
@@ -168,6 +204,7 @@ export function createChatSseEventApplier(deps) {
                 refs.activeTurnIdRef.current = null;
             refs.streamingRef.current = false;
             setStreaming(false);
+            setTurnPhase("idle");
             setStreamingAssistantId(null);
             if (eventName === "agent_settled" &&
                 !replay &&
@@ -175,19 +212,30 @@ export function createChatSseEventApplier(deps) {
                 document.hidden) {
                 setUnread((current) => current + 1);
             }
-            setMessages((m) => m.filter((msg) => !(msg.id === resolvedAssistantId &&
-                msg.role === "assistant" &&
-                !msg.text.trim())));
-            // Close out tool calls that never got a tool_result (abort/fail):
-            // without this the process rail keeps showing "运行中" forever even
-            // though the turn is over. Match by turnId when the frame carries one
-            // (covers tools attributed to remapped/stale assistant ids); fall back
-            // to the resolved assistant id otherwise.
-            setToolCalls((prev) => prev.map((t) => t.status === "running" &&
-                ((turnId !== undefined && t.turnId === turnId) ||
-                    t.assistantMessageId === resolvedAssistantId)
-                ? { ...t, status: "error", finishedAt: Date.now() }
-                : t));
+            // Close dangling running tools first so the empty-bubble decision can
+            // see whether this assistant still owns any cards.
+            let assistantOwnsTools = false;
+            setToolCalls((prev) => {
+                assistantOwnsTools = prev.some((t) => t.assistantMessageId === resolvedAssistantId);
+                return prev.map((t) => t.status === "running" &&
+                    ((turnId !== undefined && t.turnId === turnId) ||
+                        t.assistantMessageId === resolvedAssistantId)
+                    ? { ...t, status: "error", finishedAt: Date.now() }
+                    : t);
+            });
+            // Drop only a true placeholder. An empty bubble that still owns tools
+            // (or has content blocks) is the grouping anchor; deleting it orphans
+            // the previous turn's bash cards onto the next prompt.
+            setMessages((m) => m.filter((msg) => {
+                if (msg.id !== resolvedAssistantId || msg.role !== "assistant") {
+                    return true;
+                }
+                if (msg.text.trim())
+                    return true;
+                if (msg.content && msg.content.length > 0)
+                    return true;
+                return assistantOwnsTools;
+            }));
             return;
         }
         if (eventName === "operation-ref" || eventName === "operation-status") {
@@ -227,6 +275,15 @@ export function createChatSseEventApplier(deps) {
                 const cacheWrite = sample.cacheWriteTokens ?? 0;
                 const total = sample.totalTokens ?? input + output + cacheRead + cacheWrite;
                 const cu = sample.contextUsage;
+                const nextContext = cu && typeof cu === "object"
+                    ? {
+                        tokens: typeof cu.tokens === "number" ? cu.tokens : null,
+                        contextWindow: typeof cu.contextWindow === "number"
+                            ? cu.contextWindow
+                            : 0,
+                        percent: typeof cu.percent === "number" ? cu.percent : null,
+                    }
+                    : current.contextUsage;
                 return {
                     inputTokens: current.inputTokens + input,
                     outputTokens: current.outputTokens + output,
@@ -236,18 +293,9 @@ export function createChatSseEventApplier(deps) {
                     cost: sample.cost === undefined
                         ? current.cost
                         : (current.cost ?? 0) + sample.cost,
-                    // Context usage is a live snapshot, not an accumulator: replace it.
-                    ...(cu && typeof cu === "object"
-                        ? {
-                            contextUsage: {
-                                tokens: typeof cu.tokens === "number" ? cu.tokens : null,
-                                contextWindow: typeof cu.contextWindow === "number"
-                                    ? cu.contextWindow
-                                    : 0,
-                                percent: typeof cu.percent === "number" ? cu.percent : null,
-                            },
-                        }
-                        : {}),
+                    // Context fill is independent of per-message token deltas. Keep the
+                    // last known snapshot unless this event carries a fresh one.
+                    ...(nextContext ? { contextUsage: nextContext } : {}),
                 };
             });
             return;

package/dist/worker/console/static-src/operator-chat/input-history.js

@@ -0,0 +1,76 @@
+/**
+ * Pure composer input-history state machine for Operator Chat.
+ *
+ * Extracted so ArrowUp/ArrowUp recall, unsent-draft retention and history
+ * recording can be unit-tested without mounting the React composer.
+ */
+export const INPUT_HISTORY_LIMIT = 100;
+export function createInputHistoryState() {
+    return { entries: [], index: -1, draft: "" };
+}
+/** Record one sent text and reset browsing back to the present draft. */
+export function recordInputHistoryEntry(state, text) {
+    if (!text.trim())
+        return state;
+    if (state.entries[state.entries.length - 1] === text) {
+        return state.index === -1 ? state : { ...state, index: -1, draft: "" };
+    }
+    const entries = [...state.entries, text].slice(-INPUT_HISTORY_LIMIT);
+    return { entries, index: -1, draft: "" };
+}
+/** Leave browse mode (manual typing edits the recalled text in place). */
+export function resetInputHistoryBrowsing(state) {
+    return state.index === -1 ? state : { ...state, index: -1 };
+}
+/**
+ * Recall an earlier input with the arrow keys (terminal-style).
+ *
+ * Up only engages while the caret sits on the first line and Down while it
+ * sits on the last line, so plain caret movement inside multi-line drafts is
+ * never swallowed. The unsent draft is stashed when browsing leaves the
+ * present position and restored when Down walks past the newest entry.
+ */
+export function navigateInputHistory(state, direction, context) {
+    const { text, caretStart, caretEnd } = context;
+    if (state.entries.length === 0)
+        return { handled: false };
+    if (direction === "up") {
+        if (text.slice(0, caretStart).includes("\n"))
+            return { handled: false };
+        if (state.index === -1) {
+            const index = state.entries.length - 1;
+            return {
+                handled: true,
+                state: { ...state, index, draft: text },
+                text: state.entries[index],
+            };
+        }
+        if (state.index === 0) {
+            // Already at the oldest entry: stay there (terminal behaviour).
+            return { handled: true, state, text: state.entries[0] };
+        }
+        const index = state.index - 1;
+        return {
+            handled: true,
+            state: { ...state, index },
+            text: state.entries[index],
+        };
+    }
+    if (state.index === -1)
+        return { handled: false };
+    if (text.slice(caretEnd).includes("\n"))
+        return { handled: false };
+    if (state.index >= state.entries.length - 1) {
+        return {
+            handled: true,
+            state: { ...state, index: -1 },
+            text: state.draft,
+        };
+    }
+    const index = state.index + 1;
+    return {
+        handled: true,
+        state: { ...state, index },
+        text: state.entries[index],
+    };
+}

package/dist/worker/console/static-src/operator-chat/mutation-gate.js

@@ -30,7 +30,7 @@ export function isStaleTokenFailure(code) {
 /** Chinese, actionable copy for mutation-gate rejections. */
 export function describeMutationGateFailure(code) {
     if (isStaleTokenFailure(code)) {
-        return "页面已过期（控制台已重启），请刷新页面（F5）后重试。";
+        return "页面凭证已失效（控制台可能已重启），请刷新页面（F5）后重试。";
     }
     if (code === "host-not-loopback") {
         return "请求主机校验失败：非回环绑定时要求 Host 头，请刷新页面或检查访问地址。";

package/dist/worker/console/static-src/operator-chat/open-preview-in-browser.js

@@ -0,0 +1,328 @@
+/** Shown near the preview header when window.open is blocked or Blob/URL creation fails. */
+export const PREVIEW_OPEN_POPUP_BLOCKED = "无法在浏览器中打开：弹窗被拦截";
+export const PREVIEW_TRUNCATION_NOTICE = "内容已截断，以下为已加载片段。";
+/** Window features that force a real OS window instead of a browser tab.
+ *  Do not include `noopener` here: browsers then return null even on success. */
+export function previewOpenWindowFeatures(input) {
+    const availWidth = input?.availWidth ?? 1440;
+    const availHeight = input?.availHeight ?? 900;
+    const width = Math.min(1280, Math.max(880, Math.floor(availWidth * 0.82)));
+    const height = Math.min(960, Math.max(640, Math.floor(availHeight * 0.88)));
+    return [
+        "popup=yes",
+        `width=${width}`,
+        `height=${height}`,
+        "left=72",
+        "top=36",
+        "menubar=yes",
+        "toolbar=yes",
+        "location=yes",
+        "status=yes",
+        "resizable=yes",
+        "scrollbars=yes",
+    ].join(",");
+}
+export function escapeHtml(text) {
+    return text
+        .replaceAll("&", "&")
+        .replaceAll("<", "&lt;")
+        .replaceAll(">", "&gt;")
+        .replaceAll('"', "&quot;")
+        .replaceAll("'", "&#39;");
+}
+function normalizedLanguage(language) {
+    return language.trim().toLowerCase();
+}
+export function isHtmlPreviewLanguage(language) {
+    const lang = normalizedLanguage(language);
+    return lang === "html" || lang === "htm";
+}
+export function isMarkdownPreviewLanguage(language) {
+    const lang = normalizedLanguage(language);
+    return lang === "md" || lang === "markdown";
+}
+function formatTextBody(preview) {
+    if (normalizedLanguage(preview.language) !== "json")
+        return preview.content;
+    try {
+        return JSON.stringify(JSON.parse(preview.content), null, 2);
+    }
+    catch {
+        return preview.content;
+    }
+}
+function isSafeHttpHref(href) {
+    return /^https?:\/\//i.test(href.trim());
+}
+function renderMarkdownInline(text) {
+    const withCode = [];
+    const coded = text.replace(/`([^`]+)`/g, (_all, code) => {
+        withCode.push(`<code>${code}</code>`);
+        return `\u0000${withCode.length - 1}\u0000`;
+    });
+    const linked = coded.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (_all, label, href) => {
+        if (!isSafeHttpHref(href))
+            return label;
+        return `<a href="${href}" rel="noopener noreferrer" target="_blank">${label}</a>`;
+    });
+    const emphasized = linked
+        .replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>")
+        .replace(/__([^_]+)__/g, "<strong>$1</strong>")
+        .replace(/\*([^*]+)\*/g, "<em>$1</em>");
+    return emphasized.replace(/\u0000(\d+)\u0000/g, (_all, idx) => {
+        return withCode[Number(idx)] ?? "";
+    });
+}
+function flushParagraph(lines) {
+    if (!lines.length)
+        return "";
+    return `<p>${renderMarkdownInline(lines.join(" "))}</p>`;
+}
+function renderMarkdownBlocks(escaped) {
+    const lines = escaped.replaceAll("\r\n", "\n").split("\n");
+    const out = [];
+    let paragraph = [];
+    let listKind = null;
+    const closeList = () => {
+        if (listKind) {
+            out.push(listKind === "ul" ? "</ul>" : "</ol>");
+            listKind = null;
+        }
+    };
+    const closeParagraph = () => {
+        if (paragraph.length) {
+            out.push(flushParagraph(paragraph));
+            paragraph = [];
+        }
+    };
+    for (const line of lines) {
+        const heading = /^(#{1,6})\s+(.+)$/.exec(line);
+        if (heading) {
+            closeParagraph();
+            closeList();
+            const level = heading[1].length;
+            out.push(`<h${level}>${renderMarkdownInline(heading[2])}</h${level}>`);
+            continue;
+        }
+        if (/^---+$/.test(line.trim()) || /^\*\*\*+$/.test(line.trim())) {
+            closeParagraph();
+            closeList();
+            out.push("<hr>");
+            continue;
+        }
+        const quote = /^&gt;\s?(.*)$/.exec(line);
+        if (quote) {
+            closeParagraph();
+            closeList();
+            out.push(`<blockquote><p>${renderMarkdownInline(quote[1] ?? "")}</p></blockquote>`);
+            continue;
+        }
+        const ul = /^[-*]\s+(.+)$/.exec(line);
+        if (ul) {
+            closeParagraph();
+            if (listKind !== "ul") {
+                closeList();
+                out.push("<ul>");
+                listKind = "ul";
+            }
+            out.push(`<li>${renderMarkdownInline(ul[1])}</li>`);
+            continue;
+        }
+        const ol = /^\d+\.\s+(.+)$/.exec(line);
+        if (ol) {
+            closeParagraph();
+            if (listKind !== "ol") {
+                closeList();
+                out.push("<ol>");
+                listKind = "ol";
+            }
+            out.push(`<li>${renderMarkdownInline(ol[1])}</li>`);
+            continue;
+        }
+        if (line.trim() === "") {
+            closeParagraph();
+            closeList();
+            continue;
+        }
+        closeList();
+        paragraph.push(line);
+    }
+    closeParagraph();
+    closeList();
+    return out.join("\n");
+}
+/** Conservative Markdown → HTML for the detached reading tab. Input is escaped first. */
+export function renderMarkdownLite(source) {
+    const escaped = escapeHtml(source);
+    const chunks = [];
+    const fence = /```([^\n`]*)\n([\s\S]*?)```/g;
+    let last = 0;
+    let match;
+    while ((match = fence.exec(escaped))) {
+        if (match.index > last) {
+            chunks.push(renderMarkdownBlocks(escaped.slice(last, match.index)));
+        }
+        chunks.push(`<pre class="md-code"><code>${match[2] ?? ""}</code></pre>`);
+        last = match.index + match[0].length;
+    }
+    if (last < escaped.length) {
+        chunks.push(renderMarkdownBlocks(escaped.slice(last)));
+    }
+    return chunks.filter(Boolean).join("\n");
+}
+function readingPageCss() {
+    return `
+:root { color-scheme: light dark; }
+html, body { margin: 0; min-height: 100%; background: #f7f5f0; color: #1f1b16; }
+body { font: 16px/1.65 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
+.bar { position: sticky; top: 0; z-index: 1; display: flex; gap: 12px; align-items: center; padding: 10px 16px 10px 20px; border-bottom: 1px solid #e4ddd2; background: #fffdf8; }
+.bar .meta { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
+.bar strong { font-size: 13px; font-weight: 650; word-break: break-all; }
+.bar .kind { color: #6b6258; font-size: 12px; }
+.modes { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid #e4ddd2; border-radius: 8px; background: #f3eee6; }
+.modes button { appearance: none; border: 0; background: transparent; color: #6b6258; font: 12px/1.2 inherit; padding: 5px 10px; border-radius: 6px; cursor: pointer; }
+.modes button:hover { color: #1f1b16; }
+.modes button.is-active { background: #fff; color: #1f1b16; font-weight: 600; box-shadow: 0 1px 2px rgb(0 0 0 / 8%); }
+.notice { margin: 0; padding: 8px 20px; background: #fff6d8; color: #5c4b00; font-size: 13px; }
+.pane { display: none; }
+.pane.is-active { display: block; }
+.doc { max-width: 52rem; margin: 0 auto; padding: 32px 24px 96px; }
+.doc.md h1, .doc.md h2, .doc.md h3, .doc.md h4 { line-height: 1.25; margin: 1.4em 0 0.5em; }
+.doc.md h1 { font-size: 2rem; }
+.doc.md h2 { font-size: 1.45rem; }
+.doc.md p { margin: 0.8em 0; }
+.doc.md ul, .doc.md ol { margin: 0.6em 0; padding-left: 1.4em; }
+.doc.md blockquote { margin: 0.8em 0; padding: 0.2em 0.9em; border-left: 3px solid #d9cfc0; color: #4a433c; }
+.doc.md hr { border: 0; border-top: 1px solid #e4ddd2; margin: 1.6em 0; }
+.doc.md a { color: #0b57d0; }
+.doc.md code, .md-code, .source { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.92em; }
+.doc.md :not(pre) > code { padding: 0.1em 0.35em; border-radius: 4px; background: #efe8dc; }
+.md-code, .source { margin: 1em 0; padding: 14px 16px; overflow: auto; white-space: pre-wrap; background: #fff; border: 1px solid #e4ddd2; border-radius: 8px; }
+.frame { margin: 0; padding: 0; }
+iframe.page { display: block; width: 100%; height: calc(100vh - 53px); border: 0; background: #fff; }
+`.trim();
+}
+function formattedSource(preview) {
+    return escapeHtml(formatTextBody(preview));
+}
+function previewPane(preview) {
+    if (isHtmlPreviewLanguage(preview.language)) {
+        return `<div class="frame"><iframe class="page" sandbox="" srcdoc="${escapeHtml(preview.content)}"></iframe></div>`;
+    }
+    if (isMarkdownPreviewLanguage(preview.language)) {
+        return `<article class="doc md">${renderMarkdownLite(preview.content)}</article>`;
+    }
+    return `<article class="doc"><pre class="source">${formattedSource(preview)}</pre></article>`;
+}
+function sourcePane(preview) {
+    return `<article class="doc"><pre class="source">${formattedSource(preview)}</pre></article>`;
+}
+function readingPageScript() {
+    return `<script>
+(function () {
+  var previewBtn = document.getElementById("view-preview");
+  var sourceBtn = document.getElementById("view-source");
+  var previewPane = document.getElementById("pane-preview");
+  var sourcePane = document.getElementById("pane-source");
+  if (!previewBtn || !sourceBtn || !previewPane || !sourcePane) return;
+  function show(mode) {
+    var source = mode === "source";
+    previewBtn.classList.toggle("is-active", !source);
+    sourceBtn.classList.toggle("is-active", source);
+    previewBtn.setAttribute("aria-pressed", String(!source));
+    sourceBtn.setAttribute("aria-pressed", String(source));
+    previewPane.classList.toggle("is-active", !source);
+    sourcePane.classList.toggle("is-active", source);
+  }
+  previewBtn.addEventListener("click", function () { show("preview"); });
+  sourceBtn.addEventListener("click", function () { show("source"); });
+})();
+</script>`;
+}
+/** Build the Blob document HTML from the already-loaded preview snapshot. */
+export function buildPreviewBrowserDocument(preview) {
+    const title = escapeHtml(preview.path);
+    const notice = preview.truncated
+        ? `<p class="notice">${escapeHtml(PREVIEW_TRUNCATION_NOTICE)}</p>`
+        : "";
+    const lang = normalizedLanguage(preview.language);
+    return `<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>${title}</title>
+<style>
+${readingPageCss()}
+</style>
+</head>
+<body>
+<header class="bar">
+  <div class="meta">
+    <strong>${title}</strong>
+    <span class="kind">${escapeHtml(lang || "text")}${preview.truncated ? " · 已截断" : ""}</span>
+  </div>
+  <div class="modes" role="group" aria-label="查看模式">
+    <button type="button" id="view-preview" class="is-active" aria-pressed="true">预览</button>
+    <button type="button" id="view-source" aria-pressed="false">查看原文</button>
+  </div>
+</header>
+${notice}
+<div id="pane-preview" class="pane is-active">${previewPane(preview)}</div>
+<div id="pane-source" class="pane">${sourcePane(preview)}</div>
+${readingPageScript()}
+</body>
+</html>`;
+}
+function screenAvail() {
+    const screen = globalThis.screen;
+    return {
+        availWidth: screen?.availWidth,
+        availHeight: screen?.availHeight,
+    };
+}
+function defaultHost() {
+    const g = globalThis;
+    if (typeof g.open !== "function") {
+        throw new Error("window.open is unavailable");
+    }
+    return {
+        open: g.open.bind(g),
+        createObjectURL: g.URL.createObjectURL.bind(g.URL),
+        revokeObjectURL: g.URL.revokeObjectURL.bind(g.URL),
+    };
+}
+/**
+ * Open the current preview in a new OS window from already-loaded
+ * path/content/language/truncated. Does not fetch the repo file API again.
+ *
+ * Width/height window features ask the browser for a real window, not a tab.
+ * Do not pass `noopener` as a feature: browsers then return null even on
+ * success. Detach via `opener = null` after a real handle is obtained. Keep
+ * the Blob URL alive — revoking immediately blanks the page.
+ */
+export function openPreviewInBrowser(preview, host = defaultHost(), features = previewOpenWindowFeatures(screenAvail())) {
+    let objectUrl;
+    try {
+        const documentHtml = buildPreviewBrowserDocument(preview);
+        const blob = new Blob([documentHtml], { type: "text/html;charset=utf-8" });
+        objectUrl = host.createObjectURL(blob);
+        const opened = host.open(objectUrl, "_blank", features);
+        if (!opened) {
+            host.revokeObjectURL(objectUrl);
+            return { ok: false, error: PREVIEW_OPEN_POPUP_BLOCKED };
+        }
+        try {
+            opened.opener = null;
+        }
+        catch {
+            // Some hosts expose a frozen handle; the window is still open.
+        }
+        return { ok: true };
+    }
+    catch {
+        if (objectUrl)
+            host.revokeObjectURL(objectUrl);
+        return { ok: false, error: PREVIEW_OPEN_POPUP_BLOCKED };
+    }
+}