@openspecui/web 7.0.2 → 9.0.1

package/dist-ssg/server/assets/{entry-server-CByGxb_0.js → entry-server-BzFP1YY0.js}

@@ -29590,13 +29590,13 @@ var CliDiagnosticFailureSchema = objectType({ status: arrayType(CliDiagnosticSch
 *
 * Original request (2026-07-26): "即便现在有正在的任务，界面上仍然可以读到缓存，但它也能知道这个缓存现在正在被更新中。"
 */
-var CliJsonValueSchema$1 = lazyType(() => unionType([
+var CliJsonValueSchema$2 = lazyType(() => unionType([
 	stringType(),
 	numberType(),
 	booleanType(),
 	nullType(),
-	arrayType(CliJsonValueSchema$1),
-	recordType(stringType(), CliJsonValueSchema$1)
+	arrayType(CliJsonValueSchema$2),
+	recordType(stringType(), CliJsonValueSchema$2)
 ]));
 /** Complete CLI attempt evidence retained when a Projection Work command rejects. */
 var CliProjectionCommandEvidenceSchema = objectType({
@@ -29604,7 +29604,7 @@ var CliProjectionCommandEvidenceSchema = objectType({
 	stdout: stringType(),
 	stderr: stringType(),
 	exitCode: numberType().int().nullable(),
-	payload: CliJsonValueSchema$1.nullable(),
+	payload: CliJsonValueSchema$2.nullable(),
 	diagnostics: arrayType(CliDiagnosticSchema),
 	contractError: stringType().optional()
 });
@@ -30908,7 +30908,7 @@ var NavController = class {
 				this.storageKey = scopedStorageKey;
 				this.rebindProjectScopedLayout(scopedStorageKey);
 			}
-			const { trpcClient } = await import("./trpc-BZ-LKmoQ.js");
+			const { trpcClient } = await import("./trpc-BbV9JZTO.js");
 			const remote = parsePersistedLayout(await trpcClient.kv.get.query({ key: this.storageKey }));
 			if (remote) {
 				if (remote.updatedAt > this.state.updatedAt) this.dispatch({
@@ -31051,7 +31051,7 @@ var NavController = class {
 		this.cancelPersistTimer();
 		this.persistTimer = setTimeout(() => {
 			this.persistTimer = null;
-			import("./trpc-BZ-LKmoQ.js").then(({ trpcClient }) => trpcClient.kv.set.mutate({
+			import("./trpc-BbV9JZTO.js").then(({ trpcClient }) => trpcClient.kv.set.mutate({
 				key: this.storageKey,
 				value: {
 					mainTabs: this.state.mainTabs,
@@ -38941,6 +38941,65 @@ function F$1(t) {
 	throw new I$2(t);
 }
 //#endregion
+//#region ../core/src/cli-contracts/command-result.ts
+/**
+* Orthogonal intents (updated 2026-08-15 Asia/Shanghai):
+* 1. Preserve every process-level fact from an OpenSpec CLI invocation.
+* 2. Validate command payloads without discarding the raw JSON document.
+* 3. Surface contract drift separately from CLI command failure.
+* 4. Provide the runtime transport-envelope schema for browser evidence boundaries.
+*
+* Original request (2026-07-15): "对新增字段保持可扩展，对必需语义严格验证。"
+* Original request (2026-08-15): "v9的适配需要同时适配 1.8和1.9。"
+*/
+/** Runtime schema for one JSON value retained verbatim from CLI stdout. */
+var CliJsonValueSchema$1 = lazyType(() => unionType([
+	stringType(),
+	numberType(),
+	booleanType(),
+	nullType(),
+	arrayType(CliJsonValueSchema$1),
+	recordType(stringType(), CliJsonValueSchema$1)
+]));
+/** Runtime transport envelope for one CLI command result. */
+var CliCommandTransportSchema = objectType({
+	success: booleanType(),
+	stdout: stringType(),
+	stderr: stringType(),
+	exitCode: numberType().int().nullable(),
+	data: CliJsonValueSchema$1.nullable(),
+	payload: CliJsonValueSchema$1.nullable(),
+	diagnostics: arrayType(CliDiagnosticSchema),
+	contractError: stringType().optional()
+});
+//#endregion
+//#region ../core/src/cli-contracts/schema-resolution.ts
+/**
+* Orthogonal intents (created 2026-08-15 Asia/Shanghai):
+* 1. Decode `schemas --json` as a success-array or selected-Root failure sum type.
+* 2. Keep the 1.9 failure envelope's diagnostics and absent Root distinct from an empty catalog.
+* 3. Reuse the shared SchemaInfo entry shape across success and failure envelopes.
+* 4. Keep the sum type importable from browser-safe Core consumers without workflow contracts.
+*
+* Original request (2026-08-15): "v9的适配需要同时适配 1.8和1.9。"
+*/
+/** One workflow schema discovered by the CLI-selected OpenSpec runtime. */
+var CliSchemaInfoSchema = objectType({
+	name: stringType(),
+	description: stringType().optional(),
+	artifacts: arrayType(stringType()),
+	source: enumType([
+		"project",
+		"user",
+		"package"
+	])
+}).passthrough();
+unionType([arrayType(CliSchemaInfoSchema), objectType({
+	schemas: arrayType(CliSchemaInfoSchema),
+	root: nullType(),
+	status: arrayType(CliDiagnosticSchema).min(1)
+}).passthrough()]);
+//#endregion
 //#region ../core/src/cli-contracts/store.ts
 /**
 * Orthogonal intents (created 2026-07-15 Asia/Shanghai):
@@ -39088,18 +39147,6 @@ objectType({
 	root: CliRootSchema.nullable(),
 	status: arrayType(CliDiagnosticSchema).optional()
 }).passthrough();
-/** One workflow schema discovered by the CLI-selected OpenSpec runtime. */
-var CliSchemaInfoSchema = objectType({
-	name: stringType(),
-	description: stringType().optional(),
-	artifacts: arrayType(stringType()),
-	source: enumType([
-		"project",
-		"user",
-		"package"
-	])
-}).passthrough();
-arrayType(CliSchemaInfoSchema);
 /** CLI resolution for one schema, including lower-priority shadows. */
 var CliSchemaShadowSchema = objectType({
 	source: enumType([
@@ -39189,7 +39236,8 @@ unionType([objectType({
 	planningHome: CliPlanningHomeSchema,
 	changeRoot: stringType(),
 	artifactPaths: recordType(CliArtifactPathSchema),
-	isComplete: booleanType(),
+	isPlanningComplete: booleanType(),
+	isComplete: booleanType().optional(),
 	applyRequires: arrayType(stringType()),
 	nextSteps: arrayType(stringType()),
 	actionContext: CliActionContextSchema,
@@ -39272,7 +39320,8 @@ var CliValidationTotalsSchema = objectType({
 	passed: numberType(),
 	failed: numberType()
 }).passthrough();
-unionType([objectType({
+/** Typed ordinary Validate report, also used by 1.9 `validate --archived --json`. */
+var CliValidateReportSchema = objectType({
 	items: arrayType(objectType({
 		id: stringType(),
 		type: enumType(["change", "spec"]),
@@ -39286,7 +39335,8 @@ unionType([objectType({
 	}).passthrough(),
 	version: stringType(),
 	root: CliRootSchema
-}).passthrough(), CliDiagnosticFailureSchema]);
+}).passthrough();
+unionType([CliValidateReportSchema, CliDiagnosticFailureSchema]);
 var CliArchiveTotalsSchema = objectType({
 	added: numberType(),
 	modified: numberType(),
@@ -39299,7 +39349,8 @@ objectType({
 		archivedAs: stringType(),
 		path: stringType(),
 		specsUpdated: booleanType(),
-		totals: CliArchiveTotalsSchema.optional()
+		totals: CliArchiveTotalsSchema.optional(),
+		warnings: arrayType(stringType()).optional()
 	}).passthrough().nullable(),
 	root: CliRootSchema.optional(),
 	status: arrayType(CliDiagnosticSchema).optional()
@@ -39993,7 +40044,7 @@ function buildChangeStatus(snapshot, change, preferredSchema) {
 	return {
 		changeName: change.id,
 		schemaName,
-		isComplete: artifacts.length > 0 && artifacts.every((artifact) => artifact.status === "done"),
+		isPlanningComplete: artifacts.length > 0 && artifacts.every((artifact) => artifact.status === "done"),
 		applyRequires: schemaDetail.applyRequires ?? [],
 		artifacts,
 		provenance: { kind: "static" }
@@ -40180,6 +40231,7 @@ async function getDashboardOverview() {
 		id: change.id,
 		name: change.name,
 		trackedTaskProgress: change.trackedTaskProgress,
+		cliTaskSummary: change.cliTaskSummary ?? null,
 		updatedAt: change.updatedAt
 	}));
 	const activeChanges = selectRecentDashboardItems(allActiveChanges);
@@ -40311,7 +40363,8 @@ async function getChanges() {
 		trackedTaskProgress: change.trackedTaskProgress,
 		documentChecklistSummary: change.documentChecklistSummary,
 		createdAt: change.createdAt,
-		updatedAt: change.updatedAt
+		updatedAt: change.updatedAt,
+		cliTaskSummary: change.cliTaskSummary ?? null
 	}));
 }
 /**
@@ -40465,9 +40518,23 @@ async function getConfig$1() {
 async function getOpsxProjectConfig() {
 	return (await loadSnapshot())?.opsx?.configYaml ?? null;
 }
+/** Typed static projection error raised when the export captured a schemas-observation failure. */
+var StaticSchemasCaptureError = class extends Error {
+	constructor(capture) {
+		super(capture.diagnostics.length > 0 ? capture.diagnostics.map((diagnostic) => diagnostic.message).join("\n") : capture.stderr.trim() || "The static schemas observation failed.");
+		this.capture = capture;
+		this.name = "StaticSchemasCaptureError";
+	}
+};
+/** Reject list and bundle reads when the export captured a schemas-observation failure. */
+function assertSchemasCaptureCaptured(snapshot) {
+	const capture = snapshot?.opsx?.schemasCapture;
+	if (capture && capture.ok === false) throw new StaticSchemasCaptureError(capture);
+}
 /** Return the static Schema list together with its detail and resolution projections. */
 async function getOpsxConfigBundle() {
 	const snapshot = await loadSnapshot();
+	assertSchemasCaptureCaptured(snapshot);
 	return {
 		schemas: snapshot?.opsx?.schemas ?? [],
 		schemaDetails: snapshot?.opsx?.schemaDetails ?? {},
@@ -40477,6 +40544,7 @@ async function getOpsxConfigBundle() {
 /** Return exported templates for the requested Schema, or the snapshot default Schema. */
 async function getOpsxTemplates(schema) {
 	const snapshot = await loadSnapshot();
+	assertSchemasCaptureCaptured(snapshot);
 	if (!snapshot?.opsx?.templates) return null;
 	if (!schema) {
 		const first = Object.keys(snapshot.opsx.templates)[0];
@@ -40497,6 +40565,7 @@ async function getOpsxTemplates(schema) {
 /** Reconstruct the exported file tree for one Schema without enabling mutations. */
 async function getOpsxSchemaFiles(name) {
 	const snapshot = await loadSnapshot();
+	assertSchemasCaptureCaptured(snapshot);
 	if (!snapshot?.opsx) return null;
 	let schemaName = name;
 	if (!schemaName) schemaName = snapshot.opsx.schemas?.[0]?.name ?? Object.keys(snapshot.opsx.schemaDetails ?? {})[0];
@@ -40542,6 +40611,7 @@ async function getOpsxSchemaFiles(name) {
 /** Return all exported template documents for the requested or default Schema. */
 async function getOpsxTemplateContents(schema) {
 	const snapshot = await loadSnapshot();
+	assertSchemasCaptureCaptured(snapshot);
 	if (!snapshot?.opsx) return null;
 	const targetSchema = schema ?? snapshot.opsx.schemas?.[0]?.name ?? Object.keys(snapshot.opsx.templates ?? {})[0] ?? null;
 	if (!targetSchema) return null;
@@ -43124,16 +43194,15 @@ function createApplyInstructionProgress(input, trackedTaskProgress) {
 //#endregion
 //#region ../core/src/opsx-types.ts
 /**
-* Orthogonal intents (updated 2026-08-01 Asia/Shanghai):
-* 1. Define reactive Change Status and Instructions projections.
-* 2. Preserve live CLI path/action/Reference provenance versus explicit static absence.
-* 3. Attribute Apply instruction progress without replacing tracked-task truth.
-* 4. Define schema, template, skipped-dependency, and operation-input projections for OPSX surfaces.
-* 5. Publish runtime schemas for final Projection Work payloads, including transformed Apply progress.
-*
-* Original request (2026-07-15): "Preserve CLI-provided paths, action context, References, and diagnostics end to end."
-* Original request (2026-07-23): "OPSX Status 不应等待完整 Kernel warmup，且必须保留 CLI evidence。"
-* Original request (2026-07-26): "展开全面的接口升级和内核升级和测试升级。"
+* Orthogonal intents (updated 2026-08-15 Asia/Shanghai):
+* 1. Publish runtime schemas for final Projection Work payloads, including transformed Apply progress.
+* 2. Keep isPlanningComplete as the authoritative planning fact over any local tracked alias.
+* 3. Carry CLI status evidence, diagnostics, and per-artifact requires as typed facts.
+* 4. Preserve root-context and store projections as browser-safe contracts.
+* 5. Keep projection notices distinct from payload data so failures never masquerade as results.
+*
+* Original request (2026-07-15): "为内核载荷建立强类型。"
+* Original request (2026-08-15): "v9的适配需要同时适配 1.8和1.9。"
 */
 /** Runtime schema for one JSON value retained from a CLI Status stdout document. */
 var OpsxCliJsonValueSchema = lazyType(() => unionType([
@@ -43183,7 +43252,7 @@ var ArtifactStatusSchema = objectType({
 var ChangeStatusSchema = objectType({
 	changeName: stringType(),
 	schemaName: stringType(),
-	isComplete: booleanType(),
+	isPlanningComplete: booleanType(),
 	applyRequires: arrayType(stringType()),
 	artifacts: arrayType(ArtifactStatusSchema),
 	provenance: discriminatedUnionType("kind", [objectType({
@@ -43418,6 +43487,17 @@ var PlanningCliProjectionStateSchema = createCliProjectionStateSchema(discrimina
 	objectType({
 		kind: literalType("opsx-change-list"),
 		value: arrayType(stringType()),
+		entries: arrayType(objectType({
+			name: stringType(),
+			completedTasks: numberType(),
+			totalTasks: numberType(),
+			lastModified: stringType(),
+			status: enumType([
+				"no-tasks",
+				"complete",
+				"in-progress"
+			])
+		})),
 		evidence: CliProjectionCommandEvidenceSchema
 	}),
 	objectType({
@@ -71019,7 +71099,7 @@ var browserExt = {
 	},
 	test: () => true,
 	load: async () => {
-		await import("./browserAll-C3TgySxy.js");
+		await import("./browserAll-DmyvKJDK.js");
 	}
 };
 //#endregion
@@ -71032,7 +71112,7 @@ var webworkerExt = {
 	},
 	test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
 	load: async () => {
-		await import("./webworkerAll-jouzdRxg.js");
+		await import("./webworkerAll-didcaEA_.js");
 	}
 };
 //#endregion
@@ -73626,7 +73706,7 @@ async function autoDetectRenderer(options) {
 	for (let i = 0; i < preferredOrder.length; i++) {
 		const rendererType = preferredOrder[i];
 		if (rendererType === "webgpu" && await isWebGPUSupported()) {
-			const { WebGPURenderer } = await import("./WebGPURenderer-CzqH7K0F.js");
+			const { WebGPURenderer } = await import("./WebGPURenderer-CfV-9erK.js");
 			RendererClass = WebGPURenderer;
 			finalOptions = {
 				...options,
@@ -73634,7 +73714,7 @@ async function autoDetectRenderer(options) {
 			};
 			break;
 		} else if (rendererType === "webgl" && isWebGLSupported(options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat)) {
-			const { WebGLRenderer } = await import("./WebGLRenderer-VYeMuiRZ.js");
+			const { WebGLRenderer } = await import("./WebGLRenderer-CA7hgj6q.js");
 			RendererClass = WebGLRenderer;
 			finalOptions = {
 				...options,
@@ -73642,7 +73722,7 @@ async function autoDetectRenderer(options) {
 			};
 			break;
 		} else if (rendererType === "canvas") {
-			const { CanvasRenderer } = await import("./CanvasRenderer-2gUSLPR3.js");
+			const { CanvasRenderer } = await import("./CanvasRenderer-D5UXmqkQ.js");
 			RendererClass = CanvasRenderer;
 			finalOptions = {
 				...options,
@@ -97391,7 +97471,7 @@ var TerminalController = class {
 		if (this.configPersistTimer) clearTimeout(this.configPersistTimer);
 		this.configPersistTimer = setTimeout(() => {
 			this.configPersistTimer = null;
-			import("./trpc-BZ-LKmoQ.js").then(({ trpcClient }) => {
+			import("./trpc-BbV9JZTO.js").then(({ trpcClient }) => {
 				trpcClient.config.update.mutate({ terminal: { fontSize: this.config.fontSize } });
 			}).catch(() => {});
 		}, CONFIG_PERSIST_DEBOUNCE);
@@ -98960,6 +99040,42 @@ function ConfigFormSkeleton({ fields = 4 }) {
 	});
 }
 //#endregion
+//#region src/components/realtime/shiny-status.tsx
+/**
+* Orthogonal intents (created 2026-08-15 Asia/Shanghai):
+* 1. Animate normal-lifecycle text (loading/resolving/refreshing) with the shiny-text luminance language.
+* 2. Compose it into one keyboard-reachable Badge whose complete meaning lives in a Tooltip.
+* 3. Keep the polite live-region semantic for assistive tech without occupying layout space.
+*
+* Original request (2026-08-15): 刷新/解析中的块级 Alert 改为 Animated Shiny Text + Tooltip，不占界面空间。
+* Boundary: terminal errors/empty/block states are NOT normal lifecycle — they keep text notices.
+*/
+/** Normal-lifecycle text whose luminance sweep replaces a block-level loading notice. */
+function AnimatedShinyText({ children, className }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: cn$1("rt-shiny-text", className),
+		children
+	});
+}
+/**
+* One inline lifecycle badge: shiny label + Tooltip message + hidden live region.
+* The accessible status carries the full message so `getByRole('status')` semantics survive.
+*/
+function ShinyStatusBadge({ label, message, className, ...badgeProps }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+		content: message,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+			role: "note",
+			tabIndex: 0,
+			"aria-label": message,
+			tone: "muted",
+			className: cn$1("focus-visible:ring-primary cursor-help px-1.5 text-[11px] font-medium outline-none focus-visible:ring-2 focus-visible:ring-offset-2", className),
+			...badgeProps,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedShinyText, { children: label })
+		})
+	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccessibleStatus, { children: message })] });
+}
+//#endregion
 //#region src/lib/format-time.ts
 /**
 * Format a timestamp as relative time (e.g., "2 hours ago", "3 days ago")
@@ -107916,7 +108032,7 @@ var languages = [
 		name: "CSS",
 		extensions: ["css"],
 		load() {
-			return import("./dist-Cr2VaH_X.js").then((m) => m.css());
+			return import("./dist-edAEd-k-.js").then((m) => m.css());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107936,7 +108052,7 @@ var languages = [
 			"hbs"
 		],
 		load() {
-			return import("./dist-CcweeoW2.js").then((m) => m.html());
+			return import("./dist-DRkFTPqz.js").then((m) => m.html());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107970,7 +108086,7 @@ var languages = [
 			"jinja2"
 		],
 		load() {
-			return import("./dist-DxUyXTq1.js").then((m) => m.jinja());
+			return import("./dist-0Gp0z2-n.js").then((m) => m.jinja());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107978,7 +108094,7 @@ var languages = [
 		alias: ["json5"],
 		extensions: ["json", "map"],
 		load() {
-			return import("./dist-CuufxmlH.js").then((m) => m.json());
+			return import("./dist-Bhwr_0k7.js").then((m) => m.json());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107992,14 +108108,14 @@ var languages = [
 		name: "LESS",
 		extensions: ["less"],
 		load() {
-			return import("./dist-C0UE33e7.js").then((m) => m.less());
+			return import("./dist-BaqegCo3.js").then((m) => m.less());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
 		name: "Liquid",
 		extensions: ["liquid"],
 		load() {
-			return import("./dist-BQopLPgi.js").then((m) => m.liquid());
+			return import("./dist-DfJANrLX.js").then((m) => m.liquid());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -108016,7 +108132,7 @@ var languages = [
 			"mkd"
 		],
 		load() {
-			return import("./dist-DHRASvmg.js").then((m) => m.markdown());
+			return import("./dist-DlZIJzsh.js").then((m) => m.markdown());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -108042,7 +108158,7 @@ var languages = [
 			"phtml"
 		],
 		load() {
-			return import("./dist-CqznyH3C.js").then((m) => m.php());
+			return import("./dist-rENGOe6I.js").then((m) => m.php());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -108082,14 +108198,14 @@ var languages = [
 		name: "Sass",
 		extensions: ["sass"],
 		load() {
-			return import("./dist-DukPjaq8.js").then((m) => m.sass({ indented: true }));
+			return import("./dist-BSrtv0FL.js").then((m) => m.sass({ indented: true }));
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
 		name: "SCSS",
 		extensions: ["scss"],
 		load() {
-			return import("./dist-DukPjaq8.js").then((m) => m.sass());
+			return import("./dist-BSrtv0FL.js").then((m) => m.sass());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -108156,7 +108272,7 @@ var languages = [
 		alias: ["yml"],
 		extensions: ["yaml", "yml"],
 		load() {
-			return import("./dist-D-tZhX9W.js").then((m) => m.yaml());
+			return import("./dist-cgbXhCvj.js").then((m) => m.yaml());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -109043,13 +109159,13 @@ var languages = [
 		name: "Vue",
 		extensions: ["vue"],
 		load() {
-			return import("./dist-BSYA61e0.js").then((m) => m.vue());
+			return import("./dist-DgvOnKuT.js").then((m) => m.vue());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
 		name: "Angular Template",
 		load() {
-			return import("./dist-BQhB00FX.js").then((m) => m.angular());
+			return import("./dist-jJpwOzat.js").then((m) => m.angular());
 		}
 	})
 ];
@@ -169249,8 +169365,7 @@ function ReadonlyKanban({ activeItems, archivedItems, activeCounts, archivedCoun
 								transition: { duration: .16 },
 								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReadonlyKanbanRow, {
 									item,
-									laneId: lane.id,
-									compact
+									laneId: lane.id
 								})
 							}, `${lane.id}:${item.id}`))
 						}), rows.length === 0 && count === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -169269,15 +169384,13 @@ function ReadonlyKanban({ activeItems, archivedItems, activeCounts, archivedCoun
 		})
 	});
 }
-function ReadonlyKanbanRow({ item, laneId, compact }) {
+function ReadonlyKanbanRow({ item, laneId }) {
 	const archived = laneId === "archived";
 	const sharedDescriptor = {
 		family: archived ? "archive" : "changes",
 		entityId: item.id
 	};
-	const progress = item.trackedTaskProgress;
-	const percent = progress.total > 0 ? Math.round(progress.completed / progress.total * 100) : 0;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(VTLink, {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VTLink, {
 		to: archived ? "/archive/$changeId" : "/changes/$changeId",
 		params: { changeId: item.id },
 		state: (previous) => ({
@@ -169291,38 +169404,20 @@ function ReadonlyKanbanRow({ item, laneId, compact }) {
 		vt: { sharedElements: sharedDescriptor },
 		...getSharedElementBinding(sharedDescriptor, "container"),
 		className: "border-border/70 bg-card hover:bg-muted/50 block min-w-0 rounded-md border px-2.5 py-2",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "flex min-w-0 items-start gap-2",
-			children: [
-				archived ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Archive, { className: "text-muted-foreground mt-0.5 h-3.5 w-3.5 shrink-0" }) : null,
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						...getSharedElementBinding(sharedDescriptor, "title"),
-						className: "truncate text-xs font-medium",
-						children: item.name
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "text-muted-foreground truncate text-[11px]",
-						children: archived ? formatDate(getKanbanArchiveTimestamp(item)) : item.updatedAt > 0 ? formatRelativeTime(item.updatedAt) : item.id
-					})]
-				}),
-				!archived ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-					className: "text-muted-foreground shrink-0 font-mono text-[10px]",
-					children: [
-						progress.completed,
-						"/",
-						progress.total
-					]
-				}) : null
-			]
-		}), !archived && !compact ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "bg-muted mt-2 h-1 rounded-full",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.div, {
-				className: "bg-primary h-full rounded-full",
-				initial: false,
-				animate: { width: `${percent}%` }
-			})
-		}) : null]
+			children: [archived ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Archive, { className: "text-muted-foreground mt-0.5 h-3.5 w-3.5 shrink-0" }) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					...getSharedElementBinding(sharedDescriptor, "title"),
+					className: "truncate text-xs font-medium",
+					children: item.name
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-muted-foreground truncate text-[11px]",
+					children: archived ? formatDate(getKanbanArchiveTimestamp(item)) : item.updatedAt > 0 ? formatRelativeTime(item.updatedAt) : item.id
+				})]
+			})]
+		})
 	});
 }
 //#endregion
@@ -169673,27 +169768,93 @@ function Board() {
 	});
 }
 //#endregion
+//#region src/components/change-row.tsx
+/**
+* Orthogonal intents (created 2026-08-15 Asia/Shanghai):
+* 1. Render one Change row with a grid: icon, title/subtitle, and a right rail.
+* 2. Keep the phase badge vertically centered while the time anchors the rail bottom.
+* 3. Share the exact row vocabulary between the Changes list and Dashboard.
+* 4. Preserve shared-element bindings for View Transition continuity.
+* 5. Keep the phase badge a planning/artifact signal; Apply progress belongs to Change Detail.
+*
+* Original request (2026-08-15): Owner walkthrough: grid layout, subtitle facts, badge
+*   centered with time at the bottom, one atomic row component across pages.
+*/
+/** Shared Change-row layout: icon | title+subtitle | badge(time) | chevron. */
+function ChangeRow({ changeId, name, subtitle, phase, updatedAt, formatTime, sharedFamily = "changes", className = "", containerProps, titleProps, iconProps }) {
+	const sharedDescriptor = {
+		family: sharedFamily,
+		entityId: changeId
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		...containerProps,
+		...getSharedElementBinding(sharedDescriptor, "container"),
+		className: `grid grid-cols-[auto_minmax(0,1fr)_auto] items-stretch gap-x-3 ${className}`,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex items-center",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitBranch, {
+					...iconProps,
+					...getSharedElementBinding(sharedDescriptor, "icon"),
+					className: "text-muted-foreground h-5 w-5 shrink-0"
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex min-w-0 flex-col justify-center gap-0.5 py-0.5",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					...titleProps,
+					...getSharedElementBinding(sharedDescriptor, "title"),
+					className: "truncate font-medium",
+					children: name
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-muted-foreground truncate text-xs",
+					children: subtitle
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col items-end justify-between gap-1 text-right",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex flex-1 items-center",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
+						tone: "custom",
+						size: "sm",
+						shape: "box",
+						className: `border ${phase.toneClass}`,
+						children: phase.label
+					})
+				}), updatedAt > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "text-muted-foreground shrink-0 text-xs",
+					children: formatTime(updatedAt)
+				}) : null]
+			})
+		]
+	});
+}
+/** Chevron affordance kept outside the grid so row layouts stay composable. */
+function ChangeRowChevron() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, {
+		className: "text-muted-foreground h-4 w-4 shrink-0",
+		"aria-hidden": true
+	});
+}
+//#endregion
 //#region src/lib/change-workflow-phase.ts
 function classifyChangeWorkflowPhase(params) {
 	if (!params.hasStatus) return {
 		label: "Unknown",
 		toneClass: "border-border text-muted-foreground"
 	};
-	if (params.isComplete && params.trackedTaskPhase === "complete") return {
-		label: "Workflow Complete",
-		toneClass: "border-emerald-500/40 text-emerald-700 dark:text-emerald-300"
-	};
 	if (params.trackedArtifactStatus === "blocked") return {
 		label: "Draft",
 		toneClass: "border-amber-500/40 text-amber-700 dark:text-amber-300"
 	};
-	if (params.trackedTaskPhase === "no-tasks") return {
-		label: "No Tracked Tasks",
-		toneClass: "border-border text-muted-foreground"
+	if (params.isPlanningComplete) return {
+		label: "Planning Complete",
+		toneClass: "border-sky-500/40 text-sky-700 dark:text-sky-300"
 	};
 	return {
-		label: "In Execution",
-		toneClass: "border-primary/40 text-primary"
+		label: "Planning",
+		toneClass: "border-border text-muted-foreground"
 	};
 }
 function inferTrackedArtifactStatus(artifactStatuses) {
@@ -169780,9 +169941,9 @@ function useChangeListContinuity(incomingChanges, containerRef) {
 //#endregion
 //#region src/routes/change-list.tsx
 /**
-* Orthogonal intents (updated 2026-07-27 Asia/Shanghai):
+* Orthogonal intents (updated 2026-08-15 Asia/Shanghai):
 * 1. List only active Changes from the current writable Planning root.
-* 2. Derive workflow state and terminal evidence from CLI Status and formal tracked-task progress.
+* 2. Derive planning/artifact state and terminal evidence from CLI Status only.
 * 3. Preserve ChangeList row continuity and stale display together with collision-safe detail navigation.
 * 4. Keep the advanced New Change command reachable from the page header.
 * 5. Defer aggregate workflow Status until a primary Change row is renderable; preserve explicit failures.
@@ -169793,6 +169954,8 @@ function useChangeListContinuity(incomingChanges, containerRef) {
 *
 * Original request (2026-07-15): "One project backend has one launch project and one CLI-selected writable planning root."
 * Original request (2026-07-21): "Changes页面的右上角没有 New,你要不要快速补一个"
+
+* Original request (2026-08-15): "v9的适配需要同时适配 1.8和1.9。"
 */
 function buildStatusMap(statuses) {
 	return new Map((statuses ?? []).map((status) => [status.changeName, status]));
@@ -169915,16 +170078,14 @@ function ChangeList() {
 						const totalArtifacts = status?.artifacts.length ?? 0;
 						const phase = classifyChangeWorkflowPhase({
 							hasStatus: Boolean(status),
-							isComplete: status?.isComplete ?? false,
-							trackedTaskPhase: change.trackedTaskProgress.phase,
+							isPlanningComplete: status?.isPlanningComplete ?? false,
 							trackedArtifactStatus: inferTrackedArtifactStatus(status?.artifacts.map((artifact) => artifact.status) ?? [])
 						});
-						const taskPercent = change.trackedTaskProgress.total > 0 ? Math.round(change.trackedTaskProgress.completed / change.trackedTaskProgress.total * 100) : 0;
 						const sharedDescriptor = {
 							family: "changes",
 							entityId: change.id
 						};
-						return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(VTLink, {
+						return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VTLink, {
 							to: "/changes/$changeId",
 							params: { changeId: change.id },
 							state: (prev) => ({
@@ -169939,74 +170100,25 @@ function ChangeList() {
 							vt: { sharedElements: sharedDescriptor },
 							...getSharedElementBinding(sharedDescriptor, "container"),
 							className: "hover:bg-muted/50 block px-4 py-3",
-							children: [
-								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "mb-2 flex items-center justify-between gap-3",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-										className: "flex min-w-0 items-start gap-3",
-										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(GitBranch, {
-											...getSharedElementBinding(sharedDescriptor, "icon"),
-											className: "text-muted-foreground mt-0.5 h-5 w-5 shrink-0"
-										}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-											className: "min-w-0",
-											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-												...getSharedElementBinding(sharedDescriptor, "title"),
-												className: "truncate font-medium",
-												children: change.name
-											}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-												className: "text-muted-foreground truncate text-sm",
-												children: [change.id, change.updatedAt > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [" · ", formatRelativeTime(change.updatedAt)] })]
-											})]
-										})]
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-										className: "flex items-center gap-3",
-										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-											className: "flex flex-col items-end gap-1 text-right text-sm",
-											children: [
-												/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
-													tone: "custom",
-													size: "sm",
-													shape: "box",
-													className: `border ${phase.toneClass}`,
-													children: phase.label
-												}),
-												/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-													className: "font-medium",
-													children: [
-														change.trackedTaskProgress.completed,
-														"/",
-														change.trackedTaskProgress.total
-													]
-												}),
-												/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-													className: "text-muted-foreground text-xs",
-													children: "tasks"
-												})
-											]
-										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: "text-muted-foreground h-4 w-4 shrink-0" })]
-									})]
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-									className: "bg-muted h-1.5 rounded-full",
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-										className: "bg-primary h-full rounded-full transition-all",
-										style: { width: `${taskPercent}%` }
-									})
-								}),
-								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "text-muted-foreground mt-2 flex flex-wrap items-center justify-between gap-2 text-xs",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: change.trackedTaskProgress.phase === "no-tasks" ? "No tracked tasks" : `${taskPercent}% task completion` }), !statusError && status ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-										className: "truncate",
-										children: [
-											doneArtifacts,
-											"/",
-											totalArtifacts,
-											" artifacts · ",
-											status.schemaName
-										]
-									}) : !statusError && statuses === void 0 && isStatusLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealtimeSkeletonLine, { className: "w-28" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Workflow status unavailable" })]
-								})
-							]
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeRow, {
+									changeId: change.id,
+									name: change.name,
+									phase,
+									updatedAt: change.updatedAt,
+									formatTime: formatRelativeTime,
+									className: "min-w-0 flex-1",
+									titleProps: { ...change.id !== change.name ? {} : null },
+									subtitle: !statusError && status ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+										doneArtifacts,
+										"/",
+										totalArtifacts,
+										" artifacts · ",
+										status.schemaName
+									] }) : !statusError && statuses === void 0 && isStatusLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealtimeSkeletonLine, { className: "w-28" }) : "Workflow status unavailable"
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeRowChevron, {})]
+							})
 						}, change.id);
 					}), hasCurrentEmptyChanges && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 						className: "text-muted-foreground p-4 text-center",
@@ -171034,15 +171146,41 @@ function EvidenceDisclosure({ title, children, summary, defaultOpen = false, cla
 //#endregion
 //#region src/components/apply-progress-notice.tsx
 /**
-* Orthogonal intents (updated 2026-07-28 Asia/Shanghai):
+* Orthogonal intents (updated 2026-08-15 Asia/Shanghai):
 * 1. Attribute Apply instruction counts to the upstream Apply command.
-* 2. Preserve tracked artifact counts beside divergent Apply evidence.
-* 3. Keep divergence direct while compressing its two objective source counts.
+* 2. Compress agreement to one subtitle badge; keep divergence a direct blocker.
+* 3. Keep divergence's two objective source counts side by side with their causes.
+* 4. Keep tooltips as the keyboard-reachable explanation for every compact count.
 *
 * Original request (2026-07-15): "与 tracked glob 进度分歧时各自归因展示。"
 * Original request (2026-07-28): supporting 6.x evidence should use Badge + Tooltip or Accordion.
+* Original request (2026-08-15): Owner walkthrough: agreement is one badge in the subtitle row,
+*   not a two-line block; only divergence owns a notice.
+*/
+/**
+* One compact, source-attributed Apply progress badge for the Change subtitle row.
+* The Apply instruction result is the only visible implementation progress authority, so
+* this stays rendered whenever instructions exist — agreement is not a reason to hide the
+* CLI's own count, but it needs no separate block.
+*/
+function ApplyProgressBadge({ applyInstructionProgress }) {
+	const { complete, total, remaining } = applyInstructionProgress;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InformationBadge, {
+		ariaLabel: `Apply instructions progress ${complete} of ${total}`,
+		tooltip: `Progress reported by openspec instructions apply — ${complete} of ${total} tasks applied, ${remaining} remaining.`,
+		children: [
+			"Apply ",
+			complete,
+			"/",
+			total
+		]
+	});
+}
+/**
+* Render the Apply/tracked divergence as one direct, source-attributed blocker. Returns
+* null when the sources agree — the agreement case lives in the subtitle badge row via
+* {@link ApplyProgressBadge}.
 */
-/** Render source-attributed Apply progress and any tracked-progress divergence. */
 function ApplyProgressNotice({ applyInstructionProgress }) {
 	const divergence = applyInstructionProgress.divergence;
 	if (!divergence) return null;
@@ -171064,13 +171202,13 @@ function ApplyProgressNotice({ applyInstructionProgress }) {
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: "flex flex-wrap gap-1.5",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InformationBadge, {
-						ariaLabel: `Apply instructions progress ${divergence.apply.complete} of ${divergence.apply.total}`,
+						ariaLabel: `Apply instructions progress ${applyInstructionProgress.complete} of ${applyInstructionProgress.total}`,
 						tooltip: "Progress reported by openspec instructions apply.",
 						children: [
 							"Apply ",
-							divergence.apply.complete,
+							applyInstructionProgress.complete,
 							"/",
-							divergence.apply.total
+							applyInstructionProgress.total
 						]
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InformationBadge, {
 						ariaLabel: `Tracked artifact glob progress ${divergence.tracked.completed} of ${divergence.tracked.total}`,
@@ -171087,16 +171225,284 @@ function ApplyProgressNotice({ applyInstructionProgress }) {
 		})]
 	});
 }
+var OPENSPEC_CLI_SUPPORTED_SERIES = ["1.8", "1.9"];
+/**
+* Derive command capabilities from one parsed CLI version.
+*
+* Only an admitted version — stable inside the accepted range — can select version-specific
+* capabilities. Unsupported forms (prereleases, >=1.10, below-range) and unparseable output
+* keep their mismatch evidence and expose no capability, so a page-level version bypass can
+* never manufacture a 1.9 command surface for a CLI the release line does not admit.
+*/
+function deriveOpenSpecCliCapabilities(version) {
+	if (!isAdmittedVersion(version)) return {
+		schemasRootSelector: false,
+		archivedValidation: false
+	};
+	const onTargetSeries = isSeries(version, "1.9");
+	return {
+		schemasRootSelector: onTargetSeries,
+		archivedValidation: onTargetSeries
+	};
+}
+function parseOpenSpecCliVersion(raw) {
+	if (!raw) return null;
+	const match = raw.match(/(\d+)\.(\d+)\.(\d+)(?:-([0-9A-Za-z.-]+))?/);
+	if (!match) return null;
+	return {
+		major: Number(match[1]),
+		minor: Number(match[2]),
+		patch: Number(match[3]),
+		prerelease: match[4] ?? null
+	};
+}
+function isSeries(version, series) {
+	const [major, minor] = series.split(".").map((part) => Number(part));
+	return version.major === major && version.minor === minor;
+}
+function isStable(version) {
+	return version.prerelease === null;
+}
+/** True only for stable versions inside the accepted range (current or supported non-current). */
+function isAdmittedVersion(version) {
+	if (!version || !isStable(version)) return false;
+	return isSeries(version, "1.9") || isSupportedNonCurrentSeries(version);
+}
+function isSupportedNonCurrentSeries(version) {
+	return OPENSPEC_CLI_SUPPORTED_SERIES.filter((series) => series !== "1.9").some((series) => isSeries(version, series));
+}
+//#endregion
+//#region src/components/archived-validation-evidence.tsx
+/**
+* Orthogonal intents (created 2026-08-15 Asia/Shanghai):
+* 1. Present OpenSpec 1.9 `validate --archived --json` as typed CLI evidence.
+* 2. Preserve item issues, totals, root, and exit/failure evidence without repair actions.
+* 3. Identify the evidence as unavailable in static snapshots instead of fabricating it.
+* 4. Derive the capability from the detected admitted CLI and hide the action on 1.8.
+* 5. Validate report payloads with the Core contract schema, never shallow shape guards.
+*
+* Original request (2026-08-15): "v9的适配需要同时适配 1.8和1.9。"
+*/
+function parseValidationReport(value) {
+	const parsed = CliValidateReportSchema.safeParse(value);
+	if (parsed.success) return {
+		report: parsed.data,
+		schemaIssues: []
+	};
+	return {
+		report: null,
+		schemaIssues: parsed.error.issues.map((issue) => `${issue.path.length > 0 ? issue.path.join(".") : "<root>"}: ${issue.message}`)
+	};
+}
+function IssueList({ issues }) {
+	if (issues.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+		className: "text-muted-foreground",
+		children: "No CLI issue reported."
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+		className: "text-muted-foreground space-y-0.5",
+		children: issues.map((issue, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+			className: "break-words",
+			children: [
+				issue.level,
+				" · ",
+				issue.path,
+				" · ",
+				issue.message
+			]
+		}, index))
+	});
+}
+function RunButton({ pending, label, onRun }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		type: "button",
+		onClick: onRun,
+		disabled: pending,
+		"aria-busy": pending || void 0,
+		className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs disabled:opacity-50",
+		children: [pending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, {
+			className: "h-3.5 w-3.5 animate-spin",
+			"aria-hidden": true
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCw, {
+			className: "h-3.5 w-3.5",
+			"aria-hidden": true
+		}), label]
+	});
+}
+/** On-demand, read-only archived-task validation evidence for the Change Evidence tab. */
+function ArchivedValidationEvidence() {
+	const [report, setReport] = (0, import_react.useState)(null);
+	const [error, setError] = (0, import_react.useState)(null);
+	const [pending, setPending] = (0, import_react.useState)(false);
+	const cli = useRootActionState().context?.cli;
+	const capabilities = deriveOpenSpecCliCapabilities(cli?.available ? parseOpenSpecCliVersion(cli.version) : null);
+	if (isStaticMode()) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EvidenceDisclosure, {
+		title: "Archived validation",
+		summary: "Unavailable in static snapshot",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: "text-muted-foreground",
+			children: "Archived-task validation is live CLI evidence and is not captured in this static snapshot."
+		})
+	});
+	if (cli?.available === true && !capabilities.archivedValidation) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EvidenceDisclosure, {
+		title: "Archived validation",
+		summary: "Unavailable on this CLI line",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+			className: "text-muted-foreground",
+			children: [
+				"Archived-task validation requires the OpenSpec 1.9 line",
+				cli.version ? ` (detected ${cli.version.trim()})` : "",
+				". This session's CLI does not declare the capability, so no command is offered."
+			]
+		})
+	});
+	const run = async () => {
+		setPending(true);
+		setError(null);
+		setReport(null);
+		try {
+			const result = await trpcClient.cli.validate.mutate({ kind: "archived" });
+			const transport = CliCommandTransportSchema.safeParse(result);
+			if (transport.success) setReport({
+				...transport.data,
+				data: transport.data.data ?? null,
+				payload: transport.data.payload ?? null
+			});
+			else setError("The archived validation transport returned an unrecognized result shape.");
+		} catch (cause) {
+			setError(cause instanceof Error ? cause.message : String(cause));
+		} finally {
+			setPending(false);
+		}
+	};
+	if (!report && !error) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EvidenceDisclosure, {
+		title: "Archived validation",
+		summary: "OpenSpec 1.9 archived-task validation",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "text-muted-foreground",
+				children: "Run the official CLI's archived-task validation and keep its typed report as evidence. OpenSpecUI never repairs or archives from here."
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunButton, {
+				pending,
+				label: "Validate archived tasks",
+				onRun: () => void run()
+			})]
+		})
+	});
+	const parsed = report ? parseValidationReport(report.data) : {
+		report: null,
+		schemaIssues: []
+	};
+	const validationReport = parsed.report;
+	if (error || !validationReport) {
+		const schemaDiagnostic = parsed.schemaIssues.length > 0 ? parsed.schemaIssues.join("; ") : null;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EvidenceDisclosure, {
+			title: "Archived validation",
+			summary: "CLI failure evidence",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "text-destructive flex items-start gap-2 break-words",
+					role: "alert",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, {
+						className: "mt-0.5 h-3.5 w-3.5 shrink-0",
+						"aria-hidden": true
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "min-w-0 break-all",
+						children: error ?? report?.contractError ?? schemaDiagnostic ?? report?.stderr.trim() ?? "The archived validation command failed."
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunButton, {
+					pending,
+					label: "Rerun",
+					onRun: () => void run()
+				})]
+			})
+		});
+	}
+	const validation = validationReport;
+	const failed = validation.summary.totals.failed;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EvidenceDisclosure, {
+		title: "Archived validation",
+		summary: `${validation.summary.totals.passed} passed · ${failed} failed`,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+					className: "@[32rem]:grid-cols-[auto_minmax(0,1fr)] grid min-w-0 gap-x-3 gap-y-1",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+							className: "text-muted-foreground",
+							children: "Root"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+							className: "min-w-0 break-all font-mono",
+							children: validation.root.path
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+							className: "text-muted-foreground",
+							children: "Exit"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: report?.exitCode ?? "unknown" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+							className: "text-muted-foreground",
+							children: "Totals"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dd", { children: [
+							validation.summary.totals.passed,
+							" passed · ",
+							failed,
+							" failed ·",
+							" ",
+							validation.summary.totals.items,
+							" archived changes"
+						] })
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "space-y-2",
+					children: validation.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "border-border/60 rounded border p-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex min-w-0 items-center gap-2",
+							children: [item.valid ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleCheck, {
+								className: "h-3.5 w-3.5 shrink-0 text-emerald-600",
+								"aria-hidden": true
+							}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, {
+								className: "h-3.5 w-3.5 shrink-0 text-amber-600",
+								"aria-hidden": true
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "min-w-0 break-all font-mono text-[11px]",
+								children: item.id
+							})]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IssueList, { issues: item.issues })
+						})]
+					}, item.id))
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RunButton, {
+					pending,
+					label: "Rerun",
+					onRun: () => void run()
+				})
+			]
+		})
+	});
+}
 //#endregion
 //#region src/components/change-context-summary.tsx
 /**
-* Orthogonal intents (created 2026-08-03 Asia/Shanghai):
+* Orthogonal intents (updated 2026-08-15 Asia/Shanghai):
 * 1. Project compact Schema, artifact progress, Root, Store, and Reference subtitle badges.
-* 2. Preserve current, retained, unavailable, and static authority distinctions.
-* 3. Keep Reference failures directly visible without owning subscriptions or mutations.
+* 2. Carry the Apply instruction count as one subtitle badge — the progress authority.
+* 3. Preserve current, retained, unavailable, and static authority distinctions.
+* 4. Keep Reference failures directly visible without owning subscriptions or mutations.
 *
 * Original request (2026-08-03): keep only necessary Change evidence in the default decision plane.
 * Owner correction (2026-08-03): unify Change scan Tooltips in the subtitle and keep failures below the Header.
+* Original request (2026-08-15): Owner walkthrough: merge Apply progress into the subtitle badge row.
+* Original request (2026-08-15): 刷新/解析中的 lifecycle 锁收敛为副标题行内的 shiny 徽章 + Tooltip。
 */
 function summarizeReferences(references) {
 	return references.reduce((counts, reference) => {
@@ -171117,7 +171523,7 @@ function referenceErrorLabels(references) {
 	});
 }
 /** Compact source-attributed facts that share the Change Header subtitle. */
-function ChangeContextSummary({ status, referenceEvidence }) {
+function ChangeContextSummary({ status, referenceEvidence, applyInstructionProgress, statusRefreshing = null, rootChecking = null }) {
 	const provenance = status.provenance;
 	const references = referenceEvidence.state === "unavailable" ? null : referenceEvidence.references;
 	const referenceCounts = references ? summarizeReferences(references) : null;
@@ -171143,6 +171549,7 @@ function ChangeContextSummary({ status, referenceEvidence }) {
 					" artifacts"
 				]
 			}),
+			applyInstructionProgress ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ApplyProgressBadge, { applyInstructionProgress }) : null,
 			provenance.kind === "static" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InformationBadge, {
 				ariaLabel: "Static Change context has no live backend provenance",
 				tooltip: "CLI Change context is unavailable in this static snapshot.",
@@ -171175,7 +171582,15 @@ function ChangeContextSummary({ status, referenceEvidence }) {
 				ariaLabel: "Reference evidence unavailable",
 				tooltip: referenceEvidence.state === "unavailable" && referenceEvidence.reason === "static" ? "Reference evidence is not published in this static snapshot." : "Reference evidence is unavailable until Root Context is observed.",
 				children: "References unavailable"
-			})
+			}),
+			rootChecking ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShinyStatusBadge, {
+				label: rootChecking.label,
+				message: rootChecking.message
+			}) : null,
+			statusRefreshing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShinyStatusBadge, {
+				label: statusRefreshing.label,
+				message: statusRefreshing.message
+			}) : null
 		]
 	});
 }
