@ran-sh/dsh-crew 1.1.1 → 1.2.0-rc.5

package/lib/client.js

@@ -163,14 +163,28 @@ function ActivationSummary({ activation, locale }) {
 		]
 	});
 }
+function nonEmpty(value) {
+	return typeof value === "string" && value.trim().length > 0;
+}
+function isCompleteRuntimeIdentity(identity) {
+	return Boolean(identity && typeof identity === "object" && nonEmpty(identity.execution_plane) && nonEmpty(identity.profile) && Number.isInteger(identity.listen_port) && identity.listen_port > 0 && nonEmpty(identity.runtime_id));
+}
+function sameCompleteRuntimeIdentity(left, right) {
+	return isCompleteRuntimeIdentity(left) && isCompleteRuntimeIdentity(right) && left.execution_plane === right.execution_plane && left.profile === right.profile && left.listen_port === right.listen_port && left.runtime_id === right.runtime_id;
+}
+function isExactNativeCrewIdentity(identity) {
+	return isCompleteRuntimeIdentity(identity) && identity.execution_plane === "hub-3210" && identity.profile === "dsh-crew" && identity.listen_port === 3210;
+}
 //#endregion
 //#region src/client/host-readiness.mjs
 const READINESS_STATES = Object.freeze({
 	READY: "READY",
 	DEGRADED: "DEGRADED",
 	UNAVAILABLE: "UNAVAILABLE",
-	UNKNOWN: "UNKNOWN"
+	UNKNOWN: "UNKNOWN",
+	NOT_APPLICABLE: "NOT_APPLICABLE"
 });
