@tea-agent/loop-agent 0.42.0-next.10 → 0.42.0-next.11

package/dist/worker/observe/static/index.html

@@ -132,8 +132,8 @@
 
         <section data-view="dag" id="view-dag" class="view" hidden>
           <div class="view-heading">
-            <p class="view-kicker">Agent DAG</p>
-            <h2>DAG 详情</h2>
+            <p class="view-kicker">自动执行流程</p>
+            <h2>运行详情</h2>
           </div>
           <section
             id="dag-relations"
@@ -240,11 +240,11 @@
         <section data-view="failures" id="view-failures" class="view" hidden>
           <div class="view-heading">
             <p class="view-kicker">Attention Queue</p>
-            <h2>异常 Task</h2>
+            <h2>异常任务</h2>
             <p>按运行状态和建议跟进项集中处理需要人工介入的 Task。</p>
           </div>
           <div id="failures-empty" class="panel empty-state" hidden>
-            当前没有异常 Task
+            当前没有异常任务
           </div>
           <section id="failures-list" class="panel panel-table"></section>
         </section>

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

@@ -1,3 +1,5 @@
+import { attemptFailureLabel } from "./dag-history-labels.js";
+
 export function buildPromptRestartCandidateOptions(
 	frozenPrompt,
 	failedCandidates,
@@ -5,7 +7,7 @@ export function buildPromptRestartCandidateOptions(
 	const options = [
 		{
 			key: "frozen",
-			label: "冻结原始提示词",
+			label: "运行开始时的提示词",
 			prompt: String(frozenPrompt ?? ""),
 			truncated: false,
 		},
@@ -27,7 +29,7 @@ export function buildPromptRestartCandidateOptions(
 				: "unknown";
 		options.push({
 			key: `attempt-${attempt}`,
-			label: `第 ${attempt} 次失败 · ${failureCategory}`,
+			label: `第 ${attempt} 次失败 · ${attemptFailureLabel(failureCategory)}`,
 			prompt: candidate.prompt,
 			truncated: candidate.truncated === true,
 		});

package/dist/worker/observe/static/relations.js

@@ -70,11 +70,11 @@ export function featureLookupState(snapshot, featureId) {
 
 export const RELATION_KIND_ORDER = ["feature", "task", "batch", "run", "dag"];
 export const RELATION_LABELS = {
-	feature: "Feature",
-	task: "Task",
-	batch: "Batch",
-	run: "Run",
-	dag: "DAG",
+	feature: "需求",
+	task: "任务",
+	batch: "任务批次",
+	run: "执行实例",
+	dag: "运行流程",
 };
 
 /**

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

@@ -1354,6 +1354,57 @@ body.is-resizing-dag-graph {
 	padding: var(--space-4);
 	overflow: auto;
 	overscroll-behavior: contain;
+	container-type: inline-size;
+}
+.dag-inspector-content.is-readable-page {
+	display: flex;
+	flex-direction: column;
+	gap: 14px;
+	background: color-mix(in srgb, var(--canvas-soft) 72%, var(--surface));
+}
+.inspector-page-lead {
+	position: relative;
+	flex: 0 0 auto;
+	min-width: 0;
+	padding: 13px 15px 14px 20px;
+	border: 1px solid var(--hairline);
+	border-radius: 12px;
+	background: var(--surface);
+	box-shadow: 0 4px 14px rgb(38 37 30 / 4%);
+	overflow: hidden;
+}
+.inspector-page-lead::before {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	width: 4px;
+	background: var(--orange);
+	content: "";
+}
+.inspector-page-lead h4,
+.inspector-page-lead p {
+	margin: 0;
+}
+.inspector-page-lead h4 {
+	margin-top: 3px;
+	color: var(--ink);
+	font-size: 16px;
+	line-height: 1.35;
+}
+.inspector-page-lead p {
+	margin-top: 5px;
+	max-width: 68ch;
+	color: var(--body);
+	font-size: 12px;
+	line-height: 1.55;
+}
+.inspector-page-eyebrow {
+	display: block;
+	color: var(--orange-active);
+	font-size: 9px;
+	font-weight: 800;
+	letter-spacing: 0.12em;
 }
 .dag-inspector-attempt-bar {
 	position: sticky;
@@ -2343,6 +2394,10 @@ body.is-resizing-dag-graph {
 }
 .node-input-semantics {
 	margin: 0;
+	padding: 9px 11px;
+	border: 1px dashed var(--hairline-strong);
+	border-radius: 9px;
+	background: color-mix(in srgb, var(--canvas-soft) 74%, var(--surface));
 	font-size: 12px;
 	font-weight: 600;
 	color: var(--muted);
@@ -2362,6 +2417,31 @@ body.is-resizing-dag-graph {
 	font-size: 12px;
 	font-weight: 600;
 }
+.dag-inspector-content.is-readable-page .node-input-section,
+.dag-inspector-content.is-readable-page .spec-evidence-section,
+.dag-inspector-content.is-readable-page
+	.node-transparency-root
+	> .node-input-summary {
+	padding: 14px 15px;
+	border: 1px solid var(--hairline);
+	border-radius: 12px;
+	background: var(--surface);
+	box-shadow: 0 3px 12px rgb(38 37 30 / 3%);
+}
+.dag-inspector-content.is-readable-page .node-input-section,
+.dag-inspector-content.is-readable-page .spec-evidence-section {
+	padding-bottom: 14px;
+}
+.dag-inspector-content.is-readable-page
+	.spec-evidence-section
+	+ .spec-evidence-section {
+	margin-top: 0;
+}
+.dag-inspector-content.is-readable-page .node-input-section h4,
+.dag-inspector-content.is-readable-page .spec-evidence-section h4 {
+	margin-bottom: 10px;
+	font-size: 13px;
+}
 .node-input-summary {
 	display: grid;
 	grid-template-columns: max-content 1fr;
@@ -2374,6 +2454,35 @@ body.is-resizing-dag-graph {
 	color: var(--muted);
 	font-weight: 600;
 }
+.dag-inspector-content.is-readable-page .node-input-summary dt[title] {
+	cursor: help;
+	text-decoration: underline dotted color-mix(in srgb, var(--muted) 48%, transparent);
+	text-underline-offset: 3px;
+}
+.dag-inspector-content.is-readable-page .node-input-summary dt[title]::after {
+	display: inline-grid;
+	place-items: center;
+	width: 13px;
+	height: 13px;
+	margin-left: 4px;
+	border: 1px solid var(--hairline-strong);
+	border-radius: 50%;
+	color: var(--muted);
+	font-size: 9px;
+	font-weight: 800;
+	line-height: 1;
+	content: "?";
+}
+.dag-inspector-content.is-readable-page .node-input-summary > dt,
+.dag-inspector-content.is-readable-page .node-input-summary > dd {
+	padding: 7px 0;
+	border-bottom: 1px solid color-mix(in srgb, var(--hairline) 72%, transparent);
+}
+.dag-inspector-content.is-readable-page
+	.node-input-summary
+	> :nth-last-child(-n + 2) {
+	border-bottom: 0;
+}
 .node-input-summary dd {
 	margin: 0;
 	color: var(--ink);
@@ -2442,6 +2551,33 @@ body.is-resizing-dag-graph {
 	border-radius: var(--radius-md);
 	background: var(--surface-2, #f3f1ec);
 }
+
+@container (max-width: 520px) {
+	.inspector-page-lead {
+		padding: 12px 13px 13px 18px;
+	}
+	.inspector-page-lead h4 {
+		font-size: 15px;
+	}
+	.dag-inspector-content.is-readable-page .node-input-section,
+	.dag-inspector-content.is-readable-page .spec-evidence-section,
+	.dag-inspector-content.is-readable-page
+		.node-transparency-root
+		> .node-input-summary {
+		padding: 12px;
+	}
+	.dag-inspector-content.is-readable-page .node-input-summary {
+		grid-template-columns: minmax(0, 1fr);
+		gap: 0;
+	}
+	.dag-inspector-content.is-readable-page .node-input-summary > dt {
+		padding: 8px 0 2px;
+		border-bottom: 0;
+	}
+	.dag-inspector-content.is-readable-page .node-input-summary > dd {
+		padding: 0 0 8px;
+	}
+}
 .node-artifact-card.is-consumed {
 	border-left: 3px solid var(--blue, #2563eb);
 }

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

@@ -202,7 +202,7 @@ export function renderDagGraph(dag, dagRunId, existingWrap = null) {
 			width: layout.width,
 			height: layout.height,
 			role: "img",
-			"aria-label": `DAG 依赖图，共 ${nodes.length} 个节点`,
+			"aria-label": `执行步骤关系，共 ${nodes.length} 个步骤`,
 		});
 		const defs = svgEl("defs");
 		const marker = svgEl("marker", {