@@ -171656,29 +172071,39 @@ function OperationInputsDialogAction({ title, context, operationGuidance }) {
 //#endregion
 //#region src/components/root-action-notice.tsx
 /**
-* Orthogonal intents (updated 2026-07-28 Asia/Shanghai):
-* 1. Render root-action loading and blocked states with CLI-owned evidence.
-* 2. Keep blocker meaning direct while placing verbose CLI evidence in shared indirect space.
-* 3. Keep the notice reusable across OPSX compose and direct-action surfaces.
+* Orthogonal intents (updated 2026-08-15 Asia/Shanghai):
+* 1. Render root-action blocked states with CLI-owned evidence as direct alerts.
+* 2. Render root-action checking states as one inline shiny badge for header/status rows.
+* 3. Keep blocker meaning direct while placing verbose CLI evidence in shared indirect space.
+* 4. Keep the notice reusable across OPSX compose and direct-action surfaces.
 *
 * Original request (2026-07-15): "Show CLI-owned failure evidence when root selection fails."
 * Original request (2026-07-28): supporting 6.x evidence should use Badge + Tooltip or Accordion.
+* Original request (2026-08-15): 刷新/解析中的块级 Alert 改为 Animated Shiny Text + Tooltip。
 */
-/** Render objective loading or failure evidence that locks root-dependent actions. */
+/**
+* Normal lifecycle (resolving/refreshing) as visual language — one inline shiny badge
+* with no layout block. The complete lock reason stays available on hover/keyboard
+* focus via the Tooltip and the hidden polite live region.
+*/
+function RootCheckingBadge({ state }) {
+	if (state.status !== "checking") return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShinyStatusBadge, {
+		label: state.title,
+		message: state.message
+	});
+}
+/** Render objective failure evidence that locks root-dependent actions; null otherwise. */
 function RootActionNotice({ state }) {
-	if (state.status === "ready") return null;
-	const checking = state.status === "checking";
+	if (state.status !== "blocked") return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		role: checking ? "status" : "alert",
-		"aria-live": checking ? "polite" : "assertive",
-		className: checking ? "border-border bg-muted/30 rounded-md border p-3 text-sm" : "border-destructive/40 bg-destructive/10 text-destructive rounded-md border p-3 text-sm",
+		role: "alert",
+		"aria-live": "assertive",
+		className: "border-destructive/40 bg-destructive/10 text-destructive rounded-md border p-3 text-sm",
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex items-center gap-2 font-medium",
-				children: [checking ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, {
-					className: "h-4 w-4 animate-spin",
-					"aria-hidden": true
-				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleAlert, {
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleAlert, {
 					className: "h-4 w-4",
 					"aria-hidden": true
 				}), state.title]
@@ -171718,6 +172143,7 @@ function RootActionNotice({ state }) {
 * Original request (2026-08-01): preserve OpenSpec 1.7 Apply operation inputs end to end.
 * Original request (2026-08-03): move complete Change evidence into a dedicated tab page.
 * Owner correction (2026-08-03): move Actions inline with the title, unify subtitle badges, and localize unavailable Tooltips.
+* Original request (2026-08-15): 刷新/解析中状态收敛为副标题行内的 shiny 徽章，不再占据 statusRegion 块。
 */
 function ChangeView() {
 	const { changeId } = useParams({ from: "/changes/$changeId" });
@@ -171791,13 +172217,16 @@ function ChangeView() {
 		id: "evidence",
 		label: "Evidence",
 		icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileSearch, { className: "h-4 w-4" }),
-		content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeEvidencePanel, {
-			status,
-			referenceEvidence
+		content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex min-h-0 min-w-0 flex-1 flex-col",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeEvidencePanel, {
+				status,
+				referenceEvidence
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchivedValidationEvidence, {})]
 		})
 	}] : [], [referenceEvidence, status]);
 	const hasReferenceFailures = referenceEvidence.state !== "unavailable" && referenceEvidence.references.some((reference) => reference.status.some((diagnostic) => diagnostic.severity === "error"));