+const MAX_RUNTIME_SNAPSHOT_AGE_MS = 3e5;
 function componentState(status, keys, { aligned = false } = {}) {
 	if (status === void 0 || status === null || typeof status !== "object") return READINESS_STATES.UNKNOWN;
 	if (status.installed === false) return READINESS_STATES.UNAVAILABLE;
@@ -182,7 +196,11 @@ function componentState(status, keys, { aligned = false } = {}) {
 function runtimeState(runtime, readinessSnapshot) {
 	if (readinessSnapshot && typeof readinessSnapshot === "object") {
 		const identity = readinessSnapshot.runtime;
-		if (!(identity?.execution_plane === "hub-3210" && identity.profile === "dsh-crew" && Number(identity.listen_port) === 3210 && typeof identity.runtime_id === "string" && identity.runtime_id.trim())) return READINESS_STATES.UNAVAILABLE;
+		if (!isExactNativeCrewIdentity(identity)) return READINESS_STATES.UNAVAILABLE;
+		if (runtime && (!isCompleteRuntimeIdentity(runtime) || !sameCompleteRuntimeIdentity(runtime, identity))) return READINESS_STATES.UNKNOWN;
+		if (!Number.isFinite(readinessSnapshot.captured_at)) return READINESS_STATES.UNKNOWN;
+		if (readinessSnapshot.captured_at > Date.now() + 3e4) return READINESS_STATES.UNKNOWN;
+		if (Date.now() - readinessSnapshot.captured_at > MAX_RUNTIME_SNAPSHOT_AGE_MS) return READINESS_STATES.DEGRADED;
 		const row = Array.isArray(readinessSnapshot.readiness_matrix?.rows) ? readinessSnapshot.readiness_matrix.rows.find((entry) => entry?.id === "hub_compatibility") : void 0;
 		if (row?.status === "PASS") return READINESS_STATES.READY;
 		if (row?.status === "FAIL") return READINESS_STATES.UNAVAILABLE;
@@ -191,11 +209,11 @@ function runtimeState(runtime, readinessSnapshot) {
 	}
 	if (runtime === void 0) return READINESS_STATES.UNKNOWN;
 	if (runtime === null) return READINESS_STATES.UNAVAILABLE;
-	return runtime?.ok === true && runtime.service === "dsh-crew-hub" ? READINESS_STATES.READY : READINESS_STATES.DEGRADED;
+	return runtime?.ok === true && isExactNativeCrewIdentity(runtime) ? READINESS_STATES.READY : READINESS_STATES.UNKNOWN;
 }
 function bridgeState(surface) {
 	if (surface === "official-bridge") return READINESS_STATES.READY;
-	if (surface === "native-crew-harness") return READINESS_STATES.UNKNOWN;
+	if (surface === "native-crew-harness") return READINESS_STATES.NOT_APPLICABLE;
 	return READINESS_STATES.UNKNOWN;
 }
 /** Project only structured, non-secret installer/runtime evidence. */
@@ -248,6 +266,135 @@ function projectHostReadiness({ installStatus, runtime, surface, readinessSnapsh
 		}
 	];
 }
+const ROLES = ["worker", "reviewer"];
+const STATES = /* @__PURE__ */ new Set([
+	"CALLABLE",
+	"NOT_CALLABLE",
+	"STALE",
+	"UNKNOWN",
+	"NOT_APPLICABLE"
+]);
+const SOURCES = /* @__PURE__ */ new Set(["provider_health", "execution"]);
+const MAX_EVIDENCE_TTL_MS = 864e5;
+function exactKeys(value, keys) {
+	return value && typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === keys.length && keys.every((key) => Object.hasOwn(value, key));
+}
+function route(value) {
+	return typeof value?.provider === "string" && value.provider.trim() && typeof value?.model === "string" && value.model.trim() ? {
+		provider: value.provider.trim(),
+		model: value.model.trim()
+	} : null;
+}
+function validEvidence(role, now) {
+	if (!SOURCES.has(role.source) || !Number.isFinite(role.observed_at) || role.observed_at > now || !Number.isFinite(role.expires_at) || role.expires_at <= now || role.expires_at - role.observed_at > MAX_EVIDENCE_TTL_MS) return false;
+	if (role.source === "execution") {
+		if (!role.last_success || typeof role.last_success !== "object" || typeof role.last_success.job_id !== "string" || !role.last_success.job_id.trim() || role.last_success.observed_at !== role.observed_at || role.last_success.expires_at !== role.expires_at) return false;
+	}
+	return true;
+}
+function validateModelCallabilityV2({ projection, runtime, expectedEnabledRoles, expectedSelections, now = Date.now() } = {}) {
+	const fail = (reason_code) => ({
+		ok: false,
+		reason_code,
+		state: "UNKNOWN"
+	});
+	if (!projection || typeof projection !== "object" || projection.schema_version !== 2) return fail("MODEL_CALLABILITY_SCHEMA_INVALID");
+	if (!isExactNativeCrewIdentity(runtime) || !isExactNativeCrewIdentity(projection.runtime_identity) || !sameCompleteRuntimeIdentity(runtime, projection.runtime_identity) || projection.current_runtime_id !== runtime.runtime_id) return fail("MODEL_CALLABILITY_RUNTIME_MISMATCH");
+	if (!Number.isFinite(projection.captured_at) || projection.captured_at > now) return fail("MODEL_CALLABILITY_CAPTURE_INVALID");
+	if (!exactKeys(projection.enabled_roles, ROLES) || ROLES.some((role) => typeof projection.enabled_roles[role] !== "boolean")) return fail("MODEL_CALLABILITY_ROLES_INVALID");
+	if (expectedEnabledRoles && (!exactKeys(expectedEnabledRoles, ROLES) || ROLES.some((role) => projection.enabled_roles[role] !== expectedEnabledRoles[role]))) return fail("MODEL_CALLABILITY_ROLE_CONFIG_MISMATCH");
+	if (expectedSelections && !exactKeys(expectedSelections, ROLES)) return fail("MODEL_CALLABILITY_EXPECTED_SELECTIONS_INVALID");
+	if (!exactKeys(projection.roles, ROLES)) return fail("MODEL_CALLABILITY_ROLE_EVIDENCE_MISSING");
+	for (const roleName of ROLES) {
+		const role = projection.roles[roleName];
+		if (!role || !STATES.has(role.state)) return fail("MODEL_CALLABILITY_ROLE_STATE_INVALID");
+		const selected = route(role.selected);
+		if (role.selected !== void 0 && role.selected !== null && !selected) return fail("MODEL_CALLABILITY_SELECTION_INVALID");
+		if (expectedSelections) {
+			const expectedRaw = expectedSelections[roleName];
+			const expected = expectedRaw === null ? null : route(expectedRaw);
+			if (expectedRaw !== null && !expected) return fail("MODEL_CALLABILITY_EXPECTED_SELECTION_INVALID");
+			if (expected === null !== (selected === null) || expected && (expected.provider !== selected.provider || expected.model !== selected.model)) return fail("MODEL_CALLABILITY_SELECTION_MISMATCH");
+		}
+		if (projection.enabled_roles[roleName] === false) {
+			if (role.state !== "NOT_APPLICABLE" || role.reason_code !== "ROLE_DISABLED") return fail("MODEL_CALLABILITY_DISABLED_ROLE_INVALID");
+			continue;
+		}
+		if (["CALLABLE", "NOT_CALLABLE"].includes(role.state) && !selected) return fail("MODEL_CALLABILITY_SELECTION_INVALID");
+		if (projection.enabled_roles[roleName] === true && role.state === "NOT_APPLICABLE") return fail("MODEL_CALLABILITY_ENABLED_ROLE_NOT_APPLICABLE");
+		if (["CALLABLE", "NOT_CALLABLE"].includes(role.state)) {
+			if (!validEvidence(role, now)) return fail("MODEL_CALLABILITY_EVIDENCE_INVALID");
+		}
+	}
+	const activeRoles = ROLES.map((role) => projection.roles[role]).filter((_, index) => projection.enabled_roles[ROLES[index]] === true);
+	const activeStates = activeRoles.map((role) => role.state);
+	const state = activeStates.includes("NOT_CALLABLE") ? "NOT_CALLABLE" : activeStates.length > 0 && activeStates.every((value) => value === "CALLABLE") ? "CALLABLE" : activeStates.includes("STALE") ? "STALE" : "UNKNOWN";
+	if (projection.overall !== state) return fail("MODEL_CALLABILITY_OVERALL_CONTRADICTION");
+	const evidenceExpirations = activeRoles.map((role) => role.expires_at).filter((value) => Number.isFinite(value));
+	const expectedExpires = evidenceExpirations.length ? Math.min(...evidenceExpirations) : null;
+	if (projection.expires_at !== expectedExpires) return fail("MODEL_CALLABILITY_EXPIRY_CONTRADICTION");
+	if (state === "CALLABLE" && (!Number.isFinite(projection.expires_at) || projection.expires_at <= now)) return fail("MODEL_CALLABILITY_EXPIRED");
+	return {
+		ok: true,
+		state,
+		reason_code: "MODEL_CALLABILITY_VALID"
+	};
+}
+//#endregion
+//#region src/client/model-callability-view.mjs
+function modelCallabilityState(projection, runtime = null, now = Date.now()) {
+	if (!projection || typeof projection !== "object" || typeof projection.overall !== "string") return READINESS_STATES.UNKNOWN;
+	const validation = validateModelCallabilityV2({
+		projection,
+		runtime,
+		now
+	});
+	if (!validation.ok) return READINESS_STATES.UNKNOWN;
+	if (validation.state === "CALLABLE") return READINESS_STATES.READY;
+	if (validation.state === "NOT_CALLABLE") return READINESS_STATES.UNAVAILABLE;
+	if (validation.state === "STALE") return READINESS_STATES.DEGRADED;
+	return READINESS_STATES.UNKNOWN;
+}
+//#endregion
+//#region src/client/readiness-envelope.mjs
+function readinessExpiryDelay(expiresAt, now = Date.now()) {
+	return Number.isFinite(expiresAt) ? Math.max(0, expiresAt - now + 10) : null;
+}
+/**
+* Apply one extension response to the atomic runtime/readiness envelope.
+* Older responses are ignored so a restart cannot be rolled back by a slow
+* request that started before the new runtime identity was observed.
+*/
+function acceptReadinessResponse(response, { generation, latestGeneration } = {}) {
+	if (generation !== latestGeneration) return {
+		accepted: false,
+		envelope: null
+	};
+	const extensionRuntime = response?.extension?.runtime;
+	const snapshot = response?.extension?.readiness_snapshot;
+	const valid = response?.ok === true && isExactNativeCrewIdentity(extensionRuntime) && isExactNativeCrewIdentity(snapshot?.runtime) && sameCompleteRuntimeIdentity(extensionRuntime, snapshot.runtime);
+	const expectedEnabledRoles = {
+		worker: response?.extension?.capabilities?.["deepseek.worker"] === true,
+		reviewer: response?.extension?.capabilities?.["deepseek.reviewer"] === true
+	};
+	const projection = valid ? validateModelCallabilityV2({
+		projection: snapshot.model_callability,
+		runtime: extensionRuntime,
+		expectedEnabledRoles,
+		expectedSelections: {
+			worker: snapshot.worker?.selected ?? null,
+			reviewer: snapshot.reviewer?.selected ?? null
+		}
+	}) : { ok: false };
+	return {
+		accepted: true,
+		envelope: valid && projection.ok ? {
+			runtime: extensionRuntime,
+			snapshot,
+			expiresAt: snapshot.model_callability.expires_at
+		} : {}
+	};
+}
 //#endregion
 //#region src/client/surface-detection.mjs
 const CREW_UI_SURFACES = Object.freeze({
@@ -308,9 +455,11 @@ function hasInvocationEvidence(job) {
 	return Number(job?.turn ?? 0) > 0 || Number(job?.toolCalls ?? 0) > 0 || tokenCount > 0;
 }
 /**
-* Build a bounded, presentation-only model activity summary from the jobs the
-* Hub already exposes. No prompts, results, credentials, or new persistence
-* are introduced here.
+* Build a bounded, presentation-only, job-level model activity summary from
+* the jobs the Hub already exposes. Each qualifying job contributes one row
+* count for its selected provider/model; the count is not an inferred number
+* of underlying model turns. No prompts, results, credentials, or new
+* persistence are introduced here.
 */
 function aggregateModelInvocations(jobs = []) {
 	const groups = /* @__PURE__ */ new Map();
@@ -332,7 +481,7 @@ function aggregateModelInvocations(jobs = []) {
 		current.count += 1;
 		current.taskSources.add(clean(job?.source, "api"));
 		current.selectionSources.add(clean(job?.selection_source, "unknown"));
-		current.roles.add(job?.role === "reviewer" ? "reviewer" : "worker");
+		if (job?.role === "worker" || job?.role === "reviewer") current.roles.add(job.role);
 		const calledAt = validTimestamp(job?.startedAt);
 		if (calledAt && (!current.lastCalledAt || Date.parse(calledAt) > Date.parse(current.lastCalledAt))) current.lastCalledAt = calledAt;
 		groups.set(key, current);
@@ -350,10 +499,474 @@ function aggregateModelInvocations(jobs = []) {
 	}));
 }
 //#endregion
+//#region src/client/panel-chrome.tsx
+function PanelStyles() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `
+    .dsh-crew-ui { --crew-line: rgba(128,128,128,.24); --crew-soft: rgba(128,128,128,.045); --crew-accent: #2563eb; font-size: 13px; line-height: 1.55; min-width: 0; }
+    .dsh-crew-ui *, .dsh-crew-ui *::before, .dsh-crew-ui *::after { box-sizing: border-box; }
+    .dsh-crew-ui .crew-panel-header { border: 1px solid var(--crew-line); border-radius: 12px; padding: 16px; background: var(--crew-soft); display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px 16px; }
+    .dsh-crew-ui .crew-panel-heading { flex: 1 1 260px; min-width: 0; }
+    .dsh-crew-ui .crew-eyebrow { font-size: 10.5px; letter-spacing: .055em; opacity: .65; margin-bottom: 4px; }
+    .dsh-crew-ui .crew-panel-title { margin: 0; font-size: 19px; font-weight: 680; line-height: 1.3; letter-spacing: -.025em; }
+    .dsh-crew-ui .crew-panel-description { margin: 5px 0 0; font-size: 12px; opacity: .72; overflow-wrap: anywhere; }
+    .dsh-crew-ui .crew-panel-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
+    .dsh-crew-ui .crew-nav-link { display: inline-flex; align-items: center; justify-content: center; color: var(--crew-accent); background: transparent; border: 1px solid var(--crew-line); border-radius: 8px; padding: 7px 10px; font-size: 12px; font-weight: 600; text-decoration: none; flex-shrink: 0; }
+    .dsh-crew-ui button:focus-visible, .dsh-crew-ui a:focus-visible, .dsh-crew-ui input:focus-visible, .dsh-crew-ui summary:focus-visible { outline: 2px solid var(--crew-accent); outline-offset: 3px; }
+    .dsh-crew-ui button:disabled { cursor: not-allowed; opacity: .4; }
+    .dsh-crew-ui .crew-nav-link:hover, .dsh-crew-ui .crew-section-trigger:hover, .dsh-crew-ui summary:hover { background: rgba(128,128,128,.09); }
+    .dsh-crew-ui .crew-section-heading { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
+    .dsh-crew-ui .crew-section-title { font-weight: 650; font-size: 13px; }
+    .dsh-crew-ui .crew-section-summary { font-size: 11.5px; opacity: .65; overflow-wrap: anywhere; }
+    .dsh-crew-ui .crew-config-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 6px 0 2px; }
+    @media (prefers-color-scheme: dark) { .dsh-crew-ui { --crew-accent: #8ab4ff; } }
+    @media (prefers-reduced-motion: reduce) { .dsh-crew-ui * { transition: none !important; } }
+  ` });
+}
+function PanelHeader({ title, eyebrow, description, href, linkText, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+		className: "crew-panel-header",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "crew-panel-heading",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "crew-eyebrow",
+					children: eyebrow
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					className: "crew-panel-title",
+					children: title
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "crew-panel-description",
+					children: description
+				}),
+				children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "crew-panel-badges",
+					children
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+			className: "crew-nav-link",
+			href,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: linkText
+		})]
+	});
+}
+//#endregion
+//#region src/client/history-panel.tsx
+const API$1 = "/_dsh/dsh-crew/history/";
+const pending = (phase) => !!phase && ![
+	"IDLE",
+	"DONE",
+	"FAILED",
+	"ROLLED_BACK"
+].includes(phase);
+const copy = {
+	zh: {
+		title: "工作区与会话清理",
+		intro: "仅影响 3210 的工作区记录与会话日志；不删除项目文件、附件或 3080 数据。",
+		operation: "操作",
+		archive: "归档（可恢复）",
+		delete: "删除（不可恢复）",
+		scope: "时间范围",
+		all: "全部",
+		before: "指定时间之前",
+		time: "创建时间早于",
+		timeHint: "按本机时区选择，严格按创建时间筛选；包含新会话的工作区会保留。",
+		preview: "预览清理范围",
+		confirm: "确认执行",
+		acknowledgement: "删除确认：请输入 DELETE",
+		idle: "会短暂停止并重启 3210；请先结束或关闭所有正在使用的 3210 会话。",
+		consent: "我已确认范围，并同意短暂重启 3210",
+		restore: "恢复",
+		archives: "已归档批次",
+		empty: "暂无可恢复的归档",
+		working: "维护中，正在等待 3210 重新连接…",
+		refresh: "刷新页面与工作区列表",
+		recover: "恢复未完成的维护",
+		recovery: "维护尚未完成，请使用恢复按钮；若 3210 无法连接，在终端运行 dsh-crew history recover。",
+		cancelQueued: "取消尚未开始的维护",
+		cancelQueuedHint: "仅取消尚未开始的维护，不清理任何数据；如果操作已开始，请等待完成。",
+		count: (w, s) => `${w} 个工作区 · ${s} 个会话`,
+		confirmRestore: "恢复这一批归档？将短暂重启 3210，不会覆盖冲突数据。",
+		phase: {
+			IDLE: "就绪",
+			QUEUED: "已提交",
+			STOPPING: "停止后台",
+			APPLYING: "处理数据",
+			STARTING: "启动后台",
+			VERIFYING: "验证结果",
+			DONE: "已完成",
+			FAILED: "未执行成功",
+			ROLLED_BACK: "已回滚",
+			RECOVERY_REQUIRED: "需要恢复"
+		}
+	},
+	en: {
+		title: "Workspace & session cleanup",
+		intro: "Only 3210 workspace records and session logs. Project files, attachments and 3080 data are untouched.",
+		operation: "Action",
+		archive: "Archive (restorable)",
+		delete: "Delete (permanent)",
+		scope: "Time range",
+		all: "All",
+		before: "Before a date",
+		time: "Created before",
+		timeHint: "Local timezone; strict creation-time cutoff. Workspaces with newer sessions are kept.",
+		preview: "Preview cleanup",
+		confirm: "Confirm operation",
+		acknowledgement: "Type DELETE to confirm deletion",
+		idle: "3210 will briefly stop and restart. End or close all active 3210 conversations first.",
+		consent: "I reviewed the scope and agree to restart 3210",
+		restore: "Restore",
+		archives: "Archived batches",
+		empty: "No restorable archives",
+		working: "Maintenance in progress; waiting for 3210 to reconnect…",
+		refresh: "Reload page and workspace list",
+		recover: "Recover unfinished maintenance",
+		recovery: "Maintenance is unfinished. Use recovery; if 3210 is unreachable, run dsh-crew history recover in a terminal.",
+		cancelQueued: "Cancel unstarted maintenance",
+		cancelQueuedHint: "Cancel only if maintenance has not started. No data is cleaned; if already running, wait for completion.",
+		count: (w, s) => `${w} workspaces · ${s} sessions`,
+		confirmRestore: "Restore this archive? 3210 will briefly restart; conflicting data will not be overwritten.",
+		phase: {
+			IDLE: "Ready",
+			QUEUED: "Queued",
+			STOPPING: "Stopping backend",
+			APPLYING: "Processing data",
+			STARTING: "Starting backend",
+			VERIFYING: "Verifying",
+			DONE: "Completed",
+			FAILED: "Failed",
+			ROLLED_BACK: "Rolled back",
+			RECOVERY_REQUIRED: "Recovery required"
+		}
+	}
+};
+function HistoryPanel({ locale }) {
+	const t = copy[locale === "zh" ? "zh" : "en"];
+	const [open, setOpen] = (0, react.useState)(false);
+	const [operation, setOperation] = (0, react.useState)("archive");
+	const [scope, setScope] = (0, react.useState)("all");
+	const [before, setBefore] = (0, react.useState)("");
+	const [preview, setPreview] = (0, react.useState)(null);
+	const [status, setStatus] = (0, react.useState)({ phase: "IDLE" });
+	const [archives, setArchives] = (0, react.useState)([]);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [consent, setConsent] = (0, react.useState)(false);
+	const [ack, setAck] = (0, react.useState)("");
+	const [notice, setNotice] = (0, react.useState)("");
+	const [connected, setConnected] = (0, react.useState)(false);
+	const locked = busy || pending(status.phase);
+	const invalidate = () => {
+		setPreview(null);
+		setConsent(false);
+		setAck("");
+	};
+	async function request(action, body) {
+		const res = await fetch(API$1 + action, {
+			cache: "no-store",
+			...body === void 0 ? {} : {
+				method: "POST",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(body)
+			}
+		});
+		const data = await res.json();
+		if (!res.ok || !data.ok) throw Error(data.code ?? `HTTP ${res.status}`);
+		return data;
+	}
+	(0, react.useEffect)(() => {
+		if (!open) return;
+		let disposed = false;
+		const poll = async () => {
+			try {
+				const [s, a] = await Promise.all([request("status"), request("archives")]);
+				if (!disposed) {
+					setStatus(s.status);
+					setArchives(a.archives);
+					setConnected(true);
+				}
+			} catch {
+				if (!disposed) setConnected(false);
+			}
+		};
+		poll();
+		const timer = setInterval(poll, 2500);
+		return () => {
+			disposed = true;
+			clearInterval(timer);
+		};
+	}, [open]);
+	async function act(action, body) {
+		setBusy(true);
+		setNotice("");
+		try {
+			const result = await request(action, body);
+			if (result.preview) {
+				setPreview(result.preview);
+				setConsent(false);
+				setAck("");
+			}
+			if (result.status) {
+				setStatus(result.status);
+				setPreview(null);
+			}
+		} catch (error) {
+			setNotice(String(error.message));
+			setPreview(null);
+		} finally {
+			setBusy(false);
+		}
+	}
+	const style = {
+		border: "1px solid rgba(128,128,128,.25)",
+		borderRadius: 8,
+		padding: "7px 10px",
+		color: "inherit",
+		background: "transparent",
+		font: "inherit"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+		style: {
+			border: "1px solid rgba(128,128,128,.24)",
+			borderRadius: 10,
+			padding: "10px 13px"
+		},
+		onToggle: (e) => setOpen(e.currentTarget.open),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
+			style: {
+				cursor: "pointer",
+				fontWeight: 650
+			},
+			children: t.title
+		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 10,
+				marginTop: 12
+			},
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					style: {
+						margin: 0,
+						opacity: .75
+					},
+					children: t.intro
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						display: "flex",
+						gap: 12,
+						flexWrap: "wrap"
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [
+						t.operation,
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							style,
+							value: operation,
+							disabled: locked,
+							onChange: (e) => {
+								setOperation(e.target.value);
+								invalidate();
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "archive",
+								children: t.archive
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "delete",
+								children: t.delete
+							})]
+						})
+					] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [
+						t.scope,
+						" ",
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							style,
+							value: scope,
+							disabled: locked,
+							onChange: (e) => {
+								setScope(e.target.value);
+								invalidate();
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "all",
+								children: t.all
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "before",
+								children: t.before
+							})]
+						})
+					] })]
+				}),
+				scope === "before" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [
+					t.time,
+					" ",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "datetime-local",
+						style,
+						value: before,
+						disabled: locked,
+						onChange: (e) => {
+							setBefore(e.target.value);
+							invalidate();
+						}
+					})
+				] }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: {
+						fontSize: 11.5,
+						opacity: .7
+					},
+					children: t.timeHint
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style,
+					disabled: locked || !connected || scope === "before" && !Number.isFinite(new Date(before).getTime()),
+					onClick: () => void act("preview", {
+						operation,
+						scope,
+						...scope === "before" ? { before: new Date(before).toISOString() } : {}
+					}),
+					children: t.preview
+				}),
+				preview && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						...style,
+						display: "flex",
+						flexDirection: "column",
+						gap: 9
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t.count(preview.counts.workspaces, preview.counts.sessions) }),
+						preview.before && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+							t.time,
+							": ",
+							new Date(preview.before).toLocaleString()
+						] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t.preview }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: preview.items?.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [
+								item.title,
+								" ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: item.id })
+							] }, item.id)) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									overflowWrap: "anywhere",
+									fontSize: 11
+								},
+								children: [preview.sessionIds?.slice(0, 100).join(", "), preview.sessionIds?.length > 100 ? " …" : ""]
+							})
+						] }),
+						!preview.executable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							role: "alert",
+							children: preview.blockedReason
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t.idle }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: consent,
+								disabled: locked,
+								onChange: (e) => setConsent(e.target.checked)
+							}),
+							" ",
+							t.consent
+						] }),
+						operation === "delete" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [
+							t.acknowledgement,
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								style,
+								value: ack,
+								disabled: locked,
+								onChange: (e) => setAck(e.target.value)
+							})
+						] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							style,
+							disabled: locked || !consent || !preview.executable || operation === "delete" && ack !== "DELETE",
+							onClick: () => void act("execute", {
+								planId: preview.planId,
+								confirm: true,
+								acknowledgement: ack
+							}),
+							children: t.confirm
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					role: "status",
+					"aria-live": "polite",
+					children: [
+						t.phase[status.phase] ?? status.phase,
+						status.code ? ` · ${status.code}` : "",
+						notice ? ` · ${notice}` : ""
+					]
+				}),
+				!connected && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					role: "status",
+					children: [pending(status.phase) ? t.working : "3210 history API unavailable", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t.recovery })]
+				}),
+				["RECOVERY_REQUIRED", "QUEUED"].includes(status.phase) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: status.phase === "QUEUED" ? t.cancelQueuedHint : t.recovery }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style,
+					disabled: busy,
+					onClick: () => {
+						if (window.confirm(status.phase === "QUEUED" ? t.cancelQueuedHint : t.recovery)) act("recover", { confirm: true });
+					},
+					children: status.phase === "QUEUED" ? t.cancelQueued : t.recover
+				})] }),
+				["DONE", "ROLLED_BACK"].includes(status.phase) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					style,
+					onClick: () => window.location.reload(),
+					children: t.refresh
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t.archives }),
+				archives.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: { opacity: .6 },
+					children: t.empty
+				}),
+				archives.map((a) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						...style,
+						display: "flex",
+						gap: 8,
+						flexWrap: "wrap",
+						alignItems: "center"
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: { flex: 1 },
+						children: a.invalid ? `${a.id} · ${a.code}` : `${new Date(a.createdAt).toLocaleString()} · ${t.count(a.workspaces, a.sessions)}`
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						style,
+						disabled: locked || a.invalid,
+						onClick: () => {
+							if (window.confirm(t.confirmRestore)) act("restore", {
+								archiveId: a.id,
+								confirm: true
+							});
+						},
+						children: t.restore
+					})]
+				}, a.id))
+			]
+		})]
+	});
+}
+//#endregion
 //#region src/client/index.tsx
 const inject$1 = ["slots", "locale"];
 const API = "/_dsh/dsh-crew";
