@openspecui/web 3.2.2 → 3.3.0

package/dist-ssg/server/entry-server.js

@@ -7433,7 +7433,7 @@ function useSearch(opts) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@tanstack+react-router@1.139.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@tanstack/react-router/dist/esm/utils.js
-var useLayoutEffect$7 = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
+var useLayoutEffect$8 = typeof window !== "undefined" ? import_react.useLayoutEffect : import_react.useEffect;
 function usePrevious(value) {
 	const ref = import_react.useRef({
 		value,
@@ -8353,7 +8353,7 @@ function Transitioner() {
 			unsub();
 		};
 	}, [router, router.history]);
-	useLayoutEffect$7(() => {
+	useLayoutEffect$8(() => {
 		if (typeof window !== "undefined" && router.ssr || mountLoadForRouter.current.router === router && mountLoadForRouter.current.mounted) return;
 		mountLoadForRouter.current = {
 			router,
@@ -8368,7 +8368,7 @@ function Transitioner() {
 		};
 		tryLoad();
 	}, [router]);
-	useLayoutEffect$7(() => {
+	useLayoutEffect$8(() => {
 		if (previousIsLoading && !isLoading) router.emit({
 			type: "onLoad",
 			...getLocationChangeInfo(router.state)
@@ -8378,7 +8378,7 @@ function Transitioner() {
 		router,
 		isLoading
 	]);
-	useLayoutEffect$7(() => {
+	useLayoutEffect$8(() => {
 		if (previousIsPagePending && !isPagePending) router.emit({
 			type: "onBeforeRouteMount",
 			...getLocationChangeInfo(router.state)
@@ -8388,7 +8388,7 @@ function Transitioner() {
 		previousIsPagePending,
 		router
 	]);
-	useLayoutEffect$7(() => {
+	useLayoutEffect$8(() => {
 		if (previousIsAnyPending && !isAnyPending) {
 			const changeInfo = getLocationChangeInfo(router.state);
 			router.emit({
@@ -46317,23 +46317,23 @@ async function getChangeFiles(id) {
 	files.push({
 		path: "proposal.md",
 		type: "file",
-		content: change.proposal
+		content: change.sourceProposal ?? change.proposal
 	});
 	if (change.tasks) files.push({
 		path: "tasks.md",
 		type: "file",
-		content: change.tasks
+		content: change.sourceTasks ?? change.tasks
 	});
 	if (change.design) files.push({
 		path: "design.md",
 		type: "file",
-		content: change.design
+		content: change.sourceDesign ?? change.design
 	});
 	change.deltas.forEach((delta) => {
 		files.push({
 			path: `specs/${delta.capability}/spec.md`,
 			type: "file",
-			content: delta.content
+			content: delta.sourceContent ?? delta.content
 		});
 	});
 	return files;
@@ -46391,17 +46391,17 @@ async function getArchiveFiles(id) {
 	files.push({
 		path: "proposal.md",
 		type: "file",
-		content: archive.proposal
+		content: archive.sourceProposal ?? archive.proposal
 	});
 	if (archive.tasks) files.push({
 		path: "tasks.md",
 		type: "file",
-		content: archive.tasks
+		content: archive.sourceTasks ?? archive.tasks
 	});
 	if (archive.design) files.push({
 		path: "design.md",
 		type: "file",
-		content: archive.design
+		content: archive.sourceDesign ?? archive.design
 	});
 	return files;
 }
@@ -84588,7 +84588,7 @@ function restoreViewportScroll(viewport, panel, targetScrollTop) {
 	};
 	requestAnimationFrame(retry);
 }
-function hasVerticalScrollBehavior(overflowY) {
+function hasVerticalScrollBehavior$1(overflowY) {
 	return overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay";
 }
 function findScrollableDescendant(panel) {
@@ -84597,7 +84597,7 @@ function findScrollableDescendant(panel) {
 	while (walker.nextNode()) {
 		const node = walker.currentNode;
 		if (!(node instanceof HTMLElement)) continue;
-		if (!hasVerticalScrollBehavior(window.getComputedStyle(node).overflowY) || node.scrollHeight <= node.clientHeight) continue;
+		if (!hasVerticalScrollBehavior$1(window.getComputedStyle(node).overflowY) || node.scrollHeight <= node.clientHeight) continue;
 		if (node.scrollTop > 0) return node;
 		candidate ??= node;
 	}
@@ -84680,12 +84680,12 @@ function resolveViewportBoundary(panel, viewportSelector) {
 function resolveScrollViewport(panel, boundary) {
 	let current = panel.parentElement;
 	while (current) {
-		if (hasVerticalScrollBehavior(window.getComputedStyle(current).overflowY) && current.scrollHeight > current.clientHeight) return current;
+		if (hasVerticalScrollBehavior$1(window.getComputedStyle(current).overflowY) && current.scrollHeight > current.clientHeight) return current;
 		if (boundary && current === boundary) break;
 		current = current.parentElement;
 	}
 	if (!boundary) return null;
-	if (hasVerticalScrollBehavior(window.getComputedStyle(boundary).overflowY)) return boundary;
+	if (hasVerticalScrollBehavior$1(window.getComputedStyle(boundary).overflowY)) return boundary;
 	return null;
 }
 function resolveTabScrollElements(handle, tabId, viewportSelector) {
@@ -102354,7 +102354,7 @@ function CodeEditor({ value, onChange, readOnly = false, language, filename, lin
 			bracketMatching: !readOnly
 		},
 		extensions,
-		className: `scrollbar-thin scrollbar-track-transparent overflow-auto ${className}`,
+		className: `min-h-0 overflow-hidden ${className}`,
 		style: {
 			fontSize,
 			["--code-editor-min-height"]: editorMinHeight,
@@ -102662,6 +102662,7 @@ var layoutStyles = String.raw`
     display: flex;
     flex-direction: column;
     flex: 1;
+    min-height: 0;
   }
 
   /* 宽屏：grid 布局，文件列表在右侧 */
@@ -102670,6 +102671,7 @@ var layoutStyles = String.raw`
       display: grid;
       grid-template-columns: minmax(0, 1fr) minmax(240px, clamp(240px, 30%, 420px));
       gap: 1rem;
+      min-height: 0;
     }
     .fev-sidebar-tabs {
       display: none;
@@ -102974,21 +102976,110 @@ function FileExplorer({ entries, selectedPath, onSelect, breadcrumbRoot, headerL
 		})]
 	});
 }
-function FileExplorerCodeEditor({ file, value, readOnly = true, onChange, lineWrapping }) {
+function FileExplorerCodeEditor({ file, value, readOnly = true, onChange, lineWrapping, editorMinHeight }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeEditor, {
 		value,
 		filename: file.path,
 		readOnly,
 		lineWrapping,
 		className: "min-h-0 flex-1",
+		editorMinHeight,
 		onChange
 	}, file.path);
 }
 //#endregion
+//#region src/components/scroll-spy.ts
+function hasVerticalScrollBehavior(overflowY) {
+	return overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay";
+}
+function findVerticalScrollContainer(node, options = {}) {
+	const { allowNonScrollable = false } = options;
+	let current = node?.parentElement ?? null;
+	while (current) {
+		if (hasVerticalScrollBehavior(window.getComputedStyle(current).overflowY)) {
+			if (allowNonScrollable || current.scrollHeight > current.clientHeight) return current;
+		}
+		current = current.parentElement;
+	}
+	return null;
+}
+function scrollViewportBounds(root) {
+	if (root) {
+		const rect = root.getBoundingClientRect();
+		return {
+			top: rect.top,
+			bottom: rect.bottom
+		};
+	}
+	return {
+		top: 0,
+		bottom: window.innerHeight
+	};
+}
+function measureAvailableViewportHeight(node, root = findVerticalScrollContainer(node, { allowNonScrollable: true })) {
+	if (typeof window === "undefined" || !node) return null;
+	const nodeRect = node.getBoundingClientRect();
+	const viewport = scrollViewportBounds(root);
+	return Math.max(Math.floor(viewport.bottom - Math.max(nodeRect.top, viewport.top)), 0);
+}
+function useViewportConstrainedHeight({ target, enabled = true }) {
+	const [height, setHeight] = (0, import_react.useState)(null);
+	(0, import_react.useLayoutEffect)(() => {
+		if (!enabled || typeof window === "undefined") {
+			setHeight(null);
+			return;
+		}
+		if (!target) {
+			setHeight(null);
+			return;
+		}
+		let resizeObserver = null;
+		let scrollRoot = null;
+		let scrollTarget = window;
+		const setConstrainedHeight = (nextHeight) => {
+			setHeight((currentHeight) => currentHeight === nextHeight ? currentHeight : nextHeight);
+		};
+		const bindScrollRoot = (nextRoot) => {
+			if (scrollRoot === nextRoot) return;
+			scrollTarget.removeEventListener("scroll", handleUpdate);
+			if (resizeObserver && scrollRoot) resizeObserver.unobserve(scrollRoot);
+			scrollRoot = nextRoot;
+			scrollTarget = nextRoot ?? window;
+			scrollTarget.addEventListener("scroll", handleUpdate, { passive: true });
+			if (resizeObserver && scrollRoot) resizeObserver.observe(scrollRoot);
+		};
+		const handleUpdate = () => {
+			const nextRoot = findVerticalScrollContainer(target, { allowNonScrollable: true });
+			bindScrollRoot(nextRoot);
+			setConstrainedHeight(measureAvailableViewportHeight(target, nextRoot));
+		};
+		if (typeof ResizeObserver !== "undefined") {
+			resizeObserver = new ResizeObserver(() => {
+				handleUpdate();
+			});
+			resizeObserver.observe(target);
+			if (target.parentElement) resizeObserver.observe(target.parentElement);
+		}
+		handleUpdate();
+		window.addEventListener("resize", handleUpdate);
+		return () => {
+			window.removeEventListener("resize", handleUpdate);
+			scrollTarget.removeEventListener("scroll", handleUpdate);
+			resizeObserver?.disconnect();
+		};
+	}, [enabled, target]);
+	return height;
+}
+//#endregion
 //#region src/components/folder-editor-viewer.tsx
 function FolderEditorViewer({ changeId, archived = false }) {
 	const { data: files, isLoading, error } = archived ? useArchiveFilesSubscription(changeId) : useChangeFilesSubscription(changeId);
 	const [selectedPath, setSelectedPath] = (0, import_react.useState)(null);
+	const [viewportNode, setViewportNode] = (0, import_react.useState)(null);
+	const viewportHeight = useViewportConstrainedHeight({
+		target: viewportNode,
+		enabled: viewportNode !== null
+	});
 	const sortedEntries = (0, import_react.useMemo)(() => {
 		if (!files) return [];
 		return [...files];
@@ -103008,18 +103099,31 @@ function FolderEditorViewer({ changeId, archived = false }) {
 		className: "border-destructive/50 bg-destructive/10 text-destructive rounded-md border p-4 text-sm",
 		children: ["Failed to load files: ", error.message]
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileExplorer, {
-		entries: sortedEntries,
-		selectedPath,
-		onSelect: setSelectedPath,
-		emptyState: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "No files found for this change." }),
-		renderEditor: (activeFile) => activeFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileExplorerCodeEditor, {
-			file: activeFile,
-			value: activeFile.content ?? "",
-			readOnly: true
-		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "text-muted-foreground flex h-full items-center justify-center",
-			children: "Select a file to view"
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
+		"data-tab-scroll-root": "true",
+		className: "scrollbar-thin scrollbar-track-transparent min-h-0 flex-1 overflow-auto",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "pr-1",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				ref: setViewportNode,
+				className: "flex min-h-0 flex-col",
+				style: viewportHeight != null ? { height: `${viewportHeight}px` } : void 0,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileExplorer, {
+					entries: sortedEntries,
+					selectedPath,
+					onSelect: setSelectedPath,
+					emptyState: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "No files found for this change." }),
+					renderEditor: (activeFile) => activeFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileExplorerCodeEditor, {
+						file: activeFile,
+						value: activeFile.content ?? "",
+						readOnly: true,
+						editorMinHeight: "0px"
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "text-muted-foreground flex h-full items-center justify-center",
+						children: "Select a file to view"
+					})
+				})
+			})
 		})
 	});
 }
@@ -103887,7 +103991,7 @@ function ChangeView() {
 */
 function ButtonGroup({ value, options, onChange, className = "", tone = "default" }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: `inline-flex w-fit max-w-full self-start overflow-hidden rounded-md border ${tone === "terminal" ? "border-terminal-foreground/25 bg-terminal/70 text-terminal-foreground" : "border-border bg-card"} ${className}`,
+		className: `inline-flex w-fit max-w-full shrink-0 self-start overflow-hidden rounded-md border ${tone === "terminal" ? "border-terminal-foreground/25 bg-terminal/70 text-terminal-foreground" : "border-border bg-card"} ${className}`,
 		children: options.map((option, index) => {
 			const active = option.value === value;
 			const stateClassName = active ? "bg-primary text-primary-foreground" : tone === "terminal" ? "text-terminal-foreground/72 hover:bg-terminal-foreground/10 hover:text-terminal-foreground" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground";
@@ -146332,6 +146436,16 @@ function isCoreWorkflowSelection(workflows) {
 function createRunnerLineId() {
 	return typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).slice(2);
 }
+function useTabPanelViewportHeight() {
+	const [target, setTarget] = (0, import_react.useState)(null);
+	return {
+		viewportHeight: useViewportConstrainedHeight({
+			target,
+			enabled: target !== null
+		}),
+		setViewportNode: setTarget
+	};
+}
 function JsonStructuredValue({ value }) {
 	if (value === null) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground font-mono text-xs",
@@ -146389,6 +146503,8 @@ function JsonStructuredValue({ value }) {
 }
 function Config() {
 	const isStatic = isStaticMode();
+	const { viewportHeight: schemaViewportHeight, setViewportNode: setSchemaViewportNode } = useTabPanelViewportHeight();
+	const { viewportHeight: projectConfigViewportHeight, setViewportNode: setProjectConfigViewportNode } = useTabPanelViewportHeight();
 	const [schemaMode, setSchemaMode] = (0, import_react.useState)("read");
 	const [schemaActionError, setSchemaActionError] = (0, import_react.useState)(null);
 	const [schemaEntryError, setSchemaEntryError] = (0, import_react.useState)(null);
@@ -147224,416 +147340,426 @@ function Config() {
 		if (isPendingCommandRunning) return;
 		setPendingCommandKind(null);
 	}, [isPendingCommandRunning]);
-	const schemaTabContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-		className: "flex min-h-0 flex-1 flex-col gap-4",
-		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonGroup, {
-					value: schemaMode,
-					onChange: handleSchemaModeChange,
-					options: [
-						{
-							value: "read",
-							label: "Read"
-						},
-						{
-							value: "preview",
-							label: "Preview"
-						},
-						{
-							value: "edit",
-							label: "Edit",
-							disabled: !schemaCanEdit
-						}
-					]
-				}), /* @__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: isStatic || 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"]
+	const schemaTabContent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
+		"data-tab-scroll-root": "true",
+		className: "scrollbar-thin scrollbar-track-transparent min-h-0 flex-1 overflow-auto",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "space-y-4 pr-1",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex flex-wrap items-center justify-between gap-3",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonGroup, {
+						value: schemaMode,
+						onChange: handleSchemaModeChange,
+						options: [
+							{
+								value: "read",
+								label: "Read"
+							},
+							{
+								value: "preview",
+								label: "Preview"
+							},
+							{
+								value: "edit",
+								label: "Edit",
+								disabled: !schemaCanEdit
+							}
+						]
+					}), /* @__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: isStatic || 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"]
+						})]
 					})]
-				})]
-			}),
-			schemaActionError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "text-destructive text-xs",
-				children: schemaActionError
-			}),
-			schemaEntryError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "text-destructive text-xs",
-				children: schemaEntryError
-			}),
-			schemasError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "text-destructive text-sm",
-				children: ["Failed to load schemas: ", schemasError.message]
-			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex min-h-0 flex-1 flex-col",
-				children: [
-					schemasLoading && (!schemas || schemas.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "text-muted-foreground mb-3 text-sm",
-						children: "Loading schemas…"
-					}),
-					schemas && schemas.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "text-muted-foreground mb-3 text-sm",
-						children: "No schemas available."
-					}),
-					selectedSchemaInfo ? schemaMode === "preview" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownViewer, {
-						className: "min-h-0 flex-1",
-						markdown: ({ H1, H2, H3, Section }) => {
-							const anchorBase = `schema-${selectedSchemaInfo.name}`;
-							const schemaAnchor = (suffix) => `${anchorBase}-${suffix}`;
-							return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "space-y-6",
-								children: [
-									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, {
-										id: anchorBase,
-										children: selectedSchemaInfo.name
-									}), selectedSchemaInfo.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-										className: "text-muted-foreground",
-										children: selectedSchemaInfo.description
-									})] }),
-									schemaResolution && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H2, {
-										id: schemaAnchor("resolution"),
-										children: "Resolution"
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-										className: "text-muted-foreground mt-2 space-y-1 pl-4 text-sm",
-										children: [
-											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: ["Source: ", schemaResolution.source] }),
-											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-												className: "truncate",
-												children: ["Path: ", schemaResolution.displayPath ?? schemaResolution.path]
+				}),
+				schemaActionError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-destructive text-xs",
+					children: schemaActionError
+				}),
+				schemaEntryError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-destructive text-xs",
+					children: schemaEntryError
+				}),
+				schemasError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "text-destructive text-sm",
+					children: ["Failed to load schemas: ", schemasError.message]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					ref: setSchemaViewportNode,
+					className: "flex min-h-0 flex-col",
+					style: schemaViewportHeight != null ? { height: `${schemaViewportHeight}px` } : void 0,
+					children: [
+						schemasLoading && (!schemas || schemas.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "text-muted-foreground mb-3 text-sm",
+							children: "Loading schemas…"
+						}),
+						schemas && schemas.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "text-muted-foreground mb-3 text-sm",
+							children: "No schemas available."
+						}),
+						selectedSchemaInfo ? schemaMode === "preview" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownViewer, {
+							className: "min-h-0 flex-1",
+							markdown: ({ H1, H2, H3, Section }) => {
+								const anchorBase = `schema-${selectedSchemaInfo.name}`;
+								const schemaAnchor = (suffix) => `${anchorBase}-${suffix}`;
+								return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "space-y-6",
+									children: [
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H1, {
+											id: anchorBase,
+											children: selectedSchemaInfo.name
+										}), selectedSchemaInfo.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+											className: "text-muted-foreground",
+											children: selectedSchemaInfo.description
+										})] }),
+										schemaResolution && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H2, {
+											id: schemaAnchor("resolution"),
+											children: "Resolution"
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "text-muted-foreground mt-2 space-y-1 pl-4 text-sm",
+											children: [
+												/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: ["Source: ", schemaResolution.source] }),
+												/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+													className: "truncate",
+													children: ["Path: ", schemaResolution.displayPath ?? schemaResolution.path]
+												}),
+												schemaResolution.shadows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+													"Shadows:",
+													" ",
+													schemaResolution.shadows.map((s) => `${s.source}(${s.displayPath ?? s.path})`).join(", ")
+												] })
+											]
+										})] }),
+										schemaPreview.error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H2, {
+											id: schemaAnchor("schema-errors"),
+											children: "Schema errors"
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "border-destructive/40 bg-destructive/10 text-destructive mt-2 rounded-md border px-3 py-2 text-sm",
+											children: ["schema.yaml parse error: ", schemaPreview.error]
+										})] }),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, { children: [
+											/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H2, {
+												id: schemaAnchor("artifacts"),
+												children: "Artifacts"
 											}),
-											schemaResolution.shadows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-												"Shadows:",
-												" ",
-												schemaResolution.shadows.map((s) => `${s.source}(${s.displayPath ?? s.path})`).join(", ")
-											] })
-										]
-									})] }),
-									schemaPreview.error && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H2, {
-										id: schemaAnchor("schema-errors"),
-										children: "Schema errors"
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-										className: "border-destructive/40 bg-destructive/10 text-destructive mt-2 rounded-md border px-3 py-2 text-sm",
-										children: ["schema.yaml parse error: ", schemaPreview.error]
-									})] }),
-									/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, { children: [
-										/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H2, {
-											id: schemaAnchor("artifacts"),
-											children: "Artifacts"
-										}),
-										previewArtifacts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-											className: "mt-3 space-y-6",
-											children: previewArtifacts.map((artifact) => {
-												const rawArtifact = rawArtifactMap.get(artifact.id);
-												const templateInfo = templateContents?.[artifact.id] ?? (templates?.[artifact.id] ? {
-													...templates[artifact.id],
-													content: null
-												} : null);
-												const templatePath = templateInfo?.path ?? (typeof rawArtifact?.template === "string" ? rawArtifact.template : void 0);
-												const templateDisplayPath = templateInfo?.displayPath ?? templatePath ?? null;
-												const draftTemplateContent = templatePath !== void 0 ? draftByPath.get(templatePath) : void 0;
-												const templateBody = draftTemplateContent !== void 0 ? draftTemplateContent : templateInfo ? templateInfo.content : null;
-												const knownFields = [
-													["id", rawArtifact?.id ?? artifact.id],
-													["generates", rawArtifact?.generates ?? artifact.outputPath],
-													["description", rawArtifact?.description ?? artifact.description],
-													["instruction", rawArtifact?.instruction],
-													["requires", rawArtifact?.requires ?? artifact.requires]
-												].filter((entry) => entry[1] !== void 0);
-												const unknownEntries = rawArtifact ? Object.entries(rawArtifact).filter(([key]) => !KNOWN_ARTIFACT_KEYS.has(key)) : [];
-												return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
-													className: "space-y-3",
-													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H3, {
-														id: schemaAnchor(`artifact-${artifact.id}`),
-														children: artifact.id
-													}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-														className: "border-border space-y-4 rounded-lg border px-4 py-4 text-sm",
-														children: [
-															/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-																className: "space-y-3",
-																children: knownFields.map(([key, value]) => {
-																	const isRequires = key === "requires";
-																	const requires = isRequires ? Array.isArray(value) ? value.filter((item) => typeof item === "string") : [] : [];
-																	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											previewArtifacts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+												className: "mt-3 space-y-6",
+												children: previewArtifacts.map((artifact) => {
+													const rawArtifact = rawArtifactMap.get(artifact.id);
+													const templateInfo = templateContents?.[artifact.id] ?? (templates?.[artifact.id] ? {
+														...templates[artifact.id],
+														content: null
+													} : null);
+													const templatePath = templateInfo?.path ?? (typeof rawArtifact?.template === "string" ? rawArtifact.template : void 0);
+													const templateDisplayPath = templateInfo?.displayPath ?? templatePath ?? null;
+													const draftTemplateContent = templatePath !== void 0 ? draftByPath.get(templatePath) : void 0;
+													const templateBody = draftTemplateContent !== void 0 ? draftTemplateContent : templateInfo ? templateInfo.content : null;
+													const knownFields = [
+														["id", rawArtifact?.id ?? artifact.id],
+														["generates", rawArtifact?.generates ?? artifact.outputPath],
+														["description", rawArtifact?.description ?? artifact.description],
+														["instruction", rawArtifact?.instruction],
+														["requires", rawArtifact?.requires ?? artifact.requires]
+													].filter((entry) => entry[1] !== void 0);
+													const unknownEntries = rawArtifact ? Object.entries(rawArtifact).filter(([key]) => !KNOWN_ARTIFACT_KEYS.has(key)) : [];
+													return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
+														className: "space-y-3",
+														children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(H3, {
+															id: schemaAnchor(`artifact-${artifact.id}`),
+															children: artifact.id
+														}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+															className: "border-border space-y-4 rounded-lg border px-4 py-4 text-sm",
+															children: [
+																/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+																	className: "space-y-3",
+																	children: knownFields.map(([key, value]) => {
+																		const isRequires = key === "requires";
+																		const requires = isRequires ? Array.isArray(value) ? value.filter((item) => typeof item === "string") : [] : [];
+																		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+																			className: "space-y-2",
+																			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+																				className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide",
+																				children: key
+																			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+																				className: "pl-4 text-sm leading-6",
+																				children: isRequires ? requires.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+																					className: "flex flex-wrap gap-1.5",
+																					children: requires.map((requiredArtifactId) => {
+																						if (!previewArtifacts.some((candidate) => candidate.id === requiredArtifactId)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+																							className: "bg-muted text-muted-foreground rounded-md px-2 py-0.5 text-xs",
+																							children: requiredArtifactId
+																						}, requiredArtifactId);
+																						return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+																							href: `#${schemaAnchor(`artifact-${requiredArtifactId}`)}`,
+																							className: "bg-primary hover:bg-primary/80 text-primary-foreground rounded-md px-2 py-0.5 text-xs transition-colors",
+																							children: requiredArtifactId
+																						}, requiredArtifactId);
+																					})
+																				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+																					className: "text-muted-foreground",
+																					children: "—"
+																				}) : renderFieldValue(key, value)
+																			})]
+																		}, key);
+																	})
+																}),
+																templatePath && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+																	className: "space-y-2",
+																	children: [
+																		/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+																			className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide",
+																			children: "Template"
+																		}),
+																		/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+																			className: "text-muted-foreground pl-4 text-xs",
+																			children: [
+																				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+																					className: "mr-1",
+																					children: "Template:"
+																				}),
+																				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+																					className: "bg-muted rounded px-1",
+																					children: templateDisplayPath
+																				}),
+																				templateInfo?.source ? ` (${templateInfo.source})` : null
+																			]
+																		}),
+																		templateBody !== null && templateBody !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+																			className: "pl-4",
+																			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+																				className: "bg-muted/30 rounded-lg p-4 [zoom:0.86]",
+																				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownViewer, {
+																					markdown: templateBody,
+																					collectToc: false
+																				})
+																			})
+																		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+																			className: "text-muted-foreground pl-4 text-sm",
+																			children: "Template content unavailable."
+																		})
+																	]
+																}),
+																unknownEntries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+																	className: "space-y-3",
+																	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+																		className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide",
+																		children: "Extra fields"
+																	}), unknownEntries.map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 																		className: "space-y-2",
 																		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-																			className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide",
+																			className: "text-muted-foreground text-xs",
 																			children: key
 																		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 																			className: "pl-4 text-sm leading-6",
-																			children: isRequires ? requires.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-																				className: "flex flex-wrap gap-1.5",
-																				children: requires.map((requiredArtifactId) => {
-																					if (!previewArtifacts.some((candidate) => candidate.id === requiredArtifactId)) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-																						className: "bg-muted text-muted-foreground rounded-md px-2 py-0.5 text-xs",
-																						children: requiredArtifactId
-																					}, requiredArtifactId);
-																					return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
-																						href: `#${schemaAnchor(`artifact-${requiredArtifactId}`)}`,
-																						className: "bg-primary hover:bg-primary/80 text-primary-foreground rounded-md px-2 py-0.5 text-xs transition-colors",
-																						children: requiredArtifactId
-																					}, requiredArtifactId);
-																				})
-																			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-																				className: "text-muted-foreground",
-																				children: "—"
-																			}) : renderFieldValue(key, value)
+																			children: renderFieldValue(key, value)
 																		})]
-																	}, key);
+																	}, key))]
 																})
-															}),
-															templatePath && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-																className: "space-y-2",
-																children: [
-																	/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-																		className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide",
-																		children: "Template"
-																	}),
-																	/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-																		className: "text-muted-foreground pl-4 text-xs",
-																		children: [
-																			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-																				className: "mr-1",
-																				children: "Template:"
-																			}),
-																			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
-																				className: "bg-muted rounded px-1",
-																				children: templateDisplayPath
-																			}),
-																			templateInfo?.source ? ` (${templateInfo.source})` : null
-																		]
-																	}),
-																	templateBody !== null && templateBody !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-																		className: "pl-4",
-																		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-																			className: "bg-muted/30 rounded-lg p-4 [zoom:0.86]",
-																			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownViewer, {
-																				markdown: templateBody,
-																				collectToc: false
-																			})
-																		})
-																	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-																		className: "text-muted-foreground pl-4 text-sm",
-																		children: "Template content unavailable."
-																	})
-																]
-															}),
-															unknownEntries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-																className: "space-y-3",
-																children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-																	className: "text-muted-foreground text-xs font-semibold uppercase tracking-wide",
-																	children: "Extra fields"
-																}), unknownEntries.map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-																	className: "space-y-2",
-																	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-																		className: "text-muted-foreground text-xs",
-																		children: key
-																	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-																		className: "pl-4 text-sm leading-6",
-																		children: renderFieldValue(key, value)
-																	})]
-																}, key))]
-															})
-														]
-													})]
-												}, artifact.id);
-											})
-										}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-											className: "text-muted-foreground text-sm",
-											children: "Select a schema to view details."
-										}),
-										schemaDetail?.applyRequires?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-											className: "text-muted-foreground mt-3 text-xs",
-											children: ["Apply requires: ", schemaDetail.applyRequires.join(", ")]
-										}) : null
-									] }),
-									hasDirtyDrafts && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-										className: "text-muted-foreground text-xs",
-										children: "Preview is rendering draft content. Save to persist changes."
-									})
-								]
-							});
-						}
-					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuWrapper, {
-						ref: schemaMenuWrapperRef,
-						className: "h-full space-y-4",
-						children: [
-							schemaFilesError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-								className: "text-destructive text-xs",
-								children: ["Failed to load schema files: ", schemaFilesError.message]
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileExplorer, {
-								entries: schemaEntries,
-								selectedPath: selectedSchemaPath,
-								onSelect: setSelectedSchemaPath,
-								breadcrumbRoot: schemaRootLabel,
-								headerLabel: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-									className: "flex min-w-0 items-center gap-2",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "uppercase tracking-wide",
-										children: "Files"
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-										className: "text-muted-foreground/80 truncate text-[10px] normal-case",
-										title: schemaRootLabel,
-										children: schemaRootLabel
-									})]
+															]
+														})]
+													}, artifact.id);
+												})
+											}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+												className: "text-muted-foreground text-sm",
+												children: "Select a schema to view details."
+											}),
+											schemaDetail?.applyRequires?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+												className: "text-muted-foreground mt-3 text-xs",
+												children: ["Apply requires: ", schemaDetail.applyRequires.join(", ")]
+											}) : null
+										] }),
+										hasDirtyDrafts && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+											className: "text-muted-foreground text-xs",
+											children: "Preview is rendering draft content. Save to persist changes."
+										})
+									]
+								});
+							}
+						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuWrapper, {
+							ref: schemaMenuWrapperRef,
+							className: "flex min-h-0 flex-1 flex-col gap-4",
+							children: [
+								schemaFilesError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+									className: "text-destructive text-xs",
+									children: ["Failed to load schema files: ", schemaFilesError.message]
 								}),
-								headerActions: headerMenuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTargeter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-									type: "button",
-									onClick: (event) => {
-										setFileMenuAnchor(null);
-										setViewMenuAnchor(null);
-										setHeaderMenuAnchor({
-											type: "target",
-											element: event.currentTarget,
-											placement: "bottom-end"
-										});
-									},
-									className: "hover:bg-muted rounded-md p-1",
-									"aria-label": "Schema menu",
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EllipsisVertical, { className: "h-4 w-4" })
-								}) }) : void 0,
-								entryActions: (entry) => {
-									const propertiesAction = {
-										id: "properties",
-										label: "Properties",
-										icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Info$1, { className: "h-3.5 w-3.5" }),
-										onSelect: () => handleOpenEntryInfo(entry)
-									};
-									if (schemaMode !== "edit" || !canManageEntries) return [propertiesAction];
-									const parent = entry.type === "directory" ? entry.path : getParentPath(entry.path);
-									const isDirectory = entry.type === "directory";
-									return [
-										{
-											id: "new-file",
-											label: isDirectory ? "New file inside" : "New sibling file",
-											icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilePlus, { className: "h-3.5 w-3.5" }),
-											onSelect: () => handleOpenCreateEntry("file", parent)
-										},
-										{
-											id: "new-folder",
-											label: isDirectory ? "New folder inside" : "New sibling folder",
-											icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderPlus, { className: "h-3.5 w-3.5" }),
-											onSelect: () => handleOpenCreateEntry("directory", parent)
-										},
-										propertiesAction,
-										{
-											id: "delete",
-											label: "Delete",
-											icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { className: "h-3.5 w-3.5" }),
-											tone: "destructive",
-											onSelect: () => handleOpenDeleteEntry(entry)
-										}
-									];
-								},
-								emptyState: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "No files found for this schema." }),
-								renderEditor: (activeFile) => activeFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-									className: "flex min-h-0 flex-1 flex-col",
-									children: [
-										schemaMode === "edit" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-											className: "border-border/50 flex items-center justify-between border-b px-3 py-2 text-xs",
-											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTargeter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-													type: "button",
-													onClick: (event) => {
-														setHeaderMenuAnchor(null);
-														setViewMenuAnchor(null);
-														setFileMenuAnchor({
-															type: "target",
-															element: event.currentTarget,
-															placement: "bottom-start"
-														});
-													},
-													className: "hover:bg-muted rounded-md px-2 py-1 text-xs font-semibold",
-													children: "File"
-												}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTargeter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-													type: "button",
-													onClick: (event) => {
-														setHeaderMenuAnchor(null);
-														setFileMenuAnchor(null);
-														setViewMenuAnchor({
-															type: "target",
-															element: event.currentTarget,
-															placement: "bottom-start"
-														});
-													},
-													className: "hover:bg-muted rounded-md px-2 py-1 text-xs font-semibold",
-													children: "View"
-												}) })]
-											}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-												className: "flex items-center gap-2",
-												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-													type: "button",
-													onClick: handleFileCancel,
-													className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs font-medium",
-													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X$2, { className: "h-3.5 w-3.5" }), "Cancel"]
-												}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-													type: "button",
-													onClick: handleFileSave,
-													disabled: !activeSchemaDirty || saveSchemaFileMutation.isPending || !schemaCanEdit,
-													className: "bg-primary text-primary-foreground inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-xs font-medium disabled:cursor-not-allowed disabled:opacity-50",
-													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Save, { className: "h-3.5 w-3.5" }), saveSchemaFileMutation.isPending ? "Saving…" : "Save"]
-												})]
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									className: "min-h-0 flex-1",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileExplorer, {
+										entries: schemaEntries,
+										selectedPath: selectedSchemaPath,
+										onSelect: setSelectedSchemaPath,
+										breadcrumbRoot: schemaRootLabel,
+										headerLabel: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+											className: "flex min-w-0 items-center gap-2",
+											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+												className: "uppercase tracking-wide",
+												children: "Files"
+											}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+												className: "text-muted-foreground/80 truncate text-[10px] normal-case",
+												title: schemaRootLabel,
+												children: schemaRootLabel
 											})]
 										}),
-										/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileExplorerCodeEditor, {
-											file: activeFile,
-											value: schemaMode === "edit" ? activeSchemaDraft ?? activeFile.content ?? "" : activeFile.content ?? "",
-											readOnly: schemaMode !== "edit" || !schemaCanEdit,
-											onChange: schemaMode === "edit" ? handleFileChange : void 0,
-											lineWrapping: schemaEditorWrap
-										}),
-										schemaResolution?.source === "package" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-											className: "text-muted-foreground border-border/50 border-t px-3 py-2 text-xs",
-											children: "Package-provided schemas are read-only."
+										headerActions: headerMenuItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTargeter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+											type: "button",
+											onClick: (event) => {
+												setFileMenuAnchor(null);
+												setViewMenuAnchor(null);
+												setHeaderMenuAnchor({
+													type: "target",
+													element: event.currentTarget,
+													placement: "bottom-end"
+												});
+											},
+											className: "hover:bg-muted rounded-md p-1",
+											"aria-label": "Schema menu",
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EllipsisVertical, { className: "h-4 w-4" })
+										}) }) : void 0,
+										entryActions: (entry) => {
+											const propertiesAction = {
+												id: "properties",
+												label: "Properties",
+												icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Info$1, { className: "h-3.5 w-3.5" }),
+												onSelect: () => handleOpenEntryInfo(entry)
+											};
+											if (schemaMode !== "edit" || !canManageEntries) return [propertiesAction];
+											const parent = entry.type === "directory" ? entry.path : getParentPath(entry.path);
+											const isDirectory = entry.type === "directory";
+											return [
+												{
+													id: "new-file",
+													label: isDirectory ? "New file inside" : "New sibling file",
+													icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilePlus, { className: "h-3.5 w-3.5" }),
+													onSelect: () => handleOpenCreateEntry("file", parent)
+												},
+												{
+													id: "new-folder",
+													label: isDirectory ? "New folder inside" : "New sibling folder",
+													icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderPlus, { className: "h-3.5 w-3.5" }),
+													onSelect: () => handleOpenCreateEntry("directory", parent)
+												},
+												propertiesAction,
+												{
+													id: "delete",
+													label: "Delete",
+													icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2, { className: "h-3.5 w-3.5" }),
+													tone: "destructive",
+													onSelect: () => handleOpenDeleteEntry(entry)
+												}
+											];
+										},
+										emptyState: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "No files found for this schema." }),
+										renderEditor: (activeFile) => activeFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+											className: "flex min-h-0 flex-1 flex-col",
+											children: [
+												schemaMode === "edit" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+													className: "border-border/50 flex items-center justify-between border-b px-3 py-2 text-xs",
+													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+														className: "flex items-center gap-2",
+														children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTargeter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+															type: "button",
+															onClick: (event) => {
+																setHeaderMenuAnchor(null);
+																setViewMenuAnchor(null);
+																setFileMenuAnchor({
+																	type: "target",
+																	element: event.currentTarget,
+																	placement: "bottom-start"
+																});
+															},
+															className: "hover:bg-muted rounded-md px-2 py-1 text-xs font-semibold",
+															children: "File"
+														}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenuTargeter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+															type: "button",
+															onClick: (event) => {
+																setHeaderMenuAnchor(null);
+																setFileMenuAnchor(null);
+																setViewMenuAnchor({
+																	type: "target",
+																	element: event.currentTarget,
+																	placement: "bottom-start"
+																});
+															},
+															className: "hover:bg-muted rounded-md px-2 py-1 text-xs font-semibold",
+															children: "View"
+														}) })]
+													}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+														className: "flex items-center gap-2",
+														children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+															type: "button",
+															onClick: handleFileCancel,
+															className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs font-medium",
+															children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X$2, { className: "h-3.5 w-3.5" }), "Cancel"]
+														}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+															type: "button",
+															onClick: handleFileSave,
+															disabled: !activeSchemaDirty || saveSchemaFileMutation.isPending || !schemaCanEdit,
+															className: "bg-primary text-primary-foreground inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-xs font-medium disabled:cursor-not-allowed disabled:opacity-50",
+															children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Save, { className: "h-3.5 w-3.5" }), saveSchemaFileMutation.isPending ? "Saving…" : "Save"]
+														})]
+													})]
+												}),
+												/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileExplorerCodeEditor, {
+													file: activeFile,
+													value: schemaMode === "edit" ? activeSchemaDraft ?? activeFile.content ?? "" : activeFile.content ?? "",
+													readOnly: schemaMode !== "edit" || !schemaCanEdit,
+													onChange: schemaMode === "edit" ? handleFileChange : void 0,
+													lineWrapping: schemaEditorWrap,
+													editorMinHeight: "0px"
+												}),
+												schemaResolution?.source === "package" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+													className: "text-muted-foreground border-border/50 border-t px-3 py-2 text-xs",
+													children: "Package-provided schemas are read-only."
+												})
+											]
+										}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+											className: "text-muted-foreground flex h-full items-center justify-center",
+											children: "Select a file to view"
 										})
-									]
-								}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-									className: "text-muted-foreground flex h-full items-center justify-center",
-									children: "Select a file to view"
+									})
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu, {
+									open: !!headerMenuAnchor,
+									items: headerMenuItems,
+									anchor: headerMenuAnchor,
+									boundaryElement: schemaMenuWrapperRef.current,
+									onClose: () => setHeaderMenuAnchor(null)
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu, {
+									open: !!fileMenuAnchor,
+									items: fileMenuItems,
+									anchor: fileMenuAnchor,
+									boundaryElement: schemaMenuWrapperRef.current,
+									onClose: () => setFileMenuAnchor(null)
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu, {
+									open: !!viewMenuAnchor,
+									items: viewMenuItems,
+									anchor: viewMenuAnchor,
+									boundaryElement: schemaMenuWrapperRef.current,
+									onClose: () => setViewMenuAnchor(null)
 								})
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu, {
-								open: !!headerMenuAnchor,
-								items: headerMenuItems,
-								anchor: headerMenuAnchor,
-								boundaryElement: schemaMenuWrapperRef.current,
-								onClose: () => setHeaderMenuAnchor(null)
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu, {
-								open: !!fileMenuAnchor,
-								items: fileMenuItems,
-								anchor: fileMenuAnchor,
-								boundaryElement: schemaMenuWrapperRef.current,
-								onClose: () => setFileMenuAnchor(null)
-							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextMenu, {
-								open: !!viewMenuAnchor,
-								items: viewMenuItems,
-								anchor: viewMenuAnchor,
-								boundaryElement: schemaMenuWrapperRef.current,
-								onClose: () => setViewMenuAnchor(null)
-							})
-						]
-					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-						className: "text-muted-foreground text-sm",
-						children: "Select a schema to view details."
-					})
-				]
-			})
-		]
+							]
+						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "text-muted-foreground text-sm",
+							children: "Select a schema to view details."
+						})
+					]
+				})
+			]
+		})
 	});
 	const schemaTabs = (schemas ?? []).map((schema) => ({
 		id: `schema:${schema.name}`,
@@ -147642,79 +147768,101 @@ function Config() {
 		content: schemaTabContent
 	}));
 	const projectConfigTabContent = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
-		className: "space-y-4",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-			className: "border-border bg-card space-y-4 rounded-lg border p-4",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
-						className: "text-sm font-semibold",
-						children: "OpenSpec Project Config"
-					}),
-					!isStatic && configYaml && !isConfigEditing && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-						type: "button",
-						onClick: handleConfigEdit,
-						className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs font-medium",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pen, { className: "h-3.5 w-3.5" }), "Edit"]
-					}),
-					isConfigEditing && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-							type: "button",
-							onClick: handleConfigCancel,
-							className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs font-medium",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X$2, { className: "h-3.5 w-3.5" }), "Cancel"]
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+		"data-tab-scroll-root": "true",
+		className: "scrollbar-thin scrollbar-track-transparent min-h-0 flex-1 overflow-auto",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "space-y-4 pr-1",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				ref: setProjectConfigViewportNode,
+				className: "flex min-h-0 flex-col",
+				style: projectConfigViewportHeight != null ? { height: `${projectConfigViewportHeight}px` } : void 0,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+					className: "border-border bg-card flex min-h-0 flex-1 flex-col gap-4 overflow-hidden rounded-lg border p-4",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex flex-wrap items-center justify-between gap-2",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+								className: "text-sm font-semibold",
+								children: "OpenSpec Project Config"
+							}),
+							!isStatic && configYaml && !isConfigEditing && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+								type: "button",
+								onClick: handleConfigEdit,
+								className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs font-medium",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pen, { className: "h-3.5 w-3.5" }), "Edit"]
+							}),
+							isConfigEditing && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+									type: "button",
+									onClick: handleConfigCancel,
+									className: "border-border hover:bg-muted inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs font-medium",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(X$2, { className: "h-3.5 w-3.5" }), "Cancel"]
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+									type: "button",
+									onClick: () => saveConfigMutation.mutate(),
+									disabled: !configDirty || saveConfigMutation.isPending,
+									className: "bg-primary text-primary-foreground inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-xs font-medium disabled:cursor-not-allowed disabled:opacity-50",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Save, { className: "h-3.5 w-3.5" }), saveConfigMutation.isPending ? "Saving…" : "Save"]
+								})]
+							})
+						]
+					}), configYaml || isConfigEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeEditor, {
+						value: configDraft,
+						onChange: (value) => {
+							setConfigDraft(value);
+							setConfigDirty(true);
+						},
+						readOnly: !isConfigEditing,
+						filename: "config.yaml",
+						className: "min-h-0 flex-1",
+						editorMinHeight: "0px"
+					}) : configLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "route-loading animate-pulse",
+						children: "Loading config…"
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "text-muted-foreground rounded-md border border-dashed p-4 text-sm",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+							className: "mb-3",
+							children: "openspec/config.yaml not found."
+						}), !isStatic && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 							type: "button",
-							onClick: () => saveConfigMutation.mutate(),
-							disabled: !configDirty || saveConfigMutation.isPending,
-							className: "bg-primary text-primary-foreground inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-xs font-medium disabled:cursor-not-allowed disabled:opacity-50",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Save, { className: "h-3.5 w-3.5" }), saveConfigMutation.isPending ? "Saving…" : "Save"]
+							onClick: handleConfigEdit,
+							className: "bg-primary text-primary-foreground inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-xs font-medium",
+							children: "Create config.yaml"
 						})]
-					})
-				]
-			}), configYaml || isConfigEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeEditor, {
-				value: configDraft,
-				onChange: (value) => {
-					setConfigDraft(value);
-					setConfigDirty(true);
-				},
-				readOnly: !isConfigEditing,
-				filename: "config.yaml"
-			}) : configLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "route-loading animate-pulse",
-				children: "Loading config…"
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "text-muted-foreground rounded-md border border-dashed p-4 text-sm",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
-					className: "mb-3",
-					children: "openspec/config.yaml not found."
-				}), !isStatic && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-					type: "button",
-					onClick: handleConfigEdit,
-					className: "bg-primary text-primary-foreground inline-flex items-center gap-2 rounded-md px-3 py-1.5 text-xs font-medium",
-					children: "Create config.yaml"
-				})]
-			})]
+					})]
+				})
+			})
 		})
 	});
-	const globalConfigTabContent = isStatic ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-		className: "space-y-3",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
-			className: "text-sm font-semibold",
-			children: "OpenSpec Global Config"
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "text-muted-foreground rounded-md border border-dashed p-4 text-sm",
-			children: "Global config commands are unavailable in static export mode."
-		})]
+	const globalConfigTabContent = isStatic ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
+		"data-tab-scroll-root": "true",
+		className: "scrollbar-thin scrollbar-track-transparent flex min-h-0 flex-1 flex-col overflow-hidden",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+			className: "border-border bg-card flex min-h-0 flex-1 flex-col gap-4 overflow-hidden rounded-lg border p-4",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex flex-none items-center justify-between gap-2",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+					className: "text-sm font-semibold",
+					children: "OpenSpec Global Config"
+				})
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "text-muted-foreground min-h-0 flex-1 overflow-auto pr-1",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "rounded-md border border-dashed p-4 text-sm",
+					children: "Global config commands are unavailable in static export mode."
+				})
+			})]
+		})
 	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", {
-		className: "space-y-4",
+		"data-tab-scroll-root": "true",
+		className: "scrollbar-thin scrollbar-track-transparent flex min-h-0 flex-1 flex-col overflow-hidden",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-			className: "border-border bg-card space-y-4 rounded-lg border p-4",
+			className: "border-border bg-card flex min-h-0 flex-1 flex-col gap-4 overflow-hidden rounded-lg border p-4",
 			children: [
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "flex flex-wrap items-center justify-between gap-2",
+					className: "flex flex-none flex-wrap items-center justify-between gap-2",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
 						className: "text-sm font-semibold",
 						children: "OpenSpec Global Config"
@@ -147744,7 +147892,7 @@ function Config() {
 					})]
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "text-muted-foreground text-xs",
+					className: "text-muted-foreground flex-none text-xs",
 					children: [
 						"Reads from ",
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "openspec config list --json" }),
@@ -147777,7 +147925,7 @@ function Config() {
 					className: "text-muted-foreground text-sm",
 					children: "Loading global config…"
 				}) : isRecordObject(globalConfigData) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "space-y-3",
+					className: "min-h-0 flex-1 space-y-3 overflow-auto pr-1",
 					children: [
 						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 							className: "grid gap-2 sm:grid-cols-2",
@@ -147843,7 +147991,7 @@ function Config() {
 					className: "text-muted-foreground text-sm",
 					children: "Global config unavailable."
 				}) : globalConfigTab === "editor" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "space-y-2",
+					className: "flex min-h-0 flex-1 flex-col gap-2 overflow-hidden",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeEditor, {
 						value: globalConfigDraft,
 						onChange: (value) => {
@@ -147854,7 +148002,8 @@ function Config() {
 						readOnly: saveGlobalConfigMutation.isPending,
 						filename: "openspec.global.config.json",
 						language: "json",
-						editorMinHeight: "260px"
+						className: "min-h-0 flex-1",
+						editorMinHeight: "0px"
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 						className: "flex items-center justify-end gap-2",
 						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
@@ -147876,9 +148025,9 @@ function Config() {
 						})]
 					})]
 				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-					className: "grid gap-4 xl:grid-cols-[minmax(18rem,0.9fr)_minmax(0,1.1fr)]",
+					className: "grid min-h-0 flex-1 gap-4 overflow-hidden xl:grid-cols-[minmax(18rem,0.9fr)_minmax(0,1.1fr)]",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-						className: "space-y-4",
+						className: "min-h-0 space-y-4 overflow-auto pr-1",
 						children: [
 							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 								className: "grid gap-2 sm:grid-cols-3 xl:grid-cols-1",
@@ -147989,7 +148138,7 @@ function Config() {
 							})
 						]
 					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-						className: "space-y-3",
+						className: "space-y-3 overflow-auto pr-1",
 						children: [profileEditMode === "both" || profileEditMode === "workflows" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
 							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 								className: "text-muted-foreground text-xs",