-	const hasDirectStatus = !statusCurrent || Boolean(error) || rootAction.status !== "ready" || hasReferenceFailures || Boolean(applyInstructions?.applyInstructionProgress);
+	const hasDirectStatus = Boolean(error) || rootAction.status === "blocked" || hasReferenceFailures || Boolean(applyInstructions?.applyInstructionProgress.divergence);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OpsxEntityDetailView, {
 		entityId: changeId,
 		sharedFamily: "changes",
@@ -171807,7 +172236,16 @@ function ChangeView() {
 		title: status?.changeName,
 		subtitle: status ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeContextSummary, {
 			status,
-			referenceEvidence
+			referenceEvidence,
+			applyInstructionProgress: applyInstructions?.applyInstructionProgress ?? null,
+			statusRefreshing: statusCurrent ? null : {
+				label: "Status refreshing",
+				message: statusAuthorityMessage ?? ""
+			},
+			rootChecking: rootAction.status === "checking" ? {
+				label: rootAction.title,
+				message: rootAction.message
+			} : null
 		}) : void 0,
 		headerActions: status ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeCommandBar, {
 			status,
@@ -171845,15 +172283,6 @@ function ChangeView() {
 		statusRegion: status && hasDirectStatus ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "flex min-w-0 flex-col gap-2",
 			children: [
-				!statusCurrent && !error ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					role: "status",
-					"aria-live": "polite",
-					className: "border-border bg-muted/30 text-muted-foreground flex items-center gap-2 rounded-md border px-3 py-2 text-xs",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCw, {
-						className: "h-3.5 w-3.5 shrink-0",
-						"aria-hidden": true
-					}), statusAuthorityMessage]
-				}) : null,
 				error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					role: "alert",
 					"aria-live": "assertive",