-const CREW_HARNESS_URL = "http://127.0.0.1:3210/";
 const CREW_CONTROL_PLANE_URL = "http://127.0.0.1:3080/";
 const DEFAULT_ADAPTIVE = {
 	enabled: false,
@@ -377,11 +990,17 @@ const COPY = {
 	zh: {
 		label: "DSH Crew",
 		title: "DSH Crew",
-		intro: "日常 Crew 控制台：在一个入口里配置编排、角色、模型路由与宿主集成，并跟踪真实 Worker / Reviewer 任务。",
+		openOfficial: "打开 3080 官方界面 →",
+		intro: "管理工作流、模型路由与宿主集成。展开分区查看和修改设置。",
+		surfaceLabel: "3210 / 高级配置",
 		integrations: "集成",
 		installed: "已安装",
 		notInstalled: "未安装",
-		ready: "可调用",
+		ready: "集成就绪",
+		integrationReady: "集成就绪",
+		modelCallable: "模型可调用",
+		modelNotCallable: "模型未验证",
+		modelUnknown: "模型未知",
 		notReady: "未就绪",
 		hud: "HUD 段",
 		install: "安装",
@@ -408,8 +1027,7 @@ const COPY = {
 			providers: "多模态适配器",
 			jobs: "任务状态"
 		},
-		openHarness: "打开 3210 Crew Harness →",
-		harnessHint: "底层 Provider、Harness Models 与运行时配置",
+		harnessHint: "DeepSeek 官方 Harness 的 dsh-crew profile：Provider、Harness Models 与运行时配置",
 		hostReadiness: "宿主集成就绪度",
 		hostReadinessHint: "只使用结构化安装与运行时证据；缺少证据不会显示 READY。",
 		readinessLabels: {
@@ -418,14 +1036,15 @@ const COPY = {
 			ds_reviewer: "ds-reviewer",
 			claude_plugin: "Claude plugin",
 			zcode_mcp: "ZCode MCP",
-			crew_harness: "Crew Harness",
+			crew_harness: "Crew plugin profile",
 			official_bridge: "Official bridge"
 		},
 		readinessStates: {
 			READY: "READY",
 			DEGRADED: "DEGRADED",
 			UNAVAILABLE: "UNAVAILABLE",
-			UNKNOWN: "UNKNOWN"
+			UNKNOWN: "UNKNOWN",
+			NOT_APPLICABLE: "N/A"
 		},
 		globalHint: "修改即时保存到 ~/.config/dsh-crew/config.json；CC / Codex 的新会话自动读取为默认值（会话内可用 /dsh-crew:config 临时覆盖）。",
 		orchestration: "Agent 编排",
@@ -524,7 +1143,7 @@ const COPY = {
 		visionModel: "视觉模型",
 		imagegenProvider: "生图 provider",
 		harnessProviders: "Harness Providers",
-		harnessProviderHint: "3210 Crew Harness 的真实 Provider 注册与生命周期；不是视觉 / 生图适配器。",
+		harnessProviderHint: "DeepSeek 官方 Harness 的 3210 dsh-crew profile 中的真实 Provider 注册与生命周期；不是视觉 / 生图适配器。",
 		providerState: (state) => `状态：${state}`,
 		providerModels: (count) => `${count} 个模型`,
 		providerJobs: (count) => `${count} 个运行任务`,
@@ -672,10 +1291,10 @@ const COPY = {
 		adaptiveWindow: "健康窗口",
 		adaptiveSamples: "最少样本",
 		adaptiveBoundary: "下一个工作流生效",
-		modelActivity: "模型调用概览",
-		modelActivityHint: "聚合本 Hub 内存中最近 500 个任务的真实调用证据，最多显示 50 个模型；不保存提示词、结果或凭据。",
-		noModelActivity: "还没有真实模型调用。",
-		calls: "调用次数",
+		modelActivity: "模型活动概览",
+		modelActivityHint: "聚合本 Hub 内存中最近 500 个含真实调用证据的任务；每个模型按任务计数（不是推测底层轮次），最多显示 50 个模型。不保存提示词、结果或凭据。",
+		noModelActivity: "还没有真实模型活动。",
+		calls: "任务数",
 		invocationSource: "任务来源",
 		routingSource: "路由来源",
 		lastCalled: "最近调用",
@@ -715,11 +1334,17 @@ const COPY = {
 	en: {
 		label: "DSH Crew",
 		title: "DSH Crew",
-		intro: "The daily Crew console: configure orchestration, roles, model routing, and host integrations in one place while tracking real Worker / Reviewer jobs.",
+		intro: "Manage workflows, model routing and host integrations. Expand a section to edit its settings.",
+		surfaceLabel: "3210 / ADVANCED SETTINGS",
+		openOfficial: "Open official frontend (3080) →",
 		integrations: "Integrations",
 		installed: "installed",
 		notInstalled: "not installed",
-		ready: "ready",
+		ready: "integration ready",
+		integrationReady: "integration ready",
+		modelCallable: "model callable",
+		modelNotCallable: "model not verified",
+		modelUnknown: "model unknown",
 		notReady: "not ready",
 		hud: "HUD segment",
 		install: "Install",
@@ -746,8 +1371,7 @@ const COPY = {
 			providers: "Multimodal adapters",
 			jobs: "Task status"
 		},
-		openHarness: "Open 3210 Crew Harness →",
-		harnessHint: "Low-level providers, Harness Models, and runtime configuration",
+		harnessHint: "The official DeepSeek Harness dsh-crew profile: providers, Harness Models, and runtime configuration",
 		hostReadiness: "Host integration readiness",
 		hostReadinessHint: "Uses structured installer and runtime evidence only; missing evidence is never READY.",
 		readinessLabels: {
@@ -756,14 +1380,15 @@ const COPY = {
 			ds_reviewer: "ds-reviewer",
 			claude_plugin: "Claude plugin",
 			zcode_mcp: "ZCode MCP",
-			crew_harness: "Crew Harness",
+			crew_harness: "Crew plugin profile",
 			official_bridge: "Official bridge"
 		},
 		readinessStates: {
 			READY: "READY",
 			DEGRADED: "DEGRADED",
 			UNAVAILABLE: "UNAVAILABLE",
-			UNKNOWN: "UNKNOWN"
+			UNKNOWN: "UNKNOWN",
+			NOT_APPLICABLE: "N/A"
 		},
 		globalHint: "Changes save instantly to ~/.config/dsh-crew/config.json; new CC / Codex sessions pick them up as defaults (override per session with /dsh-crew:config).",
 		orchestration: "Agent orchestration",
@@ -862,7 +1487,7 @@ const COPY = {
 		visionModel: "Vision model",
 		imagegenProvider: "Image-gen provider",
 		harnessProviders: "Harness Providers",
-		harnessProviderHint: "Live Provider registration and lifecycle in the 3210 Crew Harness; separate from vision / image-gen adapters.",
+		harnessProviderHint: "Live Provider registration and lifecycle in the official DeepSeek Harness dsh-crew profile on 3210; separate from vision / image-gen adapters.",
 		providerState: (state) => `State: ${state}`,
 		providerModels: (count) => `${count} models`,
 		providerJobs: (count) => `${count} running jobs`,
@@ -1010,10 +1635,10 @@ const COPY = {
 		adaptiveWindow: "Health window",
 		adaptiveSamples: "Minimum samples",
 		adaptiveBoundary: "Effective for the next workflow",
-		modelActivity: "Model invocation overview",
-		modelActivityHint: "Aggregates real invocation evidence from the latest 500 in-memory Hub jobs and shows at most 50 models; prompts, results, and credentials are never stored here.",
-		noModelActivity: "No real model invocations yet.",
-		calls: "Calls",
+		modelActivity: "Model activity overview",
+		modelActivityHint: "Aggregates the latest 500 in-memory Hub jobs with real model-activity evidence; each model is counted once per qualifying job (not an inferred turn count). Shows at most 50 models; prompts, results, and credentials are never stored here.",
+		noModelActivity: "No real model activity yet.",
+		calls: "Jobs",
 		invocationSource: "Task source",
 		routingSource: "Routing source",
 		lastCalled: "Last called",
@@ -1323,43 +1948,30 @@ function CollapsibleSection({ sectionId, title, summary, expanded, onToggle, chi
 		"data-section-id": sectionId,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
+			className: "crew-section-trigger",
 			style: S.sectionButton,
 			"aria-expanded": expanded,
 			"aria-controls": bodyId,
 			onClick: onToggle,
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					"aria-hidden": "true",
-					style: {
-						width: 14,
-						opacity: .62,
-						transform: expanded ? "rotate(90deg)" : "rotate(0deg)",
-						transition: "transform 140ms ease"
-					},
-					children: "›"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					style: {
-						fontWeight: 650,
-						fontSize: 13,
-						minWidth: 92
-					},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"aria-hidden": "true",
+				style: {
+					width: 14,
+					opacity: .62,
+					transform: expanded ? "rotate(90deg)" : "rotate(0deg)",
+					transition: "transform 140ms ease"
+				},
+				children: "›"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "crew-section-heading",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "crew-section-title",
 					children: title
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					title: summary,
-					style: {
-						flex: 1,
-						minWidth: 0,
-						fontSize: 11.5,
-						opacity: .58,
-						overflow: "hidden",
-						textOverflow: "ellipsis",
-						whiteSpace: "nowrap"
-					},
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "crew-section-summary",
 					children: summary
-				})
-			]
+				})]
+			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			id: bodyId,
 			hidden: !expanded,
@@ -1392,7 +2004,7 @@ function formatTimestamp(value, locale) {
 	}).format(new Date(value));
 }
 function readinessChip(state) {
-	const color = state === READINESS_STATES.READY ? "#3fb950" : state === READINESS_STATES.DEGRADED ? "#c98735" : state === READINESS_STATES.UNAVAILABLE ? "#f85149" : "inherit";
+	const color = state === READINESS_STATES.READY ? "#3fb950" : state === READINESS_STATES.DEGRADED ? "#c98735" : state === READINESS_STATES.UNAVAILABLE ? "#f85149" : state === READINESS_STATES.NOT_APPLICABLE ? "#7d8590" : "inherit";
 	return {
 		fontSize: 10.5,
 		fontWeight: 650,
@@ -1407,7 +2019,7 @@ function MinimalCrewPanel({ locale, surface, runtime }) {
 	const zh = locale === "zh";
 	const native = surface === CREW_UI_SURFACES.NATIVE;
 	const title = native ? zh ? "DSH Crew Runtime" : "DSH Crew Runtime" : zh ? "DSH Crew Surface 未确认" : "DSH Crew surface not verified";
-	const hint = native ? zh ? "这里是隔离的 3210 Crew Harness。请使用 Harness 原生菜单管理 Provider、Harness Models、Agent 预设与底层配置；Crew 编排和宿主集成统一在 3080 管理。" : "This is the isolated 3210 Crew Harness. Use the native Harness menus for Providers, Harness Models, Agent presets, and low-level settings; manage Crew orchestration and host integrations on 3080." : zh ? "无法用结构化后端证据确认当前界面，因此已保守隐藏 Crew 编排、任务与宿主集成功能。" : "Structured backend evidence could not identify this surface, so Crew orchestration, jobs, and host integrations are conservatively hidden.";
+	const hint = native ? zh ? "这里是 DeepSeek 官方 Harness 的专用 dsh-crew profile，DSH Crew 作为插件加载其中。请使用 Harness 原生菜单管理 Provider、Harness Models、Agent 预设与底层配置。" : "This is the dedicated dsh-crew profile of the official DeepSeek Harness, with DSH Crew loaded as a plugin. Use the native Harness menus for Providers, Harness Models, Agent presets, and low-level settings." : zh ? "无法用结构化后端证据确认当前界面，因此已保守隐藏 Crew 编排、任务与宿主集成功能。" : "Structured backend evidence could not identify this surface, so Crew orchestration, jobs, and host integrations are conservatively hidden.";
 	const runtimeReady = runtime?.ok === true && runtime?.service === "dsh-crew-hub";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		style: {
@@ -1448,7 +2060,7 @@ function MinimalCrewPanel({ locale, surface, runtime }) {
 						children: runtimeReady ? `Runtime ${runtime.runtime_version ?? "READY"}` : "Runtime UNKNOWN"
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						style: readinessChip(native ? READINESS_STATES.READY : READINESS_STATES.UNKNOWN),
-						children: native ? "3210 · isolated" : "surface · unknown"
+						children: native ? "3210 · official profile + Crew plugin" : "surface · unknown"
 					})]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
@@ -1464,7 +2076,7 @@ function MinimalCrewPanel({ locale, surface, runtime }) {
 						borderColor: "rgba(74,158,255,0.55)",
 						background: "rgba(74,158,255,0.08)"
 					},
-					children: zh ? "打开 3080 DSH Crew 控制台 →" : "Open the 3080 DSH Crew console →"
+					children: zh ? "打开官方 Harness 界面（3080） →" : "Open official Harness (3080) →"
 				})
 			]
 		})
@@ -1498,8 +2110,17 @@ function WorkersPanel({ ctx }) {
 	const [testResult, setTestResult] = (0, react.useState)(null);
 	const [expandedSections, setExpandedSections] = (0, react.useState)(() => readSectionState(sectionStorage()));
 	const [surface, setSurface] = (0, react.useState)("detecting");
-	const [runtimeInfo, setRuntimeInfo] = (0, react.useState)(void 0);
-	const [readinessSnapshot, setReadinessSnapshot] = (0, react.useState)(void 0);
+	const [readinessEnvelope, setReadinessEnvelope] = (0, react.useState)({});
+	const readinessGeneration = (0, react.useRef)(0);
+	const runtimeInfo = readinessEnvelope.runtime;
+	const readinessSnapshot = readinessEnvelope.snapshot;
+	(0, react.useEffect)(() => {
+		const delay = readinessExpiryDelay(readinessEnvelope.expiresAt);
+		if (delay === null) return void 0;
+		const expected = readinessEnvelope;
+		const timer = setTimeout(() => setReadinessEnvelope((current) => current === expected ? {} : current), delay);
+		return () => clearTimeout(timer);
+	}, [readinessEnvelope]);
 	const toggleSection = (sectionId) => {
 		setExpandedSections((current) => ({
 			...current,
@@ -1544,7 +2165,10 @@ function WorkersPanel({ ctx }) {
 	/** Every request carries the active locale: the panel is the authority on it
 	* (DSH's setting may be unset), and the hub localizes its own strings from it. */
 	const withLang = (0, react.useCallback)((path) => `${API}${path}${path.includes("?") ? "&" : "?"}lang=${locale === "zh" ? "zh" : "en"}`, [locale]);
-	const get = (0, react.useCallback)(async (path) => readJson(await fetch(withLang(path), { cache: "no-store" }), path), [readJson, withLang]);
+	const get = (0, react.useCallback)(async (path, timeoutMs = 8e3) => readJson(await fetch(withLang(path), {
+		cache: "no-store",
+		signal: AbortSignal.timeout(timeoutMs)
+	}), path), [readJson, withLang]);
 	const post = (0, react.useCallback)(async (path, body) => readJson(await fetch(withLang(path), {
 		method: "POST",
 		headers: { "content-type": "application/json" },
@@ -1569,7 +2193,6 @@ function WorkersPanel({ ctx }) {
 			}
 		};
 		const [bridgeStatus, runtime] = await Promise.all([readOptional("/bridge-status"), readOptional("/runtime")]);
-		setRuntimeInfo(runtime);
 		setSurface(classifyCrewSurface({
 			bridgeStatus,
 			runtime
@@ -1579,16 +2202,17 @@ function WorkersPanel({ ctx }) {
 		detectSurface();
 	}, [detectSurface]);
 	const refreshAll = (0, react.useCallback)(async () => {
+		const generation = ++readinessGeneration.current;
+		setReadinessEnvelope({});
 		try {
-			const [j, s, c, pr, pi, ph, cr, ext] = await Promise.all([
+			const [j, s, c, pr, pi, ph, cr] = await Promise.all([
 				get("/jobs"),
 				get("/install/status"),
 				get("/config"),
 				get("/presets"),
 				get("/providers").catch(() => null),
 				get("/provider-health").catch(() => null),
-				get("/credential-references").catch(() => null),
-				get("/extension").catch(() => null)
+				get("/credential-references").catch(() => null)
 			]);
 			if (j.ok) setJobs(j.jobs ?? []);
 			if (s.ok) setStatus(s.status);
@@ -1606,19 +2230,44 @@ function WorkersPanel({ ctx }) {
 				setCredentialRefs(cr.records ?? []);
 				setCredentialUnverified(cr.unverified_purges ?? []);
 			}
-			if (ext?.ok) setReadinessSnapshot(ext.extension?.readiness_snapshot ?? void 0);
-		} catch {}
+		} catch {
+			if (generation === readinessGeneration.current) setReadinessEnvelope({});
+		}
 	}, [get]);
 	(0, react.useEffect)(() => {
 		if (!surfaceResponsibilities(surface).fullControlPlane) return void 0;
 		refreshAll();
-		const timer = setInterval(() => {
-			Promise.all([get("/jobs"), get("/provider-health").catch(() => null)]).then(([j, health]) => {
-				if (j.ok) setJobs(j.jobs ?? []);
+		let cancelled = false;
+		let timer;
+		const poll = async () => {
+			const generation = ++readinessGeneration.current;
+			try {
+				const ext = await get("/extension", 5e3);
+				if (!cancelled && generation === readinessGeneration.current) {
+					const accepted = acceptReadinessResponse(ext, {
+						generation,
+						latestGeneration: readinessGeneration.current
+					});
+					if (accepted.accepted) setReadinessEnvelope(accepted.envelope);
+				}
+			} catch {
+				if (!cancelled && generation === readinessGeneration.current) setReadinessEnvelope({});
+			}
+			Promise.all([get("/jobs", 5e3).catch(() => null), get("/provider-health", 5e3).catch(() => null)]).then(([j, health]) => {
+				if (cancelled) return;
+				if (j?.ok) setJobs(j.jobs ?? []);
 				if (health?.ok) setProviderHealth(health.health ?? []);
 			}).catch(() => {});
-		}, 3e3);
-		return () => clearInterval(timer);
+			if (!cancelled) timer = setTimeout(() => {
+				poll();
+			}, 3e3);
+		};
+		poll();
+		return () => {
+			cancelled = true;
+			readinessGeneration.current += 1;
+			if (timer) clearTimeout(timer);
+		};
 	}, [
 		surface,
 		refreshAll,
@@ -2252,7 +2901,7 @@ function WorkersPanel({ ctx }) {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				style: S.chip(ready),
-				children: ready ? `● ${copy.ready}` : `○ ${copy.notReady}`
+				children: ready ? `● ${copy.integrationReady}` : `○ ${copy.notReady}`
 			}),
 			extra,
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
@@ -2316,6 +2965,7 @@ function WorkersPanel({ ctx }) {
 		} } });
 	};
 	const modelActivity = aggregateModelInvocations(jobs);
+	const modelState = modelCallabilityState(readinessSnapshot?.model_callability, runtimeInfo);
 	const currentSurfaceResponsibilities = surfaceResponsibilities(surface);
 	const hostReadiness = projectHostReadiness({
 		installStatus: status,
@@ -2329,6 +2979,7 @@ function WorkersPanel({ ctx }) {
 		runtime: runtimeInfo
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "dsh-crew-ui",
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -2337,102 +2988,39 @@ function WorkersPanel({ ctx }) {
 			lineHeight: 1.55
 		},
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				style: {
-					border: "1px solid rgba(128,128,128,0.24)",
-					borderRadius: 12,
-					padding: "14px 15px",
-					display: "flex",
-					gap: 14,
-					alignItems: "center",
-					flexWrap: "wrap",
-					background: "linear-gradient(135deg, rgba(74,158,255,0.10), rgba(128,128,128,0.025) 56%)"
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					style: {
-						minWidth: 240,
-						flex: 1
-					},
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: {
-								fontSize: 20,
-								fontWeight: 680,
-								letterSpacing: "-0.01em"
-							},
-							children: copy.title
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: {
-								opacity: .7,
-								fontSize: 12.5,
-								marginTop: 2
-							},
-							children: copy.intro
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: {
-								display: "flex",
-								gap: 6,
-								marginTop: 8,
-								flexWrap: "wrap"
-							},
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									style: S.chip(!!status?.codex?.ready),
-									children: ["Codex ", status?.codex?.ready ? "READY" : "CHECK"]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									style: S.chip(!!status?.claude?.ready),
-									children: ["Claude ", status?.claude?.ready ? "READY" : "CHECK"]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									style: S.chip(!!status?.zcode?.ready),
-									children: ["ZCode ", status?.zcode?.ready ? "READY" : "CHECK"]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									style: S.chip(jobs.some((job) => job.status === "running")),
-									children: [jobs.filter((job) => job.status === "running").length, " running"]
-								})
-							]
-						})
-					]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					style: {
-						display: "flex",
-						flexDirection: "column",
-						alignItems: "flex-end",
-						gap: 3
-					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-						href: CREW_HARNESS_URL,
-						target: "_blank",
-						rel: "noopener noreferrer",
-						style: {
-							...S.btn,
-							textDecoration: "none",
-							fontWeight: 650,
-							padding: "7px 12px",
-							borderColor: "rgba(74,158,255,0.55)",
-							background: "rgba(74,158,255,0.10)"
-						},
-						children: copy.openHarness
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						style: {
-							fontSize: 10.5,
-							opacity: .52
-						},
-						children: copy.harnessHint
-					})]
-				})]
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PanelStyles, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PanelHeader, {
+				title: copy.title,
+				eyebrow: copy.surfaceLabel,
+				description: copy.intro,
+				href: CREW_CONTROL_PLANE_URL,
+				linkText: copy.openOfficial,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: S.chip(status?.codex?.installed === true),
+						children: `Codex ${status?.codex?.installed === true ? copy.installed : copy.notInstalled}`
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: S.chip(status?.claude?.installed === true),
+						children: `Claude ${status?.claude?.installed === true ? copy.installed : copy.notInstalled}`
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: S.chip(status?.zcode?.installed === true),
+						children: `ZCode ${status?.zcode?.installed === true ? copy.installed : copy.notInstalled}`
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: readinessChip(modelState),
+						children: modelState === READINESS_STATES.READY ? copy.modelCallable : modelState === READINESS_STATES.UNKNOWN ? copy.modelUnknown : copy.modelNotCallable
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: S.chip(jobs.some((job) => job.status === "running")),
+						children: copy.runningCount(jobs.filter((job) => job.status === "running").length)
+					})
+				]
 			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HistoryPanel, { locale }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				style: {
-					display: "flex",
-					alignItems: "center",
-					gap: 7,
-					marginTop: 5
-				},
+				className: "crew-config-toolbar",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						style: {
@@ -2465,7 +3053,11 @@ function WorkersPanel({ ctx }) {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleSection, {
 				sectionId: "integrations",
 				title: copy.sectionNames.integrations,
-				summary: sectionSummary(status?.claude?.ready ? "Claude READY" : "Claude CHECK", `${status?.codex?.ready ? "Codex READY" : "Codex CHECK"} · ${status?.zcode?.ready ? "ZCode READY" : "ZCode CHECK"}`),
+				summary: sectionSummary(...[
+					"Codex",
+					"Claude",
+					"ZCode"
+				].map((name) => `${name} ${status?.[name.toLowerCase()]?.installed ? copy.installed : copy.notInstalled}`), modelState === READINESS_STATES.READY ? copy.modelCallable : copy.modelNotCallable),
 				expanded: !!expandedSections.integrations,
 				onToggle: () => toggleSection("integrations"),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -4730,7 +5322,7 @@ function WorkersPanel({ ctx }) {
 											children: [
 												entry.selection_sources.join(" · "),
 												" · ",
-												entry.roles.join(" / ")
+												entry.roles.length > 0 ? entry.roles.join(" / ") : copy.never
 											]
 										})]
 									}),