@openspecui/web 7.0.0 → 7.0.1

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

@@ -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-4lRaWiqp.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-4lRaWiqp.js").then(({ trpcClient }) => trpcClient.kv.set.mutate({
 				key: this.storageKey,
 				value: {
 					mainTabs: this.state.mainTabs,
@@ -71013,7 +71013,7 @@ var browserExt = {
 	},
 	test: () => true,
 	load: async () => {
-		await import("./browserAll-Br-Ym0s3.js");
+		await import("./browserAll-CbppWmmr.js");
 	}
 };
 //#endregion
@@ -71026,7 +71026,7 @@ var webworkerExt = {
 	},
 	test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
 	load: async () => {
-		await import("./webworkerAll-BE4Faerg.js");
+		await import("./webworkerAll-Boyd6QDj.js");
 	}
 };
 //#endregion
@@ -73620,7 +73620,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-CC9srvlc.js");
 			RendererClass = WebGPURenderer;
 			finalOptions = {
 				...options,
@@ -73628,7 +73628,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-DZq9g4pY.js");
 			RendererClass = WebGLRenderer;
 			finalOptions = {
 				...options,
@@ -73636,7 +73636,7 @@ async function autoDetectRenderer(options) {
 			};
 			break;
 		} else if (rendererType === "canvas") {
-			const { CanvasRenderer } = await import("./CanvasRenderer-BddS1srD.js");
+			const { CanvasRenderer } = await import("./CanvasRenderer-CwiiSPbH.js");
 			RendererClass = CanvasRenderer;
 			finalOptions = {
 				...options,
@@ -97337,7 +97337,7 @@ var TerminalController = class {
 		if (this.configPersistTimer) clearTimeout(this.configPersistTimer);
 		this.configPersistTimer = setTimeout(() => {
 			this.configPersistTimer = null;
-			import("./trpc-DUmUqj4-.js").then(({ trpcClient }) => {
+			import("./trpc-4lRaWiqp.js").then(({ trpcClient }) => {
 				trpcClient.config.update.mutate({ terminal: { fontSize: this.config.fontSize } });
 			}).catch(() => {});
 		}, CONFIG_PERSIST_DEBOUNCE);
@@ -107862,7 +107862,7 @@ var languages = [
 		name: "CSS",
 		extensions: ["css"],
 		load() {
-			return import("./dist-BuMA6YKx.js").then((m) => m.css());
+			return import("./dist-D3UkzXNJ.js").then((m) => m.css());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107882,7 +107882,7 @@ var languages = [
 			"hbs"
 		],
 		load() {
-			return import("./dist-D4wdS9IG.js").then((m) => m.html());
+			return import("./dist-9eozfPDO.js").then((m) => m.html());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107916,7 +107916,7 @@ var languages = [
 			"jinja2"
 		],
 		load() {
-			return import("./dist-DkcAEJix.js").then((m) => m.jinja());
+			return import("./dist-C3YYTwOF.js").then((m) => m.jinja());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107924,7 +107924,7 @@ var languages = [
 		alias: ["json5"],
 		extensions: ["json", "map"],
 		load() {
-			return import("./dist-DweGKZ3K.js").then((m) => m.json());
+			return import("./dist-qBAal1ou.js").then((m) => m.json());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107938,14 +107938,14 @@ var languages = [
 		name: "LESS",
 		extensions: ["less"],
 		load() {
-			return import("./dist-BKolbUhu.js").then((m) => m.less());
+			return import("./dist-Bxv0KpK2.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-CWgzRN8l.js").then((m) => m.liquid());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107962,7 +107962,7 @@ var languages = [
 			"mkd"
 		],
 		load() {
-			return import("./dist-BXMtMtrz.js").then((m) => m.markdown());
+			return import("./dist-uy4rKjdF.js").then((m) => m.markdown());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -107988,7 +107988,7 @@ var languages = [
 			"phtml"
 		],
 		load() {
-			return import("./dist-2q5MBzNz.js").then((m) => m.php());
+			return import("./dist-DLmT_-xD.js").then((m) => m.php());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -108028,14 +108028,14 @@ var languages = [
 		name: "Sass",
 		extensions: ["sass"],
 		load() {
-			return import("./dist-jJ40WsNS.js").then((m) => m.sass({ indented: true }));
+			return import("./dist-BL9BN3bD.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-BL9BN3bD.js").then((m) => m.sass());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -108102,7 +108102,7 @@ var languages = [
 		alias: ["yml"],
 		extensions: ["yaml", "yml"],
 		load() {
-			return import("./dist-DHm81glc.js").then((m) => m.yaml());
+			return import("./dist-X54KSZxt.js").then((m) => m.yaml());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
@@ -108989,13 +108989,13 @@ var languages = [
 		name: "Vue",
 		extensions: ["vue"],
 		load() {
-			return import("./dist-C-ifGdHx.js").then((m) => m.vue());
+			return import("./dist-CBWX0qVQ.js").then((m) => m.vue());
 		}
 	}),
 	/* @__PURE__ */ LanguageDescription.of({
 		name: "Angular Template",
 		load() {
-			return import("./dist-DLLg4uMo.js").then((m) => m.angular());
+			return import("./dist-BvJegMAu.js").then((m) => m.angular());
 		}
 	})
 ];
@@ -168623,6 +168623,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 +168794,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 +168861,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 +168875,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 +168898,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 +169120,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 +169141,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 +169162,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 +171858,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-BysIO8oY.js")).ConfigGuidePresentationLayer };
 });
 /** Access the root-owned adaptive Guide runtime. */
 function useConfigGuide() {

package/dist-ssg/server/assets/{init-d-mn_N98.js → init-CzleJ4fV.js}

@@ -1,5 +1,5 @@
 import { it as extensions } from "./Geometry-jQ4l8GtP.js";
-import { M as FilterPipe, j as FilterSystem } from "./entry-server-BrAwgnce.js";
+import { M as FilterPipe, j as FilterSystem } from "./entry-server-C1flMDyD.js";
 //#region ../../node_modules/.pnpm/pixi.js@8.16.0/node_modules/pixi.js/lib/filters/init.mjs
 extensions.add(FilterSystem);
 extensions.add(FilterPipe);

package/dist-ssg/server/assets/trpc-4lRaWiqp.js

@@ -0,0 +1,3 @@
+import "./jsx-runtime-CQL-l9BP.js";
+import { Nt as trpcClient } from "./entry-server-C1flMDyD.js";
+export { trpcClient };