@@ -171912,7 +172341,7 @@ var CONFIG_GUIDE_STAGE_META = {
 //#region src/components/config/config-guide.tsx
 var ConfigGuideContext = (0, import_react.createContext)(null);
 (0, import_react.lazy)(async () => {
-	return { default: (await import("./config-guide-presentation-DluN0NgQ.js")).ConfigGuidePresentationLayer };
+	return { default: (await import("./config-guide-presentation-r59qmEkS.js")).ConfigGuidePresentationLayer };
 });
 /** Access the root-owned adaptive Guide runtime. */
 function useConfigGuide() {
@@ -173677,6 +174106,7 @@ function ActiveRootConfigSection({ isStatic }) {
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: "flex flex-wrap items-center justify-end gap-2",
 					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RootCheckingBadge, { state: rootAction }),
 						(config.exists || isEditing) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 							role: "tablist",
 							"aria-label": "Active Root editor mode",
@@ -174670,19 +175100,23 @@ function ConfigSchemaWorkspace({ onNavigate, schemaId }) {
 						]
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-							type: "button",
-							onClick: handleAddSchema,
-							disabled: !schemaCanEdit || createSchemaMutation.isPending,
-							className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs font-medium disabled:cursor-not-allowed disabled:opacity-50",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, { className: "h-3.5 w-3.5" }), "Add"]
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-							type: "button",
-							onClick: handleDeleteSchema,
-							disabled: !schemaCanEdit || deleteSchemaMutation.isPending,
-							className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs font-medium disabled:cursor-not-allowed disabled:opacity-50",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { className: "h-3.5 w-3.5" }), "Delete"]
-						})]
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RootCheckingBadge, { state: rootAction }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+								type: "button",
+								onClick: handleAddSchema,
+								disabled: !schemaCanEdit || createSchemaMutation.isPending,
+								className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs font-medium disabled:cursor-not-allowed disabled:opacity-50",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Plus, { className: "h-3.5 w-3.5" }), "Add"]
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+								type: "button",
+								onClick: handleDeleteSchema,
+								disabled: !schemaCanEdit || deleteSchemaMutation.isPending,
+								className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs font-medium disabled:cursor-not-allowed disabled:opacity-50",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { className: "h-3.5 w-3.5" }), "Delete"]
+							})
+						]
 					})]
 				}),
 				!isStatic && rootAction.disabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RootActionNotice, { state: rootAction }) : null,
