@tea-agent/loop-agent 0.40.0-next.1 → 0.40.0-next.11

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

@@ -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

@@ -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,