npm - @tea-agent/loop-agent - Versions diffs - 0.33.0 → 0.33.2 - Mend

@tea-agent/loop-agent 0.33.0 → 0.33.2

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 (49) hide show

package/dist/worker/console/static/index.html CHANGED Viewed

@@ -4,9 +4,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="stylesheet" href="/inspect/operator-chrome.css" />
     <title>Loop 操作台 · Operator Console</title>
-    <script type="module" crossorigin src="/assets/index-3R-GT3a_.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-B0EQt_yq.css">
+    <script type="module" crossorigin src="/assets/index-PzYzcuFG.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CnUXAqxG.css">
   </head>
   <body>
     <div id="root"></div>

package/dist/worker/console/static-src/app/useRecoveryConsole.js CHANGED Viewed

@@ -30,7 +30,8 @@ export function useRecoveryConsole(params) {
     const [inspectSplitOpen, setInspectSplitOpen] = useState(false);
     const inspectPath = useCallback(() => {
         if (dagRunId.trim()) {
-            return `/inspect/#/dag/${encodeURIComponent(dagRunId.trim())}`;
+            // from=recovery 激活统一壳的对象上下文 chip 与显式返回路径
+            return `/inspect/#/dag/${encodeURIComponent(dagRunId.trim())}?from=recovery`;
         }
         return "/inspect/#/";
     }, [dagRunId]);
@@ -91,7 +92,7 @@ export function useRecoveryConsole(params) {
         const resolved = await resolveDagRunForInspect();
         if (!resolved)
             return;
-        window.location.assign(`/inspect/#/dag/${encodeURIComponent(resolved)}`);
+        window.location.assign(`/inspect/#/dag/${encodeURIComponent(resolved)}?from=recovery`);
     }, [resolveDagRunForInspect]);
     const loadRecoveryRuns = useCallback(async () => {
         setRecoveryRunsLoading(true);

package/dist/worker/observe/routes.js CHANGED Viewed

@@ -201,9 +201,9 @@ export async function serveObserveStatic(req, res, staticDir, options = {}) {
     const url = new URL(req.url ?? "/", "http://localhost");
     let pathname = decodeURIComponent(url.pathname);
     const urlPrefix = options.urlPrefix?.replace(/\/$/, "");
-    const embeddedShell = Boolean(urlPrefix) &&
+    const withinPrefix = Boolean(urlPrefix) &&
         (pathname === urlPrefix || pathname.startsWith(`${urlPrefix}/`));
-    if (urlPrefix && embeddedShell) {
+    if (urlPrefix && withinPrefix) {
         pathname = pathname.slice(urlPrefix.length) || "/";
     }
     if (pathname === "/") {
@@ -221,13 +221,8 @@ export async function serveObserveStatic(req, res, staticDir, options = {}) {
         sendJson(res, 404, { error: "Not found" });
         return;
     }
-    let content = await readFile(resolvedFile);
+    const content = await readFile(resolvedFile);
     const contentType = contentTypeFor(pathname);
-    if (embeddedShell && contentType.startsWith("text/html")) {
-        content = Buffer.from(content
-            .toString("utf8")
-            .replace(/<body\b/i, '<body data-embedded-shell="true"'));
-    }
     res.writeHead(200, {
         "Content-Type": contentType,
         "Content-Length": content.byteLength,

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

@@ -67,6 +67,7 @@ import {
 	mergeSessionEvents,
 	renderSessionTimeline,
 } from "./views/session-timeline.js";
+import { mountOperatorChrome } from "./operator-chrome.js";
 // Compatibility re-exports for poll-stable UI helpers (owned by state.js / views):
 // reuse-dag-detail-shell, reuse-dag-graph-wrap, existingGraphWrap?.parentNode === ranksEl,
@@ -142,6 +143,16 @@ function route() {
 }
 if (typeof window !== "undefined") {
+	// 先同步挂载共享壳，再启动路由；首个 snapshot 的新鲜度不会因异步挂载丢失。
+	const chromeHost = document.getElementById("operator-chrome");
+	if (chromeHost) {
+		mountOperatorChrome(chromeHost, {
+			mode: "inspect",
+			liveLocation: true,
+			healthUrl: "/api/health",
+			readinessTitle: "Pi 状态（只读展示）。模型与认证管理在操作侧，点击进入。",
+		});
+	}
 	window.addEventListener("hashchange", route);
 	window.addEventListener("load", route);
 	document.addEventListener("pointerdown", closeDagInspectorOnOutsideClick);

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

@@ -11,47 +11,14 @@
       href="https://cdn.jsdelivr.net/npm/remixicon@4.6.0/fonts/remixicon.css"
     />
     <link rel="stylesheet" href="styles.css" />
+    <link rel="stylesheet" href="operator-chrome.css" />
   </head>
   <body data-shell="observe-console">
     <a class="skip-link" href="#main-content">跳到主内容</a>
-    <nav class="embedded-operator-nav" aria-label="Operator 导航">
-      <a href="/#/tasks">返回操作台</a>
-      <span aria-current="page">观测</span>
-    </nav>
+    <!-- 统一 Operator Chrome（操作/观测同壳）：由 operator-chrome.js 挂载 -->
+    <header id="operator-chrome"></header>
     <div id="app">
-      <header class="site-header">
-        <a href="#/" class="logo" aria-label="Loop Agent 运行看板首页">
-          <i class="ri-radar-line" aria-hidden="true"></i>
-          <span>Loop Agent</span>
-        </a>
-        <nav class="top-nav" aria-label="主导航">
-          <a href="#/" class="nav-link"
-            ><i class="ri-dashboard-3-line" aria-hidden="true"></i
-            ><span>总览</span></a
-          >
-          <a href="#/pool" class="nav-link"
-            ><i class="ri-database-2-line" aria-hidden="true"></i
-            ><span>资源池</span></a
-          >
-          <a href="#/failures" class="nav-link"
-            ><i class="ri-alarm-warning-line" aria-hidden="true"></i
-            ><span>异常 Task</span></a
-          >
-          <a href="#/night" class="nav-link"
-            ><i class="ri-moon-clear-line" aria-hidden="true"></i
-            ><span>夜间任务</span></a
-          >
-        </nav>
-        <div class="header-meta">
-          <i class="ri-live-line" aria-hidden="true"></i>
-          <span
-            id="header-refresh"
-            class="header-refresh"
-            aria-live="polite"
-          ></span>
-        </div>
-        <nav id="breadcrumb" class="breadcrumb" aria-label="面包屑"></nav>
-      </header>
+      <nav id="breadcrumb" class="breadcrumb" aria-label="面包屑"></nav>
       <main id="main-content" class="dashboard-main" tabindex="-1">
         <section
@@ -63,12 +30,13 @@
             <div class="view-heading page-header-heading">
               <h2>运行总览</h2>
             </div>
-            <div
-              id="dashboard-repo"
-              class="repo-banner repo-banner-inline"
-              aria-label="当前仓库"
-            ></div>
           </header>
+          <section
+            id="dashboard-night"
+            class="panel night-strip"
+            aria-label="昨夜班次"
+            hidden
+          ></section>
           <section
             id="dashboard-kpi"
             class="panel panel-kpi"
@@ -242,7 +210,7 @@
               >
                 刷新
               </button>
-              <a class="page-action-btn" href="/#/night">打开操作台 · 夜间</a>
+              <a class="page-action-btn" href="/#/night">在操作台管理 →</a>
             </div>
           </header>
           <section

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

@@ -1,7 +1,6 @@
-/** KPI cards, repo banner, projection fault, artifact/inbox links. */
+/** KPI cards, projection fault, artifact/inbox links. */
 import { UI_TEXT } from "./constants.js";
-import { clearNode, el } from "./dom.js";
-import { formatRepoPathDisplay, repoBaseName } from "./format.js";
+import { el } from "./dom.js";
 import { navigate } from "./router.js";
 export function failuresInboxLink(count) {
@@ -55,27 +54,6 @@ export function kpiCard(label, value, extraClass, helpText) {
 	return card;
 }
-export function renderRepoBanner(repoEl, snapshot) {
-	if (!repoEl) return;
-	clearNode(repoEl);
-	const repoRoot = snapshot.repoRoot ?? "";
-	const iconWrap = el("span", "repo-banner-icon");
-	const icon = el("i", "ri-git-repository-line");
-	icon.setAttribute("aria-hidden", "true");
-	iconWrap.appendChild(icon);
-	repoEl.appendChild(iconWrap);
-	const text = el("div", "repo-banner-text");
-	text.appendChild(el("span", "repo-banner-name", repoBaseName(repoRoot)));
-	const pathLine = el(
-		"span",
-		"repo-banner-path",
-		formatRepoPathDisplay(repoRoot),
-	);
-	pathLine.title = repoRoot || "路径未知";
-	text.appendChild(pathLine);
-	repoEl.appendChild(text);
-}
 export function renderProjectionFault(error) {
 	const banner = el("div", "projection-fault");
 	banner.setAttribute("role", "alert");

package/dist/worker/observe/static/operator-chrome.css ADDED Viewed

@@ -0,0 +1,480 @@
+/**
+ * Operator Chrome — 统一壳样式（Operate 与 Inspect 共用唯一来源）。
+ *
+ * 由统一 Console server 同时服务两侧：
+ *   - Inspect（/inspect/）以相对路径引入本文件；
+ *   - Operate（/）经 /inspect/operator-chrome.css 引入。
+ * 变量默认回退值与 observe/static/styles.css 及 console/static-src/styles.css
+ * 的暖白 token 保持一致；宿主样式表已定义同名变量时以宿主为准。
+ */
+.och {
+	--och-canvas: var(--canvas, #f7f7f4);
+	--och-surface: var(--surface, #ffffff);
+	--och-surface-muted: var(--surface-muted, #f0efe9);
+	--och-ink: var(--ink, #26251e);
+	--och-body: var(--body, #5a5852);
+	--och-muted: var(--muted, #807d72);
+	--och-muted-soft: var(--muted-soft, #a09c92);
+	--och-hairline: var(--hairline, #e6e5e0);
+	--och-hairline-strong: var(--hairline-strong, #cfcdc4);
+	--och-orange: var(--orange, #f54e00);
+	--och-orange-active: var(--orange-active, #d04200);
+	--och-green: var(--green, #1f8a65);
+	--och-amber: var(--amber, #a66a00);
+	--och-red: var(--red, #c72d53);
+	--och-mint: var(--mint, #d8ead5);
+	--och-peach: var(--peach, #f1d8cb);
+	--och-mono: var(
+		--font-mono,
+		"JetBrains Mono",
+		ui-monospace,
+		SFMono-Regular,
+		Menlo,
+		Consolas,
+		monospace
+	);
+	--och-shell-max: var(--shell-max, 1680px);
+	position: sticky;
+	top: 0;
+	z-index: 50;
+	border-bottom: 1px solid var(--och-hairline);
+	background: color-mix(in srgb, var(--och-canvas) 88%, transparent);
+	backdrop-filter: blur(12px);
+	-webkit-backdrop-filter: blur(12px);
+	font-family: inherit;
+}
+.och-inner {
+	width: min(100% - 48px, var(--och-shell-max));
+	margin: 0 auto;
+}
+/* Band 1 — 全局带：品牌 / 仓库身份 / 模式 / 对象上下文 / 状态格 */
+.och-global {
+	position: relative;
+	display: flex;
+	align-items: center;
+	gap: 12px;
+	height: 54px;
+}
+.och-brand {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+	font-size: 14px;
+	font-weight: 700;
+	letter-spacing: 0.01em;
+	color: var(--och-ink);
+	text-decoration: none;
+	white-space: nowrap;
+}
+.och-brand svg {
+	color: var(--och-orange);
+	flex-shrink: 0;
+}
+.och-brand:hover {
+	color: var(--och-orange-active);
+}
+.och-repo {
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	gap: 7px;
+	min-height: 30px;
+	padding: 0 11px;
+	border: 1px solid var(--och-hairline);
+	border-radius: 999px;
+	background: var(--och-surface);
+	color: var(--och-body);
+	font-size: 12px;
+	font-family: inherit;
+	white-space: nowrap;
+	cursor: pointer;
+	transition:
+		border-color 0.15s ease,
+		color 0.15s ease;
+}
+.och-repo:hover {
+	border-color: var(--och-hairline-strong);
+	color: var(--och-ink);
+}
+.och-repo svg {
+	color: var(--och-muted);
+}
+.och-repo-fp {
+	font-family: var(--och-mono);
+	font-size: 11px;
+	color: var(--och-muted);
+}
+.och-pop {
+	position: absolute;
+	top: 50px;
+	left: 150px;
+	z-index: 60;
+	min-width: 300px;
+	padding: 14px 16px;
+	border: 1px solid var(--och-hairline);
+	border-radius: 14px;
+	background: var(--och-surface);
+	box-shadow: 0 8px 32px rgba(38, 37, 30, 0.14);
+	font-size: 12px;
+	color: var(--och-body);
+}
+.och-pop[hidden] {
+	display: none;
+}
+.och-pop-title {
+	font-size: 13px;
+	font-weight: 700;
+	color: var(--och-ink);
+	margin: 0 0 8px;
+}
+.och-pop-kv {
+	display: flex;
+	justify-content: space-between;
+	gap: 12px;
+	padding: 4px 0;
+}
+.och-pop-kv b {
+	font-weight: 500;
+	color: var(--och-muted);
+}
+.och-pop-kv span {
+	font-family: var(--och-mono);
+	font-size: 11.5px;
+	color: var(--och-ink);
+	text-align: right;
+	word-break: break-all;
+}
+/* 模式分段控件：全局唯一模式入口（重语法：ink 实底） */
+.och-mode {
+	display: inline-flex;
+	padding: 3px;
+	border: 1px solid var(--och-hairline);
+	border-radius: 999px;
+	background: var(--och-surface-muted);
+	flex-shrink: 0;
+}
+.och-mode-btn {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	gap: 6px;
+	min-width: 92px;
+	height: 30px;
+	padding: 0 14px;
+	border-radius: 999px;
+	font-size: 13px;
+	font-weight: 600;
+	color: var(--och-body);
+	text-decoration: none;
+	transition:
+		color 0.18s ease,
+		background-color 0.18s ease,
+		box-shadow 0.18s ease;
+}
+.och-mode-btn svg {
+	opacity: 0.85;
+}
+.och-mode-btn:hover {
+	color: var(--och-ink);
+}
+.och-mode-btn.och-on,
+.och-mode-btn.och-on:hover {
+	background: var(--och-ink);
+	color: #fff;
+	box-shadow: 0 2px 8px rgba(38, 37, 30, 0.25);
+}
+/* 对象上下文 chip：跨模式选中连续性 + 显式返回路径 */
+.och-context {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+	min-height: 30px;
+	padding: 0 6px 0 12px;
+	border: 1px solid
+		color-mix(in srgb, var(--och-orange) 38%, var(--och-hairline));
+	border-radius: 999px;
+	background: color-mix(in srgb, var(--och-peach) 42%, var(--och-surface));
+	font-size: 12px;
+	color: var(--och-ink);
+	white-space: nowrap;
+}
+.och-context[hidden] {
+	display: none;
+}
+.och-context-kind {
+	color: var(--och-orange-active);
+	font-weight: 700;
+}
+.och-context-id {
+	font-family: var(--och-mono);
+	font-size: 11px;
+	color: var(--och-body);
+	max-width: 260px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+.och-context-return {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	height: 22px;
+	padding: 0 9px;
+	border-radius: 999px;
+	background: var(--och-ink);
+	color: #fff;
+	font-size: 11px;
+	font-weight: 600;
+	text-decoration: none;
+}
+.och-context-return:hover {
+	background: var(--och-orange-active);
+}
+.och-context-close {
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 20px;
+	height: 20px;
+	padding: 0;
+	border: none;
+	border-radius: 50%;
+	background: transparent;
+	color: var(--och-muted);
+	cursor: pointer;
+}
+.och-context-close:hover {
+	background: rgba(38, 37, 30, 0.08);
+	color: var(--och-ink);
+}
+.och-spacer {
+	flex: 1 1 auto;
+}
+/* 新鲜度格（Inspect 模式渲染；元素 id 保持 header-refresh 供轮询回写） */
+.och-fresh {
+	display: inline-flex;
+	align-items: center;
+	gap: 7px;
+	min-height: 30px;
+	padding: 0 12px;
+	border: 1px solid var(--och-hairline);
+	border-radius: 999px;
+	background: var(--och-surface);
+	color: var(--och-muted);
+	font-size: 12px;
+	font-variant-numeric: tabular-nums;
+	white-space: nowrap;
+}
+.och-fresh-dot {
+	width: 7px;
+	height: 7px;
+	border-radius: 50%;
+	background: var(--och-green);
+	box-shadow: 0 0 0 3px color-mix(in srgb, var(--och-green) 18%, transparent);
+	flex-shrink: 0;
+}
+/* Pi readiness：三态语义色与现行 Console 一致 */
+.och-pi {
+	display: inline-flex;
+	align-items: center;
+	gap: 7px;
+	min-height: 30px;
+	padding: 0 12px;
+	border-radius: 999px;
+	border: 1px solid var(--och-hairline);
+	background: var(--och-surface);
+	font-size: 12px;
+	color: var(--och-body);
+	text-decoration: none;
+	white-space: nowrap;
+	transition: border-color 0.15s ease;
+}
+.och-pi:hover {
+	border-color: var(--och-hairline-strong);
+}
+.och-pi-label {
+	font-family: var(--och-mono);
+	font-size: 11px;
+	font-weight: 700;
+	color: var(--och-ink);
+}
+.och-pi strong {
+	font-weight: 600;
+}
+.och-pi[data-state="ready"] {
+	border-color: color-mix(in srgb, var(--och-green) 34%, var(--och-hairline));
+	background: color-mix(in srgb, var(--och-mint) 46%, var(--och-surface));
+}
+.och-pi[data-state="ready"] strong {
+	color: var(--och-green);
+}
+.och-pi[data-state="degraded"] {
+	border-color: color-mix(in srgb, var(--och-amber) 38%, var(--och-hairline));
+	background: color-mix(in srgb, var(--och-peach) 40%, var(--och-surface));
+}
+.och-pi[data-state="degraded"] strong {
+	color: var(--och-amber);
+}
+.och-pi[data-state="setup-required"],
+.och-pi[data-state="unknown"] {
+	border-color: color-mix(in srgb, var(--och-red) 30%, var(--och-hairline));
+	background: color-mix(in srgb, var(--och-red) 5%, var(--och-surface));
+}
+.och-pi[data-state="setup-required"] strong,
+.och-pi[data-state="unknown"] strong {
+	color: var(--och-red);
+}
+/* Band 2 — 工作区带：下划线 tab（轻语法，从属于模式控件） */
+.och-workspace {
+	display: flex;
+	align-items: center;
+	gap: 16px;
+	height: 44px;
+}
+.och-tabs {
+	display: flex;
+	align-items: stretch;
+	gap: 2px;
+	height: 100%;
+}
+.och-tab {
+	position: relative;
+	display: inline-flex;
+	align-items: center;
+	padding: 0 13px;
+	color: var(--och-muted);
+	font-size: 13.5px;
+	font-weight: 500;
+	text-decoration: none;
+	white-space: nowrap;
+	transition: color 0.15s ease;
+}
+.och-tab:hover {
+	color: var(--och-ink);
+}
+.och-tab.och-tab-active {
+	color: var(--och-ink);
+	font-weight: 600;
+}
+.och-tab.och-tab-active::after {
+	content: "";
+	position: absolute;
+	left: 10px;
+	right: 10px;
+	bottom: -1px;
+	height: 2px;
+	border-radius: 2px;
+	background: var(--och-orange);
+}
+.och a:focus-visible,
+.och button:focus-visible,
+.operator-chrome-fallback button:focus-visible {
+	outline: 2px solid color-mix(in srgb, var(--och-orange) 55%, transparent);
+	outline-offset: 2px;
+}
+.operator-chrome-fallback {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+	min-height: 54px;
+	padding: 0 24px;
+	border-bottom: 1px solid var(--hairline, #e6e5e0);
+	background: var(--canvas, #f7f7f4);
+}
+.operator-chrome-fallback button {
+	appearance: none;
+	padding: 6px 10px;
+	border: 1px solid var(--hairline, #e6e5e0);
+	border-radius: 999px;
+	background: var(--surface, #fff);
+	color: var(--ink, #26251e);
+	font: inherit;
+	cursor: pointer;
+}
+.operator-chrome-fallback [role="status"] {
+	color: var(--red, #c72d53);
+	font-size: 12px;
+}
+@media (max-width: 1100px) {
+	.och-repo-fp {
+		display: none;
+	}
+	.och-mode-btn {
+		min-width: 0;
+	}
+	.och-workspace {
+		overflow-x: auto;
+	}
+	.och-global {
+		gap: 8px;
+	}
+	.och-fresh,
+	.och-pi {
+		padding-inline: 9px;
+	}
+	.och-fresh-text,
+	.och-pi strong {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border: 0;
+	}
+}
+@media (max-width: 760px) {
+	.och-inner {
+		width: min(100% - 24px, var(--och-shell-max));
+	}
+	.och-global {
+		gap: 6px;
+		overflow-x: auto;
+		scrollbar-width: none;
+	}
+	.och-global::-webkit-scrollbar {
+		display: none;
+	}
+	.och-brand > span:last-child {
+		display: none;
+	}
+	.och-repo-name {
+		max-width: 120px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	.och-mode-btn {
+		padding-inline: 10px;
+	}
+	.och-tab {
+		padding-inline: 10px;
+	}
+}
+@media (prefers-reduced-motion: reduce) {
+	.och-mode-btn,
+	.och-tab,
+	.och-repo,
+	.och-pi {
+		transition: none;
+	}
+}