@@ -176928,14 +177362,15 @@ async function refreshDashboardGitSnapshot(reason, expectedBindingToken) {
 //#endregion
 //#region src/routes/dashboard.tsx
 /**
-* Orthogonal intents (updated 2026-07-31 Asia/Shanghai):
+* Orthogonal intents (updated 2026-08-15 Asia/Shanghai):
 * 1. Render independent Dashboard projections inside stable region-owned Pending geometry.
 * 2. Keep Dashboard-owned readonly Code Git refresh bound to rendered provenance and separate from Planning-root mutation authority.
 * 3. Curate Code Git activity while preserving binding-token detail handoff provenance.
-* 4. Retain stable regional snapshots beside their own loading, updating, and error evidence.
-* 5. Pause auto-refresh while hidden while preserving one absolute next-refresh deadline.
+* 4. Show only objective planning and artifact facts, never tracked task completion.
+* 5. Retain stable regional snapshots beside their own loading, updating, and error evidence.
 *
 * Original request (2026-07-16): "接下来，你来接手后续工作"
+* Original request (2026-08-15): "v9的适配需要同时适配 1.8和1.9。"
 * Derived requirement (2026-07-19): Checkpoint 6.11 preserves Git handoff and action provenance.
 * Original request (2026-07-23): "现在页面数据的加载数据非常慢（比如dashboard页面、changes页面都要等待非常久，页面刷新后，似乎后台没有缓存一样，也要加载很久。"
 * Original request (2026-07-27): "统一修复所有类似的问题（我们也没不多，各个页面都检查一下，特别是app 那边新增的页面）"
@@ -176949,6 +177384,7 @@ async function refreshDashboardGitSnapshot(reason, expectedBindingToken) {
 * Original request (2026-07-31): "Code Git Snapshot 的 Other Worktrees 默认隐藏 (detached)。然后commitList这里默认显示5个就好"
 * Original request (2026-07-31): "检查目前的这个 Code Git Snapshot，它非常慢，有时候甚至要十几秒"
 * Owner correction (2026-07-31): Hidden documents pause the timer; visibility resumes the remaining delay or refreshes once when the absolute deadline elapsed.
+
 */
 var GIT_AUTO_REFRESH_OPTIONS = [
 	{
@@ -177405,8 +177841,6 @@ function Dashboard() {
 			children: [
 				summaryPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeListSkeleton, { count: 3 }) : null,
 				!summaryPending && activeChanges.map((change) => {
-					const progress = change.trackedTaskProgress;
-					const taskPercent = progress.total > 0 ? Math.round(progress.completed / progress.total * 100) : 0;
 					const status = activeStatuses.find((item) => item.changeName === change.id);
 					const doneArtifacts = status?.artifacts.filter((artifact) => artifact.status === "done").length ?? 0;
 					const totalArtifacts = status?.artifacts.length ?? 0;
@@ -177414,11 +177848,10 @@ function Dashboard() {
 					const trackedArtifactStatus = trackedArtifactId && status ? status.artifacts.find((artifact) => artifact.id === trackedArtifactId)?.status ?? inferTrackedArtifactStatus(status.artifacts.map((artifact) => artifact.status)) : inferTrackedArtifactStatus(status?.artifacts.map((artifact) => artifact.status) ?? []);
 					const phase = classifyChangeWorkflowPhase({
 						hasStatus: Boolean(status),
-						isComplete: status?.isComplete ?? false,
-						trackedTaskPhase: progress.phase,
+						isPlanningComplete: status?.isPlanningComplete ?? false,
 						trackedArtifactStatus
 					});
-					return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(VTLink, {
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VTLink, {
 						to: "/changes/$changeId",
 						params: { changeId: change.id },
 						state: (prev) => ({
@@ -177439,71 +177872,24 @@ function Dashboard() {
 							entityId: change.id
 						}, "container"),
 						className: "hover:bg-muted/50 block min-w-0 px-4 py-3",
-						children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "mb-2 flex min-w-0 flex-wrap items-start justify-between gap-3 sm:flex-nowrap sm:items-center",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "min-w-0 flex-1",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-										...getSharedElementBinding({
-											family: "changes",
-											entityId: change.id
-										}, "title"),
-										className: "truncate font-medium",
-										children: change.name
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-										className: "text-muted-foreground truncate text-xs",
-										children: [change.updatedAt > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [formatRelativeTime(change.updatedAt), " · "] }), change.id]
-									})]
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "shrink-0 text-right text-sm",
-									children: [
-										/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, {
-											tone: "custom",
-											size: "sm",
-											shape: "box",
-											className: `border ${phase.toneClass}`,
-											children: phase.label
-										}),
-										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-											className: "font-medium",
-											children: [
-												progress.completed,
-												"/",
-												progress.total
-											]
-										}),
-										/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-											className: "text-muted-foreground text-xs",
-											children: "tasks"
-										})
-									]
-								})]
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-								className: "bg-muted h-1.5 rounded-full",
-								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-									className: "bg-primary h-full rounded-full transition-all",
-									style: { width: `${taskPercent}%` }
-								})
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "text-muted-foreground mt-2 flex min-w-0 flex-wrap items-center justify-between gap-2 text-xs",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-									className: "shrink-0",
-									children: [taskPercent, "% task completion"]
-								}), status ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-									className: "min-w-0 truncate text-right",
-									children: [
-										doneArtifacts,
-										"/",
-										totalArtifacts,
-										" artifacts · ",
-										status.schemaName
-									]
-								}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Artifacts status unavailable" })]
-							})
-						]
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex min-w-0 items-center gap-3",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeRow, {
+								changeId: change.id,
+								name: change.name,
+								phase,
+								updatedAt: change.updatedAt,
+								formatTime: formatRelativeTime,
+								className: "min-w-0 flex-1",
+								subtitle: status ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+									doneArtifacts,
+									"/",
+									totalArtifacts,
+									" artifacts · ",
+									status.schemaName
+								] }) : "Artifacts status unavailable"
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeRowChevron, {})]
+						})
 					}, change.id);
 				}),
 				!summaryPending && !hasChanges && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {