@openspecui/web 7.0.0 → 7.0.2

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

@@ -8,9 +8,9 @@ import { a as uniformParsers, c as ensureAttributes, d as localUniformBit, f as
 import { $ as keymap, A as indentUnit, At as IterMode, B as Direction, C as foldNodeProp, Ct as Transaction, D as indentNodeProp, Dt as countColumn, E as getIndentation, Et as combineConfig, F as syntaxTree, Ft as Parser, G as drawSelection, H as ViewPlugin, I as Tag$1, It as Tree, K as dropCursor, L as styleTags, Lt as parseMixed, M as matchBrackets, Mt as NodeSet, Nt as NodeType, O as indentOnInput, Ot as findClusterBreak, P as syntaxHighlighting, Pt as NodeWeakMap, Q as hoverTooltip, R as tags$1, S as foldKeymap, St as Text$2, T as getIndentUnit, Tt as codePointSize, U as WidgetType, V as EditorView, W as crosshairCursor, X as highlightActiveLineGutter, Y as highlightActiveLine, Z as highlightSpecialChars, _ as defineLanguageFacet, a as HighlightStyle, at as showPanel, b as foldGutter, bt as StateEffect, c as Language, ct as Annotation, d as ParseContext, dt as CharCategory, et as lineNumbers, f as StreamLanguage, ft as EditorSelection, g as defaultHighlightStyle, gt as Prec, h as continuedIndent, i as LocalTokenGroup, it as runScopeHandlers, j as languageDataProp, jt as NodeProp, k as indentString, kt as fromCodePoint, l as LanguageDescription, lt as ChangeDesc, m as bracketMatchingHandle, mt as Facet, n as ExternalTokenizer, nt as placeholder, o as IndentContext, p as bracketMatching, pt as EditorState, q as getPanel, r as LRParser, rt as rectangularSelection, s as LRLanguage, st as crelt, t as ContextTracker, u as LanguageSupport, ut as ChangeSet, v as delimitedIndent, vt as RangeSetBuilder, w as foldService, wt as codePointAt, x as foldInside, xt as StateField, z as Decoration } from "./dist-5X8O7Rwc.js";
 import { a as tsxLanguage, i as jsxLanguage, n as javascript, o as typescriptLanguage, r as javascriptLanguage } from "./dist-CCduGocE.js";
 import { i as closeBracketsKeymap, n as autocompletion, o as completionKeymap, r as closeBrackets, t as CompletionContext } from "./dist-CxThVo3w.js";
+import { fileURLToPath as urlToPath } from "node:url";
 import minpath from "node:path";
 import minproc from "node:process";
-import { fileURLToPath as urlToPath } from "node:url";
 //#region ../../node_modules/.pnpm/@tanstack+query-core@5.90.10/node_modules/@tanstack/query-core/build/modern/subscribable.js
 var Subscribable = class {
 	constructor() {
@@ -30908,7 +30908,7 @@ var NavController = class {
 				this.storageKey = scopedStorageKey;
 				this.rebindProjectScopedLayout(scopedStorageKey);
 			}
-			const { trpcClient } = await import("./trpc-DUmUqj4-.js");
+			const { trpcClient } = await import("./trpc-BZ-LKmoQ.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-DUmUqj4-.js").then(({ trpcClient }) => trpcClient.kv.set.mutate({
+			import("./trpc-BZ-LKmoQ.js").then(({ trpcClient }) => trpcClient.kv.set.mutate({
 				key: this.storageKey,
 				value: {
 					mainTabs: this.state.mainTabs,
@@ -58360,6 +58360,12 @@ function DesktopSidebar() {
 }
 //#endregion
 //#region src/lib/use-server-status.ts
+function directoryName(projectDir) {
+	const normalized = projectDir.replace(/[\\/]+$/, "");
+	if (!normalized) return projectDir;
+	const segments = normalized.split(/[\\/]+/);
+	return segments[segments.length - 1] || normalized;
+}
 /**
 * Hook to monitor server connection status and get project info
 */
@@ -58431,7 +58437,7 @@ function useServerStatus() {
 				onData: (data) => {
 					if (!isCurrentGeneration()) return;
 					const projectDir = data.projectDir;
-					const dirName = projectDir.split("/").pop() || projectDir;
+					const dirName = directoryName(projectDir);
 					const connected = wsStateRef.current === "pending";
 					setStatus((prev) => ({
 						...prev,
@@ -71013,7 +71019,7 @@ var browserExt = {
 	},
 	test: () => true,
 	load: async () => {
-		await import("./browserAll-Br-Ym0s3.js");
+		await import("./browserAll-C3TgySxy.js");
 	}
 };
 //#endregion
@@ -71026,7 +71032,7 @@ var webworkerExt = {
 	},
 	test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
 	load: async () => {
-		await import("./webworkerAll-BE4Faerg.js");
+		await import("./webworkerAll-jouzdRxg.js");
 	}
 };
 //#endregion
@@ -73620,7 +73626,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-CGD9VYdm.js");
+			const { WebGPURenderer } = await import("./WebGPURenderer-CzqH7K0F.js");
 			RendererClass = WebGPURenderer;
 			finalOptions = {
 				...options,
@@ -73628,7 +73634,7 @@ async function autoDetectRenderer(options) {
 			};
 			break;
 		} else if (rendererType === "webgl" && isWebGLSupported(options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat)) {
-			const { WebGLRenderer } = await import("./WebGLRenderer-CI_abbD1.js");
+			const { WebGLRenderer } = await import("./WebGLRenderer-VYeMuiRZ.js");
 			RendererClass = WebGLRenderer;
 			finalOptions = {
 				...options,
@@ -73636,7 +73642,7 @@ async function autoDetectRenderer(options) {
 			};
 			break;
 		} else if (rendererType === "canvas") {
-			const { CanvasRenderer } = await import("./CanvasRenderer-BddS1srD.js");
+			const { CanvasRenderer } = await import("./CanvasRenderer-2gUSLPR3.js");
 			RendererClass = CanvasRenderer;
 			finalOptions = {
 				...options,
@@ -93155,6 +93161,15 @@ function buildShortcutPages(platform) {
 }
 //#endregion
 //#region ../xterm-input-panel/src/shortcut-tab.ts
+/**
+* Orthogonal intents (updated 2026-08-06 Asia/Shanghai):
+* 1. Render platform-aware shortcut pages through Pixi.
+* 2. Own shortcut page selection and command dispatch.
+* 3. Keep shortcut layout, resize, and theme projection synchronized.
+* 4. Retire late Pixi initialization after disconnect so detached render loops cannot survive.
+*
+* Original request (2026-08-04): "Make pnpm openspecui start and equivalent package scripts work on Windows, then handle similar portability failures."
+*/
 var GRID_GAP = 8;
 var GRID_PADDING = 10;
 var CARD_RADIUS = 8;
@@ -93277,6 +93292,7 @@ var ShortcutTab = class extends i {
 	_resizeObserver = null;
 	_theme = resolvePixiTheme(this);
 	_unsubTheme = null;
+	_connectionGeneration = 0;
 	_renderedItems = [];
 	constructor() {
 		super();
@@ -93285,6 +93301,7 @@ var ShortcutTab = class extends i {
 	}
 	async connectedCallback() {
 		super.connectedCallback();
+		const connectionGeneration = ++this._connectionGeneration;
 		this._theme = resolvePixiTheme(this);
 		this._unsubTheme = onThemeChange((theme) => {
 			this._theme = theme;
@@ -93292,9 +93309,10 @@ var ShortcutTab = class extends i {
 		}, this);
 		this._ensureActivePage();
 		await this.updateComplete;
-		await this._initPixi();
+		await this._initPixi(connectionGeneration);
 	}
 	disconnectedCallback() {
+		this._connectionGeneration += 1;
 		super.disconnectedCallback();
 		this._resizeObserver?.disconnect();
 		this._resizeObserver = null;
@@ -93329,7 +93347,7 @@ var ShortcutTab = class extends i {
 		if (!pages.length) return;
 		if (!pages.some((page) => page.id === this.activePageId)) this.activePageId = pages[0].id;
 	}
-	async _initPixi() {
+	async _initPixi(connectionGeneration) {
 		const host = this.shadowRoot?.querySelector(".pixi-host");
 		if (!host) return;
 		const app = new Application();
@@ -93339,6 +93357,10 @@ var ShortcutTab = class extends i {
 			resolution: window.devicePixelRatio || 1,
 			autoDensity: false
 		});
+		if (!this.isConnected || connectionGeneration !== this._connectionGeneration) {
+			app.destroy();
+			return;
+		}
 		host.appendChild(app.canvas);
 		this._app = app;
 		const canvas = app.canvas;
@@ -94001,6 +94023,15 @@ var LAYOUTS = {
 };
 //#endregion
 //#region ../xterm-input-panel/src/virtual-keyboard-tab.ts
+/**
+* Orthogonal intents (updated 2026-08-06 Asia/Shanghai):
+* 1. Render the platform-aware Pixi virtual keyboard surface.
+* 2. Translate key, modifier, repeat, and swipe gestures into typed panel events.
+* 3. Keep layout, resize, and theme projection synchronized with the host element.
+* 4. Retire late Pixi initialization after disconnect so detached render loops cannot survive.
+*
+* Original request (2026-08-04): "Make pnpm openspecui start and equivalent package scripts work on Windows, then handle similar portability failures."
+*/
 var KEY_PADDING = 3;
 var KEY_RADIUS = 4;
 var REPEAT_DELAY_MS = 400;
@@ -94039,6 +94070,7 @@ var VirtualKeyboardTab = class extends i {
 	_resizeObserver = null;
 	_theme = resolvePixiTheme(this);
 	_unsubTheme = null;
+	_connectionGeneration = 0;
 	_repeatTimer = null;
 	_repeatInterval = null;
 	_activeKey = null;
@@ -94053,15 +94085,17 @@ var VirtualKeyboardTab = class extends i {
 	}
 	async connectedCallback() {
 		super.connectedCallback();
+		const connectionGeneration = ++this._connectionGeneration;
 		this._theme = resolvePixiTheme(this);
 		this._unsubTheme = onThemeChange((theme) => {
 			this._theme = theme;
 			this._layoutKeys();
 		}, this);
 		await this.updateComplete;
-		await this._initPixi();
+		await this._initPixi(connectionGeneration);
 	}
 	disconnectedCallback() {
+		this._connectionGeneration += 1;
 		super.disconnectedCallback();
 		this._cancelRepeat();
 		this._resizeObserver?.disconnect();
@@ -94080,7 +94114,7 @@ var VirtualKeyboardTab = class extends i {
 	getRows() {
 		return LAYOUTS[this._hostPlatform()];
 	}
-	async _initPixi() {
+	async _initPixi(connectionGeneration) {
 		const host = this.shadowRoot?.querySelector(".pixi-host");
 		if (!host) return;
 		const app = new Application();
@@ -94091,6 +94125,10 @@ var VirtualKeyboardTab = class extends i {
 			resolution: window.devicePixelRatio || 1,
 			autoDensity: false
 		});
+		if (!this.isConnected || connectionGeneration !== this._connectionGeneration) {
+			app.destroy();
+			return;
+		}
 		host.appendChild(app.canvas);
 		this._app = app;
 		const canvas = app.canvas;
@@ -94509,6 +94547,15 @@ var VirtualKeyboardTab = class extends i {
 customElements.define("virtual-keyboard-tab", VirtualKeyboardTab);
 //#endregion
 //#region ../xterm-input-panel/src/virtual-trackpad-tab.ts
+/**
+* Orthogonal intents (updated 2026-08-06 Asia/Shanghai):
+* 1. Render the Pixi virtual trackpad and its gesture feedback.
+* 2. Translate pointer, touch, long-press, drag, scroll, and edge gestures into panel events.
+* 3. Keep trackpad layout, resize, accent, and theme projection synchronized.
+* 4. Retire late Pixi initialization after disconnect so detached render loops cannot survive.
+*
+* Original request (2026-08-04): "Make pnpm openspecui start and equivalent package scripts work on Windows, then handle similar portability failures."
+*/
 var DRAG_THRESHOLD = 8;
 var LONG_PRESS_MS = 500;
 var DOUBLE_TAP_MS = 300;
@@ -94575,6 +94622,7 @@ var VirtualTrackpadTab = class extends i {
 	_resizeObserver = null;
 	_theme = resolvePixiTheme(this);
 	_unsubTheme = null;
+	_connectionGeneration = 0;
 	_touchStart = null;
 	_isDragging = false;
 	_longPressTimer = null;
@@ -94591,6 +94639,7 @@ var VirtualTrackpadTab = class extends i {
 	_edgeSlideInterval = null;
 	async connectedCallback() {
 		super.connectedCallback();
+		const connectionGeneration = ++this._connectionGeneration;
 		this._theme = resolvePixiTheme(this);
 		this._syncAccentRgb();
 		this._unsubTheme = onThemeChange((theme) => {
@@ -94599,9 +94648,10 @@ var VirtualTrackpadTab = class extends i {
 			this._drawSurface();
 		}, this);
 		await this.updateComplete;
-		await this._initPixi();
+		await this._initPixi(connectionGeneration);
 	}
 	disconnectedCallback() {
+		this._connectionGeneration += 1;
 		super.disconnectedCallback();
 		if (this._longPressTimer) clearTimeout(this._longPressTimer);
 		this._stopEdgeSlide();
@@ -94618,7 +94668,7 @@ var VirtualTrackpadTab = class extends i {
 		const hex = this._theme.accent;
 		this._accentRgb = `${hex >> 16 & 255},${hex >> 8 & 255},${hex & 255}`;
 	}
-	async _initPixi() {
+	async _initPixi(connectionGeneration) {
 		const host = this.shadowRoot?.querySelector(".pixi-host");
 		if (!host) return;
 		this._edgeOverlay = this.shadowRoot?.querySelector(".edge-glow");
@@ -94630,6 +94680,10 @@ var VirtualTrackpadTab = class extends i {
 			resolution: window.devicePixelRatio || 1,
 			autoDensity: false
 		});
+		if (!this.isConnected || connectionGeneration !== this._connectionGeneration) {
+			app.destroy();
+			return;
+		}
 		host.appendChild(app.canvas);
 		this._app = app;
 		const canvas = app.canvas;
@@ -97337,7 +97391,7 @@ var TerminalController = class {
 		if (this.configPersistTimer) clearTimeout(this.configPersistTimer);
 		this.configPersistTimer = setTimeout(() => {
 			this.configPersistTimer = null;
-			import("./trpc-DUmUqj4-.js").then(({ trpcClient }) => {
+			import("./trpc-BZ-LKmoQ.js").then(({ trpcClient }) => {
 				trpcClient.config.update.mutate({ terminal: { fontSize: this.config.fontSize } });
 			}).catch(() => {});
 		}, CONFIG_PERSIST_DEBOUNCE);
@@ -107862,7 +107916,7 @@ var languages = [
 		name: "CSS",
 		extensions: ["css"],
 		load() {
-			return import("./dist-BuMA6YKx.js").then((m) => m.css());
+			return import("./dist-Cr2VaH_X.js").then((m) => m.css());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107882,7 +107936,7 @@ var languages = [
 			"hbs"
 		],
 		load() {
-			return import("./dist-D4wdS9IG.js").then((m) => m.html());
+			return import("./dist-CcweeoW2.js").then((m) => m.html());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107916,7 +107970,7 @@ var languages = [
 			"jinja2"
 		],
 		load() {
-			return import("./dist-DkcAEJix.js").then((m) => m.jinja());
+			return import("./dist-DxUyXTq1.js").then((m) => m.jinja());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107924,7 +107978,7 @@ var languages = [
 		alias: ["json5"],
 		extensions: ["json", "map"],
 		load() {
-			return import("./dist-DweGKZ3K.js").then((m) => m.json());
+			return import("./dist-CuufxmlH.js").then((m) => m.json());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107938,14 +107992,14 @@ var languages = [
 		name: "LESS",
 		extensions: ["less"],
 		load() {
-			return import("./dist-BKolbUhu.js").then((m) => m.less());
+			return import("./dist-C0UE33e7.js").then((m) => m.less());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
 		name: "Liquid",
 		extensions: ["liquid"],
 		load() {
-			return import("./dist-tmI1Vtui.js").then((m) => m.liquid());
+			return import("./dist-BQopLPgi.js").then((m) => m.liquid());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107962,7 +108016,7 @@ var languages = [
 			"mkd"
 		],
 		load() {
-			return import("./dist-BXMtMtrz.js").then((m) => m.markdown());
+			return import("./dist-DHRASvmg.js").then((m) => m.markdown());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107988,7 +108042,7 @@ var languages = [
 			"phtml"
 		],
 		load() {
-			return import("./dist-2q5MBzNz.js").then((m) => m.php());
+			return import("./dist-CqznyH3C.js").then((m) => m.php());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -108028,14 +108082,14 @@ var languages = [
 		name: "Sass",
 		extensions: ["sass"],
 		load() {
-			return import("./dist-jJ40WsNS.js").then((m) => m.sass({ indented: true }));
+			return import("./dist-DukPjaq8.js").then((m) => m.sass({ indented: true }));
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
 		name: "SCSS",
 		extensions: ["scss"],
 		load() {
-			return import("./dist-jJ40WsNS.js").then((m) => m.sass());
+			return import("./dist-DukPjaq8.js").then((m) => m.sass());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -108102,7 +108156,7 @@ var languages = [
 		alias: ["yml"],
 		extensions: ["yaml", "yml"],
 		load() {
-			return import("./dist-DHm81glc.js").then((m) => m.yaml());
+			return import("./dist-D-tZhX9W.js").then((m) => m.yaml());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -108989,13 +109043,13 @@ var languages = [
 		name: "Vue",
 		extensions: ["vue"],
 		load() {
-			return import("./dist-C-ifGdHx.js").then((m) => m.vue());
+			return import("./dist-BSYA61e0.js").then((m) => m.vue());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
 		name: "Angular Template",
 		load() {
-			return import("./dist-DLLg4uMo.js").then((m) => m.angular());
+			return import("./dist-BQhB00FX.js").then((m) => m.angular());
 		}
 	})
 ];
@@ -168623,6 +168677,113 @@ var motion = /* @__PURE__ */ createMotionProxy({
 	...layout
 }, createDomVisualElement);
 //#endregion
+//#region src/components/progressive-blur.tsx
+/**
+* Orthogonal intents (created 2026-08-04 Asia/Shanghai):
+* 1. Render a direction-aware progressive backdrop blur from a bounded level tuple.
+* 2. Scale overlapping mask bands from the actual level count instead of assuming eight levels.
+* 3. Preserve positioning-free Grid composition and expose one theme-owned surface layer.
+*
+* Original request (2026-08-04): refine Kanban edge fusion from Magic UI Progressive Blur while reducing blurLevels because eight instances render together.
+*/
+var DEFAULT_BLUR_LEVELS = [
+	.5,
+	2,
+	6
+];
+function formatPercent(value) {
+	return Number(value.toFixed(4)).toString();
+}
+function createLayerMask(index, layerCount, position) {
+	const direction = position === "bottom" ? "to bottom" : "to top";
+	const step = 100 / layerCount;
+	if (index === layerCount - 1) return `linear-gradient(${direction}, transparent ${formatPercent(100 - step)}%, black 100%)`;
+	const transparentStart = index * step;
+	const opaqueStart = (index + 1) * step;
+	const opaqueEnd = (index + 2) * step;
+	const transparentEnd = (index + 3) * step;
+	return `linear-gradient(${direction}, transparent ${formatPercent(transparentStart)}%, black ${formatPercent(opaqueStart)}%, black ${formatPercent(opaqueEnd)}%, transparent ${formatPercent(transparentEnd)}%)`;
+}
+/** Progressive backdrop blur whose overlapping bands scale with its blur-level count. */
+function ProgressiveBlur({ position, blurLevels = DEFAULT_BLUR_LEVELS, surfaceClassName, className, ...divProps }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		...divProps,
+		"aria-hidden": "true",
+		"data-progressive-blur": position,
+		"data-progressive-blur-levels": blurLevels.length,
+		className: cn$1("progressive-blur grid", className),
+		children: [blurLevels.map((blur, index) => {
+			const maskImage = createLayerMask(index, blurLevels.length, position);
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				"data-progressive-blur-layer": index,
+				className: "progressive-blur__layer",
+				style: {
+					zIndex: index + 1,
+					backdropFilter: `blur(${blur}px)`,
+					WebkitBackdropFilter: `blur(${blur}px)`,
+					maskImage,
+					WebkitMaskImage: maskImage
+				}
+			}, `${blur}:${index}`);
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			"data-progressive-blur-surface": "",
+			className: cn$1("progressive-blur__surface", surfaceClassName),
+			style: { zIndex: blurLevels.length + 1 }
+		})]
+	});
+}
+//#endregion
+//#region src/components/kanban/kanban-lane-viewport.tsx
+/**
+* Orthogonal intents (updated 2026-08-04 Asia/Shanghai):
+* 1. Layer one semantic lane header and two visual edge veils over a full-height row scroller.
+* 2. Reserve readable header/footer landing space through density-owned scroll padding.
+* 3. Forward native section interactions without owning Kanban data or operations.
+*
+* Original request (2026-08-03): layer title and bottom space over a padded list with Grid, gradients, and progressive backdrop blur.
+* Owner refinement (2026-08-04): follow Magic UI Progressive Blur with fewer blur levels because eight lane-edge instances render together.
+*/
+var KANBAN_BLUR_LEVELS = [
+	.5,
+	2,
+	6
+];
+/** Grid-layered lane viewport with one independent block-axis scroll owner. */
+function KanbanLaneViewport({ laneId, density, header, children, className, ...sectionProps }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+		...sectionProps,
+		"data-kanban-lane": laneId,
+		"data-kanban-lane-density": density,
+		className: cn$1("kanban-lane-viewport border-border/70 grid min-h-0 min-w-0 overflow-hidden border-t", className),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				"data-kanban-lane-scroll": laneId,
+				className: "kanban-lane-viewport__scroll scrollbar-thin scrollbar-track-transparent scrollbar-thumb-[color-mix(in_srgb,currentColor,transparent_78%)] min-h-0 overflow-y-auto overflow-x-hidden overscroll-contain pr-1",
+				children
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressiveBlur, {
+				position: "top",
+				blurLevels: KANBAN_BLUR_LEVELS,
+				"data-kanban-lane-veil": "top",
+				className: "kanban-lane-viewport__veil kanban-lane-viewport__veil--top",
+				surfaceClassName: "kanban-lane-viewport__veil-surface kanban-lane-viewport__veil-surface--top"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", {
+				"data-kanban-lane-header": laneId,
+				className: "kanban-lane-viewport__header",
+				children: header
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressiveBlur, {
+				position: "bottom",
+				blurLevels: KANBAN_BLUR_LEVELS,
+				"data-kanban-lane-veil": "bottom",
+				className: "kanban-lane-viewport__veil kanban-lane-viewport__veil--bottom",
+				surfaceClassName: "kanban-lane-viewport__veil-surface kanban-lane-viewport__veil-surface--bottom"
+			})
+		]
+	});
+}
+//#endregion
 //#region src/components/kanban/kanban-model.ts
 /**
 * Orthogonal intents (created 2026-07-28 Asia/Shanghai):
@@ -168687,14 +168848,15 @@ function getKanbanArchiveTimestamp(item) {
 //#endregion
 //#region src/components/kanban/interactive-kanban.tsx
 /**
-* Orthogonal intents (created 2026-07-28 Asia/Shanghai):
+* Orthogonal intents (updated 2026-08-03 Asia/Shanghai):
 * 1. Render live objective lanes with independent active/archive lifecycle evidence.
 * 2. Expose accessible Apply/Archive launchers without mutating projected state.
 * 3. Resolve archive drops through DataTransfer identity and current-row authority.
-* 4. Preserve progressive evidence while assigning one inline scroller and independent lane block scrollers.
+* 4. Preserve progressive evidence while assigning one inline scroller and layered lane block scrollers.
 *
 * Original request (2026-07-28): implement the reviewed interactive Kanban rewrite.
 * Owner correction (2026-07-28): remove double horizontal scrolling and let each lane scroll vertically.
+* Original request (2026-08-03): layer title and bottom space over a padded list with Grid, gradients, and progressive backdrop blur.
 */
 var CHANGE_DRAG_MIME = "application/x-openspecui-change-id";
 var RANGE_OPTIONS$1 = [
@@ -168753,7 +168915,9 @@ function InteractiveKanban({ activeItems, archivedItems, statuses, range, onRang
 				const rowCount = archived ? archiveRows.length : activeRows.length;
 				const initialLoading = archived ? archiveState.initialLoading : activeState.initialLoading;
 				const updating = archived ? archiveState.updating : activeState.updating;
-				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KanbanLaneViewport, {
+					laneId: lane.id,
+					density: "full",
 					"data-lane": lane.id,
 					onDragOver: archived ? (event) => {
 						if (!archiveDropCurrent || !event.dataTransfer.types.includes(CHANGE_DRAG_MIME)) return;
@@ -168765,9 +168929,9 @@ function InteractiveKanban({ activeItems, archivedItems, statuses, range, onRang
 						if (!event.currentTarget.contains(event.relatedTarget)) setDropActive(false);
 					} : void 0,
 					onDrop: archived ? handleArchiveDrop : void 0,
-					className: cn$1("border-border/70 flex min-h-0 min-w-0 flex-col overflow-hidden border-t transition-colors", archived && dropActive && "border-primary bg-primary/5"),
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
-						className: "flex h-11 min-w-0 shrink-0 items-center justify-between gap-2 px-1",
+					className: cn$1("transition-colors", archived && dropActive && "border-primary bg-primary/5"),
+					header: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex h-full min-w-0 items-center justify-between gap-2 px-1",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 							className: "flex min-w-0 items-center gap-2",
 							children: [
@@ -168788,79 +168952,76 @@ function InteractiveKanban({ activeItems, archivedItems, statuses, range, onRang
 							options: RANGE_OPTIONS$1,
 							onValueChange: onRangeChange,
 							ariaLabel: "Archived time range",
-							className: "h-7 min-w-0 gap-1 px-2 text-xs"
+							className: "pointer-events-auto h-7 min-w-0 gap-1 px-2 text-xs"
 						}) : null]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						"data-lane-scroll": true,
-						className: "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-[color-mix(in_srgb,currentColor,transparent_78%)] min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain pb-2 pr-1",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealtimeRevalidateCue, {
-							active: updating && rowCount > 0,
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(motion.div, {
-								layout: true,
-								className: "min-h-24 space-y-2",
-								children: [
-									initialLoading && rowCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeListSkeleton, { count: 2 }) : null,
-									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AnimatePresence, {
-										initial: false,
-										mode: "popLayout",
-										children: [archiveRows.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.div, {
-											layout: true,
-											layoutId: `live-kanban:${item.id}`,
-											initial: {
-												opacity: 0,
-												y: 4
-											},
-											animate: {
-												opacity: 1,
-												y: 0
-											},
-											exit: {
-												opacity: 0,
-												scale: .98
-											},
-											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchivedRow, { item })
-										}, `archived:${item.id}`)), activeRows.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.div, {
-											layout: true,
-											layoutId: `live-kanban:${item.id}`,
-											initial: {
-												opacity: 0,
-												y: 4
-											},
-											animate: {
-												opacity: 1,
-												y: 0
-											},
-											exit: {
-												opacity: 0,
-												scale: .98
-											},
-											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActiveRow, {
-												item,
-												status: statusById.get(item.id),
-												canApply: activeOperationsCurrent && applyStatusCurrent,
-												canArchive: activeOperationsCurrent,
-												canDragArchive: archiveDropCurrent,
-												applyBlockedReason: rootBlockedReason ?? (applyStatusCurrent ? null : "Apply availability is not current."),
-												archiveBlockedReason: rootBlockedReason,
-												onApply,
-												onArchive
-											})
-										}, `active:${item.id}`))]
-									}),
-									!initialLoading && rowCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-										className: "border-border/60 text-muted-foreground flex h-20 items-center justify-center rounded-md border border-dashed",
-										children: lane.id === "no-tasks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileQuestion, {
-											className: "h-4 w-4",
-											"aria-label": "No entries"
-										}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListChecks, {
-											className: "h-4 w-4",
-											"aria-label": "No entries"
+					}),
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealtimeRevalidateCue, {
+						active: updating && rowCount > 0,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(motion.div, {
+							layout: true,
+							className: "min-h-24 space-y-2",
+							children: [
+								initialLoading && rowCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeListSkeleton, { count: 2 }) : null,
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AnimatePresence, {
+									initial: false,
+									mode: "popLayout",
+									children: [archiveRows.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.div, {
+										layout: true,
+										layoutId: `live-kanban:${item.id}`,
+										initial: {
+											opacity: 0,
+											y: 4
+										},
+										animate: {
+											opacity: 1,
+											y: 0
+										},
+										exit: {
+											opacity: 0,
+											scale: .98
+										},
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchivedRow, { item })
+									}, `archived:${item.id}`)), activeRows.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.div, {
+										layout: true,
+										layoutId: `live-kanban:${item.id}`,
+										initial: {
+											opacity: 0,
+											y: 4
+										},
+										animate: {
+											opacity: 1,
+											y: 0
+										},
+										exit: {
+											opacity: 0,
+											scale: .98
+										},
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActiveRow, {
+											item,
+											status: statusById.get(item.id),
+											canApply: activeOperationsCurrent && applyStatusCurrent,
+											canArchive: activeOperationsCurrent,
+											canDragArchive: archiveDropCurrent,
+											applyBlockedReason: rootBlockedReason ?? (applyStatusCurrent ? null : "Apply availability is not current."),
+											archiveBlockedReason: rootBlockedReason,
+											onApply,
+											onArchive
 										})
-									}) : null
-								]
-							})
+									}, `active:${item.id}`))]
+								}),
+								!initialLoading && rowCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "border-border/60 text-muted-foreground flex h-20 items-center justify-center rounded-md border border-dashed",
+									children: lane.id === "no-tasks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileQuestion, {
+										className: "h-4 w-4",
+										"aria-label": "No entries"
+									}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListChecks, {
+										className: "h-4 w-4",
+										"aria-label": "No entries"
+									})
+								}) : null
+							]
 						})
-					})]
+					})
 				}, lane.id);
 			})
 		})]
@@ -169013,15 +169174,16 @@ function ProjectionEvidence({ activeError, archiveError, applyStatusError, rowEr
 //#endregion
 //#region src/components/kanban/readonly-kanban.tsx
 /**
-* Orthogonal intents (updated 2026-07-31 Asia/Shanghai):
+* Orthogonal intents (updated 2026-08-03 Asia/Shanghai):
 * 1. Render objective Change lanes with navigation and no operation callbacks.
 * 2. Share one compact/full presentation while compact Pending geometry stays fixed.
-* 3. Own a 1/2/4-column container-responsive topology with independent lane scrolling.
+* 3. Own a 1/2/4-column container-responsive topology composed from layered lane viewports.
 * 4. Preserve list continuity through motion layout transitions and stable identities.
 *
 * Original request (2026-07-28): add ReadonlyKanban to Dashboard and keep static mode objective.
 * Owner correction (2026-07-28): use container queries for 4x1, 2x2, and 1x4 without horizontal scrolling.
 * Original request (2026-07-31): "Kanban 的高度可以固定下来，并且要让每个group都可以独立滚动"
+* Original request (2026-08-03): layer title and bottom space over a padded list with Grid, gradients, and progressive backdrop blur.
 */
 /** Readonly objective Kanban with navigation but no mutation capability. */
 function ReadonlyKanban({ activeItems, archivedItems, activeCounts, archivedCount, variant = "full", pending = false, className }) {
@@ -169033,14 +169195,15 @@ function ReadonlyKanban({ activeItems, archivedItems, activeCounts, archivedCoun
 		className: cn$1("@container min-w-0 max-w-full overflow-x-clip", compact && "@[32rem]:h-[32rem] @[64rem]:h-72 h-[46rem]", className),
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			"data-testid": "readonly-kanban-grid",
-			className: cn$1("@[32rem]:grid-cols-2 @[64rem]:grid-cols-4 grid w-full min-w-0 max-w-full grid-cols-1 gap-3 overflow-x-clip pb-6", compact && "@[32rem]:grid-rows-2 @[64rem]:grid-rows-1 h-full min-h-0 grid-rows-4"),
+			className: cn$1("@[32rem]:grid-cols-2 @[64rem]:grid-cols-4 grid w-full min-w-0 max-w-full grid-cols-1 gap-3 overflow-x-clip", compact && "@[32rem]:grid-rows-2 @[64rem]:grid-rows-1 h-full min-h-0 grid-rows-4"),
 			children: KANBAN_LANES.map((lane) => {
 				const rows = lane.id === "archived" ? archivedItems : grouped[lane.id];
 				const count = lane.id === "archived" ? archivedCount : activeCounts[lane.id];
-				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-					className: "border-border/70 flex min-h-0 min-w-0 flex-col overflow-hidden border-t",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", {
-						className: "flex h-10 min-w-0 items-center justify-between gap-2 px-1",
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KanbanLaneViewport, {
+					laneId: lane.id,
+					density: compact ? "compact" : "full",
+					header: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex h-full min-w-0 items-center justify-between gap-2 px-1",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 							className: "flex min-w-0 items-center gap-2",
 							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn$1("h-2 w-2 shrink-0 rounded-full", lane.accentClass) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
@@ -169053,57 +169216,54 @@ function ReadonlyKanban({ activeItems, archivedItems, activeCounts, archivedCoun
 							size: "xs",
 							shape: "pill"
 						})]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						"data-kanban-lane-scroll": lane.id,
-						className: "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-[color-mix(in_srgb,currentColor,transparent_78%)] min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain pb-1 pr-1",
-						children: pending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-							className: "space-y-2",
-							"aria-hidden": "true",
-							children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "border-border/70 bg-card space-y-2 rounded-md border px-2.5 py-2",
-								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealtimeSkeleton, { className: "h-3 w-3/4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealtimeSkeleton, { className: "h-2.5 w-1/2" })]
-							}, index))
-						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(motion.div, {
-							layout: true,
-							className: "space-y-2",
-							"data-lane": lane.id,
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatePresence, {
-								initial: false,
-								mode: "popLayout",
-								children: rows.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.div, {
-									layout: true,
-									layoutId: `readonly-kanban:${item.id}`,
-									initial: {
-										opacity: 0,
-										y: 4
-									},
-									animate: {
-										opacity: 1,
-										y: 0
-									},
-									exit: {
-										opacity: 0,
-										scale: .98
-									},
-									transition: { duration: .16 },
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReadonlyKanbanRow, {
-										item,
-										laneId: lane.id,
-										compact
-									})
-								}, `${lane.id}:${item.id}`))
-							}), rows.length === 0 && count === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-								className: "border-border/60 text-muted-foreground flex h-16 items-center justify-center rounded-md border border-dashed",
-								children: lane.id === "no-tasks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileQuestion, {
-									className: "h-4 w-4",
-									"aria-label": "No entries"
-								}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListChecks, {
-									className: "h-4 w-4",
-									"aria-label": "No entries"
+					}),
+					children: pending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "space-y-2",
+						"aria-hidden": "true",
+						children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "border-border/70 bg-card space-y-2 rounded-md border px-2.5 py-2",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealtimeSkeleton, { className: "h-3 w-3/4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealtimeSkeleton, { className: "h-2.5 w-1/2" })]
+						}, index))
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(motion.div, {
+						layout: true,
+						className: "space-y-2",
+						"data-lane": lane.id,
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatePresence, {
+							initial: false,
+							mode: "popLayout",
+							children: rows.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(motion.div, {
+								layout: true,
+								layoutId: `readonly-kanban:${item.id}`,
+								initial: {
+									opacity: 0,
+									y: 4
+								},
+								animate: {
+									opacity: 1,
+									y: 0
+								},
+								exit: {
+									opacity: 0,
+									scale: .98
+								},
+								transition: { duration: .16 },
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReadonlyKanbanRow, {
+									item,
+									laneId: lane.id,
+									compact
 								})
-							}) : null]
-						})
-					})]
+							}, `${lane.id}:${item.id}`))
+						}), rows.length === 0 && count === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "border-border/60 text-muted-foreground flex h-16 items-center justify-center rounded-md border border-dashed",
+							children: lane.id === "no-tasks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileQuestion, {
+								className: "h-4 w-4",
+								"aria-label": "No entries"
+							}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListChecks, {
+								className: "h-4 w-4",
+								"aria-label": "No entries"
+							})
+						}) : null]
+					})
 				}, lane.id);
 			})
 		})
@@ -171752,7 +171912,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-BNsPtfSX.js")).ConfigGuidePresentationLayer };
+	return { default: (await import("./config-guide-presentation-DluN0NgQ.js")).ConfigGuidePresentationLayer };
 });
 /** Access the root-owned adaptive Guide runtime. */
 function useConfigGuide() {