npm - @tea-agent/loop-agent - Versions diffs - 0.40.0-next.2 → 0.40.0-next.4 - Mend

@tea-agent/loop-agent 0.40.0-next.2 → 0.40.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/dist/worker/observe/static/prompt-restart-candidates.js ADDED Viewed

@@ -0,0 +1,36 @@
+export function buildPromptRestartCandidateOptions(
+	frozenPrompt,
+	failedCandidates,
+) {
+	const options = [
+		{
+			key: "frozen",
+			label: "冻结原始提示词",
+			prompt: String(frozenPrompt ?? ""),
+			truncated: false,
+		},
+	];
+	const seen = new Set();
+	for (const candidate of [...(failedCandidates ?? [])].sort(
+		(a, b) => Number(a?.attempt ?? 0) - Number(b?.attempt ?? 0),
+	)) {
+		const attempt = Number(candidate?.attempt);
+		if (!Number.isSafeInteger(attempt) || attempt < 1 || seen.has(attempt)) {
+			continue;
+		}
+		if (typeof candidate?.prompt !== "string") continue;
+		seen.add(attempt);
+		const failureCategory =
+			typeof candidate.failureCategory === "string" &&
+			candidate.failureCategory.trim()
+				? candidate.failureCategory.trim()
+				: "unknown";
+		options.push({
+			key: `attempt-${attempt}`,
+			label: `第 ${attempt} 次失败 · ${failureCategory}`,
+			prompt: candidate.prompt,
+			truncated: candidate.truncated === true,
+		});
+	}
+	return options;
+}

package/dist/worker/observe/static/state.js CHANGED Viewed

@@ -82,8 +82,8 @@ export const uiState = {
 	dagNodeExecutionOutputLoading: false,
 	dagNodeExecutionOutputError: null,
 	dagNodeExecutionOutputKey: null,
-	/** When true,「执行过程」展开 message_start/end 原始协议事件。默认展开，用户可点选隐藏。 */
-	sessionTimelineShowProtocol: true,
+	/** When true,「执行过程」展开 message_start/end 原始协议事件。默认隐藏，用户可点选展开。 */
+	sessionTimelineShowProtocol: false,
 	/** Open <details> keys restored across timeline re-renders. */
 	sessionTimelineOpenDetails: null,
 	lastSnapshot: null,

package/dist/worker/observe/static/styles.css CHANGED Viewed

@@ -1222,6 +1222,13 @@ body.is-resizing-dag-graph {
 	font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
 	overflow-wrap: anywhere;
 }
+.dag-inspector-purpose {
+	margin: 0;
+	color: var(--muted);
+	font-size: 12px;
+	line-height: 1.45;
+	overflow-wrap: anywhere;
+}
 .dag-inspector-controls {
 	display: inline-flex;
 	align-items: center;
@@ -3570,71 +3577,386 @@ button.copy-command:focus-visible {
 }
 /* Experimental prompt-override rerun tab (only rendered with the mutation token). */
+#dag-inspector-panel-prompt-restart {
+	display: flex;
+	flex-direction: column;
+	min-height: 0;
+}
+#dag-inspector-panel-prompt-restart:has(.prompt-restart-panel.is-readonly) {
+	overflow: hidden;
+}
+.prompt-restart-panel,
 .prompt-restart-box {
 	display: flex;
 	flex-direction: column;
-	gap: 0.75rem;
-	padding: 0.5rem 0.25rem;
+	gap: var(--space-3);
+	min-width: 0;
+	flex: 1;
+}
+.prompt-restart-panel.is-readonly {
+	min-height: 0;
+	overflow: hidden;
+}
+.prompt-restart-panel.is-readonly .prompt-restart-prompt-card {
+	flex: 1 1 auto;
+	min-height: 12rem;
+}
+.prompt-restart-toolbar {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) auto;
+	gap: var(--space-3);
+	align-items: start;
+}
+.prompt-restart-mode-field {
+	min-width: 12.5rem;
+}
+.prompt-restart-banner {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 6px 10px;
+	padding: 10px 12px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-lg);
+	background: var(--canvas-soft);
+}
+.prompt-restart-banner.is-edit {
+	border-color: color-mix(in srgb, var(--orange) 28%, var(--hairline));
+	background: color-mix(in srgb, var(--orange-soft) 55%, var(--surface));
+}
+.prompt-restart-banner-kicker {
+	width: fit-content;
+	padding: 2px 8px;
+	border-radius: var(--radius-pill);
+	background: var(--surface-muted);
+	color: var(--muted);
+	font-size: 11px;
+	font-weight: 700;
+	letter-spacing: 0.02em;
+}
+.prompt-restart-banner.is-edit .prompt-restart-banner-kicker {
+	background: var(--orange-soft);
+	color: var(--orange-active);
+}
+.prompt-restart-banner-title,
+.prompt-restart-banner-body {
+	margin: 0;
+}
+.prompt-restart-banner-title {
+	color: var(--ink);
+	font-size: 13px;
+	font-weight: 700;
+	line-height: 1.35;
+}
+.prompt-restart-banner-body {
+	flex-basis: 100%;
+	color: var(--body);
+	font-size: 12px;
+	line-height: 1.5;
 }
 .prompt-restart-field {
 	display: flex;
 	flex-direction: column;
-	gap: 0.35rem;
+	gap: 6px;
+	min-width: 0;
+}
+.prompt-restart-field.is-hidden,
+.prompt-restart-prompt-card.is-hidden {
+	display: none;
+}
+.prompt-restart-label {
+	color: var(--ink);
+	font-size: 12px;
+	font-weight: 700;
+	letter-spacing: 0.01em;
+}
+.prompt-restart-hint {
+	margin: 0;
+	color: var(--muted);
+	font-size: 12px;
+	line-height: 1.45;
+}
+.prompt-restart-candidate-select {
+	display: block;
+	width: 100%;
+	min-width: 0;
+}
+.prompt-restart-candidate-select .custom-select-trigger {
+	width: 100%;
+}
+.prompt-restart-candidate-select .custom-select-menu {
+	z-index: 6;
+}
+.prompt-restart-mode-switch {
+	display: flex;
+	width: fit-content;
+	max-width: 100%;
+	gap: 4px;
+	padding: 4px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-pill);
+	background: var(--surface);
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option,
+.prompt-restart-mode-option {
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	flex: 0 0 auto;
+	width: auto;
+	min-height: 30px;
+	height: 30px;
+	padding: 0 12px;
+	border: 1px solid transparent;
+	border-radius: var(--radius-pill);
+	background: transparent;
+	color: var(--muted);
+	font-size: 12px;
+	font-weight: 700;
+	line-height: 1;
+	letter-spacing: 0;
+	white-space: nowrap;
+	box-shadow: none;
+	transform: none;
+	cursor: pointer;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option:hover,
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option:focus-visible,
+.prompt-restart-mode-option:hover,
+.prompt-restart-mode-option:focus-visible {
+	color: var(--ink);
+	background: var(--surface-muted);
+	border-color: transparent;
+	outline: none;
+	box-shadow: none;
+	transform: none;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option.is-selected,
+.prompt-restart-mode-option.is-selected {
+	background: var(--ink);
+	color: #fff;
+	border-color: transparent;
+}
+.prompt-restart-prompt-card {
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+	overflow: hidden;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-lg);
+	background: var(--surface);
+}
+.prompt-restart-prompt-head {
+	display: flex;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: var(--space-3);
+	padding: 10px 12px;
+	border-bottom: 1px solid var(--hairline);
+	background: var(--canvas-soft);
+}
+.prompt-restart-prompt-titles {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 6px 8px;
+	min-width: 0;
+}
+.prompt-restart-prompt-title {
+	color: var(--ink);
+	font-size: 13px;
+	font-weight: 700;
+	line-height: 1.3;
+}
+.prompt-restart-prompt-badge {
+	padding: 2px 8px;
+	border-radius: var(--radius-pill);
+	background: var(--surface-muted);
+	color: var(--muted);
+	font-size: 11px;
+	font-weight: 700;
+}
+.prompt-restart-prompt-meta {
+	flex-basis: 100%;
+	color: var(--muted);
+	font-size: 11px;
+	line-height: 1.3;
+}
+.prompt-restart-copy-icon {
+	flex: 0 0 auto;
+	margin-top: 1px;
+}
+.prompt-restart-prompt-actions {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	flex: 0 0 auto;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-prompt-fold,
+.prompt-restart-prompt-fold {
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 30px;
+	height: 30px;
+	padding: 0 10px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-pill);
+	background: var(--surface);
+	color: var(--body);
+	font-size: 12px;
+	font-weight: 700;
+	line-height: 1;
+	box-shadow: none;
+	transform: none;
+	cursor: pointer;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-prompt-fold:hover,
+.prompt-restart-prompt-fold:hover {
+	border-color: var(--hairline-strong);
+	background: var(--surface-muted);
+	color: var(--ink);
+	transform: none;
+}
+.prompt-restart-prompt-card.is-collapsed .prompt-restart-readonly {
+	display: none;
+}
+.prompt-restart-readonly {
+	margin: 0;
+	padding: 14px 16px;
+	overflow: auto;
+	background: var(--canvas-soft);
+	color: var(--ink);
+	font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
+	font-size: 12px;
+	line-height: 1.65;
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+	tab-size: 2;
+}
+.prompt-restart-panel.is-readonly .prompt-restart-readonly {
+	flex: 1 1 auto;
+	min-height: 0;
+	max-height: none;
+}
+.prompt-restart-panel.is-edit .prompt-restart-readonly {
+	max-height: min(36vh, 18rem);
 }
 .prompt-restart-textarea {
 	width: 100%;
 	min-height: 8rem;
 	resize: vertical;
 	box-sizing: border-box;
-	font-family: var(--mono-font, ui-monospace, SFMono-Regular, Menlo, monospace);
-	font-size: 12.5px;
-	line-height: 1.5;
-	white-space: pre;
-	overflow-wrap: normal;
+	padding: 12px 14px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-lg);
+	background: var(--canvas-soft);
+	color: var(--ink);
+	font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
+	font-size: 12px;
+	line-height: 1.65;
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
 	overflow-x: auto;
 }
-.prompt-restart-actions {
+.prompt-restart-textarea-work {
+	min-height: 10rem;
+}
+.prompt-restart-textarea:hover {
+	border-color: var(--hairline-strong);
+}
+.prompt-restart-textarea:focus-visible {
+	outline: 2px solid color-mix(in srgb, var(--orange) 55%, transparent);
+	outline-offset: 1px;
+	border-color: color-mix(in srgb, var(--orange) 35%, var(--hairline));
+}
+.prompt-restart-textarea-compact {
+	min-height: 4.5rem;
+}
+.prompt-restart-actions,
+.prompt-restart-footer {
 	display: flex;
-	gap: 0.5rem;
+	flex-wrap: wrap;
+	gap: var(--space-2);
 	align-items: center;
+	justify-content: flex-end;
 }
+.prompt-restart-footer {
+	position: sticky;
+	bottom: calc(-1 * var(--space-4));
+	z-index: 2;
+	margin-top: auto;
+	padding: 10px 0 2px;
+	border-top: 1px solid var(--hairline);
+	background: var(--surface);
+}
+.prompt-restart-footer .prompt-restart-status {
+	flex: 1 1 12rem;
+	min-width: 0;
+	margin-right: auto;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit,
 .prompt-restart-submit {
-	padding: 0.35rem 0.9rem;
-	font-size: 13.5px;
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 34px;
+	height: 34px;
+	padding: 0 16px;
+	border: 1px solid var(--orange);
+	border-radius: var(--radius-pill);
+	background: var(--orange);
+	color: #fff;
+	font-size: 13px;
+	font-weight: 700;
+	line-height: 1;
+	letter-spacing: 0.01em;
+	box-shadow: none;
+	transform: none;
 	cursor: pointer;
 }
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit:hover,
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit:focus-visible,
+.prompt-restart-submit:hover,
+.prompt-restart-submit:focus-visible {
+	background: var(--orange-active);
+	border-color: var(--orange-active);
+	color: #fff;
+	outline: none;
+	box-shadow: none;
+	transform: none;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit.is-secondary,
+.prompt-restart-submit.is-secondary {
+	border-color: var(--hairline);
+	background: var(--surface);
+	color: var(--ink);
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit.is-secondary:hover,
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit.is-secondary:focus-visible,
+.prompt-restart-submit.is-secondary:hover,
+.prompt-restart-submit.is-secondary:focus-visible {
+	border-color: var(--orange);
+	background: var(--orange-soft);
+	color: var(--orange-active);
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit:disabled,
 .prompt-restart-submit:disabled {
 	opacity: 0.55;
 	cursor: wait;
+	transform: none;
 }
 .prompt-restart-status {
 	margin: 0;
-	font-size: 13px;
 	min-height: 1.2em;
+	color: var(--body);
+	font-size: 13px;
 	white-space: pre-wrap;
 	word-break: break-word;
 }
 .prompt-restart-status.prompt-restart-error {
-	color: var(--red, #c0392b);
-}
-.prompt-restart-readonly {
-	margin: 0;
-	padding: 0.5rem 0.6rem;
-	font-family: var(--mono-font, ui-monospace, SFMono-Regular, Menlo, monospace);
-	font-size: 12.5px;
-	line-height: 1.5;
-	white-space: pre;
-	overflow: auto;
-	border: 1px solid var(--border-color, rgba(125, 125, 125, 0.35));
-	border-radius: 6px;
-	max-height: 60vh;
-}
-.prompt-restart-mode {
-	display: flex;
-	align-items: center;
-	gap: 0.5rem;
-}
-.prompt-restart-mode-select {
-	max-width: 100%;
-	font-size: 13px;
+	color: var(--red);
 }

package/dist/worker/observe/static/views/dag-graph.js CHANGED Viewed

@@ -22,6 +22,7 @@ import {
 	setDagGraphViewMode,
 	currentDagGraphViewMode,
 } from "../state.js";
+import { describeDagNodePurpose } from "../dag-node-purpose.js";
 import { selectDagNode } from "./dag-inspector.js";
 import { renderTrajectoryStoryboard } from "./dag-trajectory.js";
@@ -335,12 +336,13 @@ export function renderDagGraph(dag, dagRunId, existingWrap = null) {
 			const statusLine = `${statusSymbol(status)} ${statusLabel(node.status)} · ${formatMs(node.durationMs)}`;
 			// 节点宽 216、左右 padding≈14：按显示列宽截断（CJK 双宽）。
 			const maxDisplayWidth = Math.max(10, Math.floor((position.width - 28) / 7));
+			const purpose = describeDagNodePurpose(node.nodeId, node);
 			const group = svgEl("g", {
 				transform: `translate(${position.x} ${position.y})`,
 				class: `dag-graph-node status-${status}${node.nodeId === uiState.selectedDagNodeId ? " selected" : ""}${uiState.selectedDagNodeId && !related.has(node.nodeId) ? " dag-dimmed" : ""}`,
 				tabindex: 0,
 				role: "button",
-				"aria-label": `${node.nodeId}，状态 ${status}${historyLabel ? `，执行历史 ${historyLabel}` : ""}`,
+				"aria-label": `${node.nodeId}，${purpose ? `${purpose}，` : ""}状态 ${status}${historyLabel ? `，执行历史 ${historyLabel}` : ""}`,
 			});
 			group.appendChild(
 				svgEl("rect", { width: position.width, height: position.height, rx: 10 }),
@@ -352,7 +354,7 @@ export function renderDagGraph(dag, dagRunId, existingWrap = null) {
 					: "";
 			const attemptHint =
 				node.attemptCount > 0 ? `\nattempts: ${node.attemptCount}` : "";
-			title.textContent = `${node.nodeId}\n${node.executor ?? "未知执行器"}\n${status}${historyLabel ? `\n执行历史：${historyLabel}` : ""}${passHint}${attemptHint}`;
+			title.textContent = `${node.nodeId}${purpose ? `\n${purpose}` : ""}\n${node.executor ?? "未知执行器"}\n${status}${historyLabel ? `\n执行历史：${historyLabel}` : ""}${passHint}${attemptHint}`;
 			group.appendChild(title);
 			const label = svgEl("text", {
 				x: 14,