@openspecui/web 3.10.0 → 3.11.1

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

@@ -32268,7 +32268,7 @@ ZodSymbol.create;
 ZodUndefined.create;
 ZodNull.create;
 ZodAny.create;
-ZodUnknown.create;
+var unknownType = ZodUnknown.create;
 ZodNever.create;
 ZodVoid.create;
 var arrayType = ZodArray.create;
@@ -32311,7 +32311,11 @@ var LocalModelDownloadStatusSchema = enumType([
 var TranslationDownloadFilePlanSchema = objectType({
 	path: stringType().min(1),
 	sizeBytes: numberType().int().nonnegative().optional(),
-	required: booleanType()
+	required: booleanType(),
+	etag: stringType().min(1).optional(),
+	revision: stringType().min(1).optional(),
+	sourceUrl: stringType().min(1).optional(),
+	raw: unknownType().optional()
 });
 var TranslationDownloadGroupPlanSchema = objectType({
 	id: stringType().min(1),
@@ -32320,14 +32324,97 @@ var TranslationDownloadGroupPlanSchema = objectType({
 	profile: stringType().min(1).optional(),
 	dtype: stringType().min(1).optional(),
 	estimatedTotalBytes: numberType().int().nonnegative().optional(),
+	baseGroupId: stringType().min(1).optional(),
+	commitHash: stringType().min(1).optional(),
+	shortCommitHash: stringType().min(1).optional(),
+	rootDir: stringType().min(1).optional(),
+	status: LocalModelDownloadStatusSchema.optional(),
+	progress: numberType().min(0).max(1).optional(),
+	bytesDownloaded: numberType().int().nonnegative().optional(),
+	totalBytes: numberType().int().nonnegative().optional(),
+	resumable: booleanType().optional(),
+	error: stringType().optional(),
 	selectable: booleanType(),
 	selected: booleanType(),
 	files: arrayType(TranslationDownloadFilePlanSchema)
 });
+var LocalModelProfileStatusSchema = enumType([
+	"idle",
+	"loading",
+	"ready",
+	"error"
+]);
+var LocalModelProfileManifestFileSchema = objectType({
+	path: stringType().min(1),
+	sizeBytes: numberType().int().nonnegative().optional(),
+	required: booleanType(),
+	etag: stringType().min(1).optional(),
+	revision: stringType().min(1).optional(),
+	sourceUrl: stringType().min(1).optional(),
+	raw: unknownType().optional()
+});
+var LocalModelProfileManifestGroupSchema = objectType({
+	id: stringType().min(1),
+	baseGroupId: stringType().min(1),
+	label: stringType().min(1),
+	displayLabel: stringType().min(1),
+	description: stringType().optional(),
+	profile: stringType().min(1).optional(),
+	dtype: stringType().min(1).optional(),
+	commitHash: stringType().min(1),
+	shortCommitHash: stringType().min(1),
+	rootDir: stringType().min(1),
+	estimatedTotalBytes: numberType().int().nonnegative().optional(),
+	selectable: booleanType(),
+	files: arrayType(LocalModelProfileManifestFileSchema)
+});
+var LocalModelProfileManifestSchema = objectType({
+	modelId: stringType().min(1),
+	source: literalType("huggingface"),
+	endpoint: stringType().default(""),
+	revision: stringType().min(1),
+	commitHash: stringType().min(1),
+	shortCommitHash: stringType().min(1),
+	fetchedAt: numberType().int().nonnegative(),
+	updatedAt: numberType().int().nonnegative(),
+	raw: unknownType().optional(),
+	groups: recordType(stringType(), LocalModelProfileManifestGroupSchema).default({}),
+	groupOrder: arrayType(stringType().min(1)).default([])
+});
+var LocalModelLifecycleFileStateSchema = objectType({
+	path: stringType().min(1),
+	sizeBytes: numberType().int().nonnegative().optional(),
+	downloadedBytes: numberType().int().nonnegative().optional(),
+	required: booleanType().default(true),
+	status: LocalModelDownloadStatusSchema.default("not-downloaded"),
+	updatedAt: numberType().int().nonnegative().optional(),
+	error: stringType().optional()
+});
+var LocalModelLifecycleGroupStateSchema = objectType({
+	groupId: stringType().min(1),
+	baseGroupId: stringType().min(1).optional(),
+	status: LocalModelDownloadStatusSchema.default("not-downloaded"),
+	rootDir: stringType().min(1).optional(),
+	bytesDownloaded: numberType().int().nonnegative().optional(),
+	totalBytes: numberType().int().nonnegative().optional(),
+	progress: numberType().min(0).max(1).optional(),
+	resumable: booleanType().default(false),
+	error: stringType().optional(),
+	installedAt: numberType().int().nonnegative().optional(),
+	updatedAt: numberType().int().nonnegative().optional(),
+	files: arrayType(LocalModelLifecycleFileStateSchema).default([])
+});
+var LocalModelProfileLoadStateSchema = objectType({
+	status: LocalModelProfileStatusSchema.default("idle"),
+	message: stringType().optional(),
+	error: stringType().optional(),
+	updatedAt: numberType().int().nonnegative().optional()
+});
 objectType({
 	engineId: literalType("local"),
 	modelId: stringType().min(1),
 	selectedGroupId: stringType().min(1).optional(),
+	groupId: stringType().min(1).optional(),
 	status: LocalModelDownloadStatusSchema,
 	message: stringType(),
 	progress: numberType().min(0).max(1).optional(),
@@ -32352,8 +32439,10 @@ var LocalModelAssetPlanSnapshotSchema = objectType({
 });
 objectType({
 	modelId: stringType().min(1),
+	version: literalType(2).default(2),
 	status: LocalModelDownloadStatusSchema.default("not-downloaded"),
 	selected: booleanType().default(false),
+	selectedGroupId: stringType().min(1).optional(),
 	installedAt: numberType().int().nonnegative().optional(),
 	updatedAt: numberType().int().nonnegative().optional(),
 	bytesDownloaded: numberType().int().nonnegative().optional(),
@@ -32361,6 +32450,9 @@ objectType({
 	progress: numberType().min(0).max(1).optional(),
 	resumable: booleanType().default(false),
 	error: stringType().optional(),
+	profileLoad: LocalModelProfileLoadStateSchema.default(LocalModelProfileLoadStateSchema.parse({})),
+	profileManifest: LocalModelProfileManifestSchema.optional(),
+	groupsState: recordType(stringType(), LocalModelLifecycleGroupStateSchema).default({}),
 	plan: LocalModelAssetPlanSnapshotSchema.optional(),
 	files: arrayType(objectType({
 		path: stringType().min(1),
@@ -42699,6 +42791,12 @@ function useConfigSubscription() {
 		onError: callbacks.onError
 	}), getConfig$1, [], "config.subscribe");
 }
+function useGlobalSettingsSubscription() {
+	return useSubscription((callbacks) => trpcClient.globalSettings.subscribe.subscribe(void 0, {
+		onData: callbacks.onData,
+		onError: callbacks.onError
+	}), void 0, [], "globalSettings.subscribe");
+}
 //#endregion
 //#region src/lib/use-opsx.ts
 function getOpsxStatusSubscriptionCacheKey(input) {
@@ -43947,6 +44045,23 @@ var Copy = createLucideIcon("Copy", [["rect", {
 	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
 	key: "zix9uf"
 }]]);
+var Download = createLucideIcon("Download", [
+	["path", {
+		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		key: "ih7n3h"
+	}],
+	["polyline", {
+		points: "7 10 12 15 17 10",
+		key: "2ggqvy"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "15",
+		y2: "3",
+		key: "1vk2je"
+	}]
+]);
 var EllipsisVertical = createLucideIcon("EllipsisVertical", [
 	["circle", {
 		cx: "12",
@@ -43967,6 +44082,33 @@ var EllipsisVertical = createLucideIcon("EllipsisVertical", [
 		key: "lyex9k"
 	}]
 ]);
+var Expand = createLucideIcon("Expand", [
+	["path", {
+		d: "m21 21-6-6m6 6v-4.8m0 4.8h-4.8",
+		key: "1c15vz"
+	}],
+	["path", {
+		d: "M3 16.2V21m0 0h4.8M3 21l6-6",
+		key: "1fsnz2"
+	}],
+	["path", {
+		d: "M21 7.8V3m0 0h-4.8M21 3l-6 6",
+		key: "hawz9i"
+	}],
+	["path", {
+		d: "M3 7.8V3m0 0h4.8M3 3l6 6",
+		key: "u9ee12"
+	}]
+]);
+var Eye = createLucideIcon("Eye", [["path", {
+	d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+	key: "1nclc0"
+}], ["circle", {
+	cx: "12",
+	cy: "12",
+	r: "3",
+	key: "1v7zrd"
+}]]);
 var FileCode2 = createLucideIcon("FileCode2", [
 	["path", {
 		d: "M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4",
@@ -43985,6 +44127,20 @@ var FileCode2 = createLucideIcon("FileCode2", [
 		key: "112psh"
 	}]
 ]);
+var FilePenLine = createLucideIcon("FilePenLine", [
+	["path", {
+		d: "m18 5-2.414-2.414A2 2 0 0 0 14.172 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2",
+		key: "142zxg"
+	}],
+	["path", {
+		d: "M21.378 12.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z",
+		key: "2t3380"
+	}],
+	["path", {
+		d: "M8 18h1",
+		key: "13wk12"
+	}]
+]);
 var FilePlus = createLucideIcon("FilePlus", [
 	["path", {
 		d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
@@ -44333,6 +44489,24 @@ var Menu = createLucideIcon("Menu", [
 		key: "yk5zj1"
 	}]
 ]);
+var Minimize = createLucideIcon("Minimize", [
+	["path", {
+		d: "M8 3v3a2 2 0 0 1-2 2H3",
+		key: "hohbtr"
+	}],
+	["path", {
+		d: "M21 8h-3a2 2 0 0 1-2-2V3",
+		key: "5jw1f3"
+	}],
+	["path", {
+		d: "M3 16h3a2 2 0 0 1 2 2v3",
+		key: "198tvr"
+	}],
+	["path", {
+		d: "M16 21v-3a2 2 0 0 1 2-2h3",
+		key: "ph8mxp"
+	}]
+]);
 var Minus = createLucideIcon("Minus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
@@ -44466,6 +44640,24 @@ var Save = createLucideIcon("Save", [
 		key: "t51u73"
 	}]
 ]);
+var ScrollText = createLucideIcon("ScrollText", [
+	["path", {
+		d: "M15 12h-5",
+		key: "r7krc0"
+	}],
+	["path", {
+		d: "M15 8h-5",
+		key: "1khuty"
+	}],
+	["path", {
+		d: "M19 17V5a2 2 0 0 0-2-2H4",
+		key: "zz82l3"
+	}],
+	["path", {
+		d: "M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3",
+		key: "1ph1d7"
+	}]
+]);
 var Search = createLucideIcon("Search", [["circle", {
 	cx: "11",
 	cy: "11",
@@ -44484,6 +44676,40 @@ var Settings = createLucideIcon("Settings", [["path", {
 	r: "3",
 	key: "1v7zrd"
 }]]);
+var Share2 = createLucideIcon("Share2", [
+	["circle", {
+		cx: "18",
+		cy: "5",
+		r: "3",
+		key: "gq8acd"
+	}],
+	["circle", {
+		cx: "6",
+		cy: "12",
+		r: "3",
+		key: "w7nqdw"
+	}],
+	["circle", {
+		cx: "18",
+		cy: "19",
+		r: "3",
+		key: "1xt0gg"
+	}],
+	["line", {
+		x1: "8.59",
+		x2: "15.42",
+		y1: "13.51",
+		y2: "17.49",
+		key: "47mynk"
+	}],
+	["line", {
+		x1: "15.41",
+		x2: "8.59",
+		y1: "6.51",
+		y2: "10.49",
+		key: "1n3mei"
+	}]
+]);
 var ShieldCheck = createLucideIcon("ShieldCheck", [["path", {
 	d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
 	key: "oel41y"
@@ -44689,6 +44915,13 @@ var TriangleAlert = createLucideIcon("TriangleAlert", [
 		key: "p32p05"
 	}]
 ]);
+var Undo2 = createLucideIcon("Undo2", [["path", {
+	d: "M9 14 4 9l5-5",
+	key: "102s5s"
+}], ["path", {
+	d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",
+	key: "f3b9sd"
+}]]);
 var Unlink2 = createLucideIcon("Unlink2", [["path", {
 	d: "M15 7h2a5 5 0 0 1 0 10h-2m-6 0H7A5 5 0 0 1 7 7h2",
 	key: "1re2ne"
@@ -55059,8 +55292,12 @@ function inertValue(value) {
 //#region src/components/tooltip.tsx
 function Tooltip({ content, children, delay = 180, sideOffset = 8, className }) {
 	if (!content) return children;
+	const trigger = typeof children.props === "object" && children.props !== null && "disabled" in children.props && Boolean(children.props.disabled) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "inline-flex max-w-full",
+		children
+	}) : children;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TooltipRoot, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipTrigger, {
-		render: children,
+		render: trigger,
 		delay
 	}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPositioner, {
 		sideOffset,
@@ -96471,6 +96708,77 @@ function OpsxDetailStatePanel({ message, tone = "default" }) {
 	});
 }
 //#endregion
+//#region src/components/button.tsx
+var variantClassNames = {
+	primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+	secondary: "border-border bg-background text-foreground border hover:bg-muted",
+	ghost: "text-foreground hover:bg-muted",
+	destructive: "bg-red-600 text-white hover:bg-red-700 focus-visible:ring-red-500 dark:bg-red-600 dark:hover:bg-red-700"
+};
+var activityVariantClassNames = {
+	primary: "bg-primary/10 text-primary hover:bg-primary/10",
+	secondary: "border-primary/40 bg-primary/10 text-primary border hover:bg-primary/10",
+	ghost: "bg-primary/10 text-primary hover:bg-primary/10",
+	destructive: "bg-red-600/10 text-red-600 hover:bg-red-600/10 dark:text-red-400"
+};
+var sizeClassNames = {
+	sm: "gap-1.5 rounded-md px-3 py-1.5 text-xs",
+	md: "gap-2 rounded-md px-4 py-2 text-sm",
+	"icon-sm": "h-7 w-7 rounded-md p-0",
+	"icon-md": "h-9 w-9 rounded-md p-0"
+};
+var Button = (0, import_react.forwardRef)(function Button({ variant = "primary", size = "md", activity = false, disabled = false, type = "button", className, onClick, "aria-disabled": ariaDisabled, ...props }, ref) {
+	const handleClick = (event) => {
+		if (activity) {
+			event.preventDefault();
+			event.stopPropagation();
+			return;
+		}
+		onClick?.(event);
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		ref,
+		type,
+		disabled,
+		"aria-disabled": ariaDisabled ?? (activity ? true : void 0),
+		"data-activity": activity ? "true" : void 0,
+		onClick: handleClick,
+		className: cn$1("inline-flex shrink-0 items-center justify-center font-medium outline-none transition-colors", "focus-visible:ring-primary focus-visible:ring-1", disabled ? "cursor-not-allowed opacity-50" : activity ? "cursor-default" : "cursor-pointer", activity ? activityVariantClassNames[variant] : variantClassNames[variant], sizeClassNames[size], className),
+		...props
+	});
+});
+//#endregion
+//#region src/components/button-group.tsx
+/**
+* Compact segmented buttons with single-select behavior.
+*/
+function ButtonGroup({ value, options, onChange, className = "", tone = "default", presentation = "label" }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		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";
+			const accessibleLabel = option.ariaLabel ?? (typeof option.label === "string" ? option.label : void 0);
+			const tooltipContent = option.tooltip ?? accessibleLabel;
+			const content = presentation === "icon-only" ? option.icon ?? option.label : presentation === "icon-label" && option.icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [option.icon, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: option.label })] }) : option.label;
+			const button = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				type: "button",
+				disabled: option.disabled,
+				onClick: () => onChange(option.value),
+				"aria-pressed": active,
+				"aria-label": presentation === "icon-only" ? accessibleLabel : void 0,
+				title: presentation === "icon-only" && typeof accessibleLabel === "string" ? accessibleLabel : void 0,
+				className: `inline-flex items-center justify-center gap-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${presentation === "icon-only" ? "h-8 w-8 p-0" : "px-3 py-1.5"} ${index > 0 ? tone === "terminal" ? "border-terminal-foreground/20 border-l" : "border-border border-l" : ""} ${stateClassName}`,
+				children: content
+			}, option.value);
+			return tooltipContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+				content: tooltipContent,
+				children: button
+			}, option.value) : button;
+		})
+	});
+}
+//#endregion
 //#region src/lib/codemirror-markdown-preview.ts
 /**
 * CodeMirror 6 Markdown Live Preview Extension
@@ -113479,11 +113787,16 @@ ReactCodeMirror.displayName = "CodeMirror";
 * - Markdown 文件支持实时预览（隐藏语法标记）
 * - 移动端友好
 */
-/** 根据文件名推断语言类型 */
-function detectLanguage(filename) {
+function isMarkdownFilename(filename) {
+	if (!filename) return false;
+	const lower = filename.toLowerCase();
+	return lower.endsWith(".md") || lower.endsWith(".markdown") || lower.endsWith(".mdown") || lower.endsWith(".mkd");
+}
+/** 根据文件名推断常见语言类型 */
+function detectBuiltinLanguage(filename) {
 	if (!filename) return "plain";
 	const lower = filename.toLowerCase();
-	if (lower.endsWith(".md")) return "markdown";
+	if (isMarkdownFilename(lower)) return "markdown";
 	if (lower.endsWith(".ts") || lower.endsWith(".tsx")) return "typescript";
 	if (lower.endsWith(".js") || lower.endsWith(".jsx")) return "javascript";
 	if (lower.endsWith(".json")) return "json";
@@ -113491,7 +113804,7 @@ function detectLanguage(filename) {
 	return "plain";
 }
 /** 根据语言类型返回 CodeMirror 扩展 */
-function getLanguageExtensions(language, filename) {
+function getBuiltinLanguageExtensions(language, filename) {
 	switch (language) {
 		case "markdown": return [markdown({
 			base: markdownLanguage,
@@ -113507,6 +113820,10 @@ function getLanguageExtensions(language, filename) {
 		default: return [];
 	}
 }
+function matchFilenameLanguage(filename) {
+	if (!filename) return null;
+	return LanguageDescription.matchFilename(languages, filename);
+}
 function resolveBundleTheme(theme, isDarkMode) {
 	switch (theme) {
 		case "github": return isDarkMode ? githubDark : githubLight;
@@ -113530,13 +113847,53 @@ function resolveBundleTheme(theme, isDarkMode) {
 * // 可编辑的代码编辑器
 * <CodeEditor value={code} onChange={setCode} language="typescript" />
 */
-function CodeEditor({ value, onChange, readOnly = false, language, filename, lineNumbers = true, lineWrapping = true, fontSize = 13, className = "", style, placeholder, editorMinHeight = "240px" }) {
-	const resolvedLanguage = language ?? detectLanguage(filename);
+function CodeEditor({ value, onChange, onSaveShortcut, readOnly = false, language, filename, lineNumbers = true, lineWrapping = true, fontSize = 13, className = "", style, placeholder, editorMinHeight = "240px" }) {
 	const isDarkMode = useDarkMode();
 	const { data: config } = useConfigSubscription();
 	const codeEditorTheme = config?.codeEditor?.theme ?? "github";
+	const [filenameLanguageExtensions, setFilenameLanguageExtensions] = (0, import_react.useState)([]);
+	(0, import_react.useEffect)(() => {
+		let cancelled = false;
+		if (language) {
+			setFilenameLanguageExtensions([]);
+			return;
+		}
+		const builtinLanguage = detectBuiltinLanguage(filename);
+		if (builtinLanguage !== "plain") {
+			setFilenameLanguageExtensions(getBuiltinLanguageExtensions(builtinLanguage, filename));
+			return;
+		}
+		const matchedLanguage = matchFilenameLanguage(filename);
+		if (!matchedLanguage) {
+			setFilenameLanguageExtensions([]);
+			return;
+		}
+		if (matchedLanguage.support) {
+			setFilenameLanguageExtensions([matchedLanguage.support.extension]);
+			return;
+		}
+		setFilenameLanguageExtensions([]);
+		matchedLanguage.load().then((support) => {
+			if (cancelled) return;
+			setFilenameLanguageExtensions([support.extension]);
+		}).catch(() => {
+			if (cancelled) return;
+			setFilenameLanguageExtensions([]);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [language, filename]);
+	const languageExtensions = (0, import_react.useMemo)(() => {
+		if (!language) return filenameLanguageExtensions;
+		return getBuiltinLanguageExtensions(language, filename);
+	}, [
+		language,
+		filename,
+		filenameLanguageExtensions
+	]);
 	const extensions = (0, import_react.useMemo)(() => {
-		const exts = [EditorState.readOnly.of(readOnly), ...getLanguageExtensions(resolvedLanguage, filename)];
+		const exts = [EditorState.readOnly.of(readOnly), ...languageExtensions];
 		exts.push(resolveBundleTheme(codeEditorTheme, isDarkMode));
 		exts.push(EditorView.theme({
 			".cm-line": { lineHeight: "21px" },
@@ -113561,16 +113918,24 @@ function CodeEditor({ value, onChange, readOnly = false, language, filename, lin
 		exts.push(keymap.of([{
 			key: "Mod-a",
 			run: selectAll
+		}, {
+			key: "Mod-s",
+			preventDefault: true,
+			run: () => {
+				if (readOnly || !onSaveShortcut) return false;
+				onSaveShortcut();
+				return true;
+			}
 		}]));
 		if (lineWrapping) exts.push(EditorView.lineWrapping);
 		return exts;
 	}, [
-		resolvedLanguage,
-		filename,
+		languageExtensions,
 		readOnly,
 		lineWrapping,
 		codeEditorTheme,
-		isDarkMode
+		isDarkMode,
+		onSaveShortcut
 	]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReactCodeMirror, {
 		value,
@@ -113828,6 +114193,7 @@ var layoutStyles = String.raw`
     display: flex;
     flex-direction: column;
     height: 100%;
+    min-height: 0;
     gap: 0.75rem;
   }
   .fev-sidebar-tabs {
@@ -113835,6 +114201,7 @@ var layoutStyles = String.raw`
   }
   .fev-sidebar-tree {
     display: none;
+    min-height: 0;
   }
   .fev-editor-wrapper {
     display: flex;
@@ -113848,8 +114215,10 @@ var layoutStyles = String.raw`
     .fev-layout {
       display: grid;
       grid-template-columns: minmax(0, 1fr) minmax(240px, clamp(240px, 30%, 420px));
+      grid-template-rows: minmax(0, 1fr);
       gap: 1rem;
       min-height: 0;
+      overflow: hidden;
     }
     .fev-sidebar-tabs {
       display: none;
@@ -113857,9 +114226,13 @@ var layoutStyles = String.raw`
     .fev-sidebar-tree {
       display: block;
       order: 2;
+      height: 100%;
+      min-height: 0;
+      overflow: hidden;
     }
     .fev-editor-wrapper {
       order: 1;
+      min-height: 0;
     }
   }
   .CodeMirror {
@@ -114037,7 +114410,8 @@ function FileTree({ entries, selectedPath, onSelect, headerLabel, headerActions,
 	const closeMenu = () => setMenuState(null);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContextMenuWrapper, {
 		ref: wrapperRef,
-		className: "border-border bg-muted/30 flex h-full flex-col rounded-md border",
+		className: "border-border bg-muted/30 flex h-full min-h-0 flex-col rounded-md border",
+		"data-file-explorer-tree": "",
 		children: [
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "border-border/50 text-muted-foreground flex items-center justify-between border-b px-3 py-2 text-xs font-medium",
@@ -114047,7 +114421,8 @@ function FileTree({ entries, selectedPath, onSelect, headerLabel, headerActions,
 				}), headerActions]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "scrollbar-thin scrollbar-track-transparent flex-1 overflow-y-auto",
+				"data-file-explorer-tree-scroll": "",
+				className: "scrollbar-thin scrollbar-track-transparent min-h-0 flex-1 overflow-y-auto",
 				children: entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					className: "text-muted-foreground px-3 py-2 text-xs",
 					children: "No files yet."
@@ -114114,7 +114489,7 @@ function FileExplorer({ entries, selectedPath, onSelect, breadcrumbRoot, headerL
 		return sortedEntries.find((entry) => entry.path === selectedPath && entry.type === "file") ?? null;
 	}, [sortedEntries, selectedPath]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "@container-[size] h-full",
+		className: "@container-[size] h-full min-h-0 overflow-hidden",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: layoutStyles }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			className: "fev-layout",
 			children: [
@@ -114154,7 +114529,7 @@ function FileExplorer({ entries, selectedPath, onSelect, breadcrumbRoot, headerL
 		})]
 	});
 }
-function FileExplorerCodeEditor({ file, value, readOnly = true, onChange, lineWrapping, editorMinHeight }) {
+function FileExplorerCodeEditor({ file, value, readOnly = true, onChange, onSaveShortcut, lineWrapping, editorMinHeight }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeEditor, {
 		value,
 		filename: file.path,
@@ -114162,209 +114537,11 @@ function FileExplorerCodeEditor({ file, value, readOnly = true, onChange, lineWr
 		lineWrapping,
 		className: "min-h-0 flex-1",
 		editorMinHeight,
-		onChange
+		onChange,
+		onSaveShortcut
 	}, 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, files: providedFiles }) {
-	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 (providedFiles) return [...providedFiles];
-		if (!files) return [];
-		return [...files];
-	}, [files, providedFiles]);
-	(0, import_react.useEffect)(() => {
-		if (!sortedEntries.length) {
-			setSelectedPath(null);
-			return;
-		}
-		if (!sortedEntries.find((entry) => entry.path === selectedPath && entry.type === "file")) setSelectedPath(sortedEntries.find((entry) => entry.type === "file")?.path ?? null);
-	}, [sortedEntries, selectedPath]);
-	if (!providedFiles && isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: "border-border bg-muted/20 flex h-[400px] items-center justify-center rounded-md border",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "text-muted-foreground h-6 w-6 animate-spin" })
-	});
-	if (error) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		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)("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"
-					})
-				})
-			})
-		})
-	});
-}
-//#endregion
-//#region src/components/opsx/artifact-document-shell.tsx
-var statusConfig = {
-	done: {
-		label: "Done",
-		className: "text-emerald-500",
-		icon: CircleCheck
-	},
-	ready: {
-		label: "Ready",
-		className: "text-sky-500",
-		icon: Circle$1
-	},
-	blocked: {
-		label: "Blocked",
-		className: "text-amber-500",
-		icon: TriangleAlert
-	}
-};
-function OpsxArtifactStatusBadge({ status }) {
-	const config = statusConfig[status];
-	const StatusIcon = config.icon;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-		className: `inline-flex shrink-0 items-center gap-1.5 text-xs font-medium ${config.className}`,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, { className: "h-4 w-4" }), config.label]
-	});
-}
-function OpsxArtifactTabStatusIcon({ status }) {
-	const StatusIcon = statusConfig[status].icon;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, { className: `h-3.5 w-3.5 ${statusConfig[status].className}` });
-}
-function OpsxArtifactDocumentShell({ id, path, status, missingDeps, meta, children }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
-		className: "border-border bg-muted/25 mb-5 rounded-md border px-4 py-3",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "flex flex-wrap items-start justify-between gap-3",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: "min-w-0 space-y-1",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "font-medium",
-					children: id
-				}), path ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "text-muted-foreground break-all text-xs",
-					children: path
-				}) : null]
-			}), status ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OpsxArtifactStatusBadge, { status }) : meta]
-		}), status === "blocked" && missingDeps?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "mt-3 flex items-start gap-2 rounded-md border border-amber-500/50 bg-amber-500/10 px-3 py-2 text-xs text-amber-700",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "font-medium",
-				children: "Blocked by missing dependencies"
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "mt-1",
-				children: missingDeps.join(", ")
-			})] })]
-		}) : null]
-	}), children] });
-}
-//#endregion
 //#region src/components/anchor-scroll.ts
 /**
 * Utilities for hash-anchor navigation inside nested scroll containers.
@@ -114425,46 +114602,6 @@ function navigateHashAnchor(anchorElement, hash) {
 	return true;
 }
 //#endregion
-//#region src/components/button.tsx
-var variantClassNames = {
-	primary: "bg-primary text-primary-foreground hover:bg-primary/90",
-	secondary: "border-border bg-background text-foreground border hover:bg-muted",
-	ghost: "text-foreground hover:bg-muted",
-	destructive: "bg-red-600 text-white hover:bg-red-700 focus-visible:ring-red-500 dark:bg-red-600 dark:hover:bg-red-700"
-};
-var activityVariantClassNames = {
-	primary: "bg-primary/10 text-primary hover:bg-primary/10",
-	secondary: "border-primary/40 bg-primary/10 text-primary border hover:bg-primary/10",
-	ghost: "bg-primary/10 text-primary hover:bg-primary/10",
-	destructive: "bg-red-600/10 text-red-600 hover:bg-red-600/10 dark:text-red-400"
-};
-var sizeClassNames = {
-	sm: "gap-1.5 rounded-md px-3 py-1.5 text-xs",
-	md: "gap-2 rounded-md px-4 py-2 text-sm",
-	"icon-sm": "h-7 w-7 rounded-md p-0",
-	"icon-md": "h-9 w-9 rounded-md p-0"
-};
-var Button = (0, import_react.forwardRef)(function Button({ variant = "primary", size = "md", activity = false, disabled = false, type = "button", className, onClick, "aria-disabled": ariaDisabled, ...props }, ref) {
-	const handleClick = (event) => {
-		if (activity) {
-			event.preventDefault();
-			event.stopPropagation();
-			return;
-		}
-		onClick?.(event);
-	};
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-		ref,
-		type,
-		disabled,
-		"aria-disabled": ariaDisabled ?? (activity ? true : void 0),
-		"data-activity": activity ? "true" : void 0,
-		onClick: handleClick,
-		className: cn$1("inline-flex shrink-0 items-center justify-center font-medium outline-none transition-colors", "focus-visible:ring-primary focus-visible:ring-1", disabled ? "cursor-not-allowed opacity-50" : activity ? "cursor-default" : "cursor-pointer", activity ? activityVariantClassNames[variant] : variantClassNames[variant], sizeClassNames[size], className),
-		...props
-	});
-});
-//#endregion
 //#region src/lib/document-translation-session-state.ts
 var DOCUMENT_TRANSLATION_SESSION_STORAGE_KEY = "openspecui:document-translation:mode";
 var DEFAULT_ACTIVATION = "source";
@@ -114512,6 +114649,30 @@ function useDocumentTranslationActivation() {
 	};
 }
 //#endregion
+//#region src/lib/resolve-document-translation-config.ts
+function resolveDocumentTranslationConfig(translationConfig, globalSettings) {
+	if (!translationConfig) return void 0;
+	const local = translationConfig.engines?.local ?? {};
+	const openai = translationConfig.engines?.openai ?? {};
+	const resolvedLocalModel = local.model ?? globalSettings?.translationEngines.local.model;
+	const resolvedLocalSelectedGroupId = local.selectedGroupId ?? globalSettings?.translationEngines.local.selectedGroupId;
+	const resolvedOpenAIModel = openai.model ?? globalSettings?.translationEngines.openai.model;
+	return {
+		...translationConfig,
+		engines: {
+			local: {
+				...local,
+				...resolvedLocalModel ? { model: resolvedLocalModel } : {},
+				...resolvedLocalSelectedGroupId ? { selectedGroupId: resolvedLocalSelectedGroupId } : {}
+			},
+			openai: {
+				...openai,
+				...resolvedOpenAIModel ? { model: resolvedOpenAIModel } : {}
+			}
+		}
+	};
+}
+//#endregion
 //#region ../browser-translator/dist/index.mjs
 async function scanBrowserTranslationSupportTable(options) {
 	const translator = (options.win ?? window).Translator;
@@ -131195,6 +131356,55 @@ function createProjectionContext(lookup, annotations, projections) {
 	};
 }
 //#endregion
+//#region ../core/src/translation-language-pair.ts
+var OPUS_MT_DIRECTION_PATTERN = /^opus-mt-([a-z]{2,3})-([a-z]{2,3})$/i;
+function inferLocalDirectionalModelLanguagePair(model) {
+	const modelName = model?.trim().split("/").pop();
+	if (!modelName) return null;
+	const match = OPUS_MT_DIRECTION_PATTERN.exec(modelName);
+	if (!match) return null;
+	const [, sourceLanguage, targetLanguage] = match;
+	if (!sourceLanguage || !targetLanguage) return null;
+	return {
+		sourceLanguage: normalizeLanguageCode(sourceLanguage),
+		targetLanguage: normalizeLanguageCode(targetLanguage)
+	};
+}
+function checkLocalDirectionalModelLanguagePair(input) {
+	const expected = inferLocalDirectionalModelLanguagePair(input.model);
+	if (!expected) return { supported: true };
+	if (!areCompatibleLanguageTags(expected.targetLanguage, input.targetLanguage)) return {
+		supported: false,
+		expected,
+		message: `Selected local model supports ${formatLanguagePair(expected)}, but document translation is configured for target ${input.targetLanguage}.`
+	};
+	if (input.sourceLanguage && !areCompatibleLanguageTags(expected.sourceLanguage, input.sourceLanguage)) return {
+		supported: false,
+		expected,
+		message: `Selected local model supports ${formatLanguagePair(expected)}, but document segment was detected as ${input.sourceLanguage} -> ${input.targetLanguage}.`
+	};
+	return {
+		supported: true,
+		expected
+	};
+}
+function areCompatibleLanguageTags(expected, actual) {
+	const expectedNormalized = normalizeLanguageTag$1(expected);
+	const actualNormalized = normalizeLanguageTag$1(actual);
+	if (!expectedNormalized || !actualNormalized) return false;
+	if (expectedNormalized === actualNormalized) return true;
+	return expectedNormalized.split("-")[0] === actualNormalized.split("-")[0];
+}
+function normalizeLanguageCode(language) {
+	return language.trim().toLowerCase().replace(/_/g, "-");
+}
+function normalizeLanguageTag$1(language) {
+	return normalizeLanguageCode(language);
+}
+function formatLanguagePair(pair) {
+	return `${pair.sourceLanguage} -> ${pair.targetLanguage}`;
+}
+//#endregion
 //#region ../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.js
 /**
 * @import {Root} from 'mdast'
@@ -135723,6 +135933,43 @@ function escapeAttributeValue(value) {
 	return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
 //#endregion
+//#region src/lib/translation-adaptive-concurrency-log.ts
+var GLOBAL_STORAGE_KEY = "__OPENSPECUI_TRANSLATION_ADAPTIVE_CONCURRENCY_LOGS__";
+var MAX_LOG_AGE_MS = 1800 * 1e3;
+var MAX_LOG_ENTRIES = 256;
+var DEFAULT_SAMPLE_SIZE = 8;
+function createTranslationAdaptiveConcurrencyScopeKey(input) {
+	return JSON.stringify({
+		engineId: input.engineId,
+		engineVersion: input.engineVersion ?? null,
+		model: input.model ?? null,
+		selectedGroupId: input.selectedGroupId ?? null,
+		sourceLanguage: input.sourceLanguage.trim().toLowerCase(),
+		targetLanguage: input.targetLanguage.trim().toLowerCase(),
+		translatorContractVersion: input.translatorContractVersion
+	});
+}
+function appendTranslationAdaptiveConcurrencyLog(entry) {
+	const store = getTranslationAdaptiveConcurrencyLogStore();
+	store.entries.push(entry);
+	cleanupTranslationAdaptiveConcurrencyLogs(store);
+}
+function readRecentTranslationAdaptiveConcurrencyLogs(input = {}) {
+	const store = getTranslationAdaptiveConcurrencyLogStore();
+	cleanupTranslationAdaptiveConcurrencyLogs(store);
+	return (input.scopeKey ? store.entries.filter((entry) => entry.scopeKey === input.scopeKey) : store.entries).slice(-Math.max(1, input.limit ?? DEFAULT_SAMPLE_SIZE));
+}
+function getTranslationAdaptiveConcurrencyLogStore() {
+	const globalScope = globalThis;
+	if (!globalScope[GLOBAL_STORAGE_KEY]) globalScope[GLOBAL_STORAGE_KEY] = { entries: [] };
+	return globalScope[GLOBAL_STORAGE_KEY];
+}
+function cleanupTranslationAdaptiveConcurrencyLogs(store) {
+	const cutoff = Date.now() - MAX_LOG_AGE_MS;
+	if (store.entries.length === 0) return;
+	store.entries = store.entries.filter((entry) => entry.recordedAt >= cutoff).slice(-MAX_LOG_ENTRIES);
+}
+//#endregion
 //#region ../search/src/engine.ts
 function normalizeText(input) {
 	return input.toLowerCase().replace(/\s+/g, " ").trim();
@@ -136182,6 +136429,7 @@ var DOCUMENT_LANGUAGE_CONFIDENCE_THRESHOLD = .45;
 var SEGMENT_LANGUAGE_CONFIDENCE_THRESHOLD = .62;
 var TRANSLATION_DISPLAY_POLICY_VERSION = 2;
 var BROWSER_SOURCE_LANGUAGE_ORDER = new Map(SUPPORTED_TRANSLATION_LANGUAGES.map((language, index) => [language.code, index]));
+var SUPPORTED_TRANSLATION_LANGUAGE_CODES = new Set(SUPPORTED_TRANSLATION_LANGUAGES.map((language) => language.code));
 function isBrowserTranslationSupported() {
 	return typeof window !== "undefined" && !!window.Translator;
 }
@@ -136399,14 +136647,20 @@ function mergeBrowserSupportRows(rows, row) {
 }
 function sortBrowserSupportRows(rows) {
 	return [...rows].sort((left, right) => {
-		const leftOrder = BROWSER_SOURCE_LANGUAGE_ORDER.get(left.sourceLanguage) ?? Number.MAX_SAFE_INTEGER;
-		const rightOrder = BROWSER_SOURCE_LANGUAGE_ORDER.get(right.sourceLanguage) ?? Number.MAX_SAFE_INTEGER;
+		const leftOrder = getBrowserSourceLanguageOrder(left.sourceLanguage) ?? Number.MAX_SAFE_INTEGER;
+		const rightOrder = getBrowserSourceLanguageOrder(right.sourceLanguage) ?? Number.MAX_SAFE_INTEGER;
 		if (leftOrder !== rightOrder) return leftOrder - rightOrder;
 		const targetDelta = left.targetLanguage.localeCompare(right.targetLanguage);
 		if (targetDelta !== 0) return targetDelta;
 		return left.sourceLanguage.localeCompare(right.sourceLanguage);
 	});
 }
+function getBrowserSourceLanguageOrder(sourceLanguage) {
+	return isSupportedTranslationLanguageCode(sourceLanguage) ? BROWSER_SOURCE_LANGUAGE_ORDER.get(sourceLanguage) : void 0;
+}
+function isSupportedTranslationLanguageCode(language) {
+	return SUPPORTED_TRANSLATION_LANGUAGE_CODES.has(language);
+}
 async function translateMarkdownDocumentProgressively(args, onPatch) {
 	const segments = extractTranslatableSegments(args.markdown);
 	if (segments.length === 0) return {
@@ -136416,9 +136670,9 @@ async function translateMarkdownDocumentProgressively(args, onPatch) {
 	};
 	const engine = args.engine ?? createBrowserTranslationExecution();
 	const languageDetection = await createSourceLanguageDetectionSession(args.markdown, args.signal);
-	const translatorBySourceLanguage = /* @__PURE__ */ new Map();
+	const translatedSegments = [...segments];
+	const pendingJobsBySourceLanguage = /* @__PURE__ */ new Map();
 	try {
-		const translatedSegments = [];
 		for (const [segmentIndex, segment] of segments.entries()) {
 			throwIfAborted(args.signal);
 			const sourceLanguage = await languageDetection.detectSegmentLanguage(segment.translatorInput, args.signal);
@@ -136432,7 +136686,7 @@ async function translateMarkdownDocumentProgressively(args, onPatch) {
 						targetLanguage: args.targetLanguage,
 						status: "translated"
 					};
-					translatedSegments.push(translatedSegment);
+					translatedSegments[segmentIndex] = translatedSegment;
 					onPatch({
 						segmentIndex,
 						segment: translatedSegment
@@ -136445,33 +136699,27 @@ async function translateMarkdownDocumentProgressively(args, onPatch) {
 					targetLanguage: args.targetLanguage
 				}) : null;
 				if (cachedSegment) {
-					translatedSegments.push(cachedSegment);
+					translatedSegments[segmentIndex] = cachedSegment;
 					onPatch({
 						segmentIndex,
 						segment: cachedSegment
 					});
 					continue;
 				}
-				const translator = await getPooledTranslator(engine, translatorBySourceLanguage, sourceLanguage, args.targetLanguage, args.signal);
-				const protectedInput = segment.placeholderProtocol ? {
-					text: segment.translatorInput,
-					restore: (output) => output
-				} : protectTranslatorInput(segment.translatorInput);
-				const target = await raceAbort(readSingleBatchOutput(translator.batchTranslate([protectedInput.text], { signal: args.signal })), args.signal);
-				const restoredTarget = segment.placeholderProtocol ? restoreTranslatedPlaceholderFragment(target, segment.placeholderProtocol) : { target: protectedInput.restore(target).trim() };
-				const translatedSegment = {
-					...segment,
-					...restoredTarget,
+				const pendingJob = {
+					segmentIndex,
+					segment,
 					sourceLanguage,
-					targetLanguage: args.targetLanguage,
-					status: "translated"
+					cacheKey,
+					protectedInput: segment.placeholderProtocol ? {
+						text: segment.translatorInput,
+						restore: (output) => output
+					} : protectTranslatorInput(segment.translatorInput),
+					estimatedTokens: estimateTranslationTokens(segment.translatorInput)
 				};
-				if (cacheKey) writeCachedTranslationSegment(args.cache, cacheKey, translatedSegment);
-				translatedSegments.push(translatedSegment);
-				onPatch({
-					segmentIndex,
-					segment: translatedSegment
-				});
+				const pendingJobs = pendingJobsBySourceLanguage.get(sourceLanguage) ?? [];
+				pendingJobs.push(pendingJob);
+				pendingJobsBySourceLanguage.set(sourceLanguage, pendingJobs);
 			} catch (error) {
 				if (args.signal.aborted) throw error;
 				const failedSegment = {
@@ -136481,13 +136729,23 @@ async function translateMarkdownDocumentProgressively(args, onPatch) {
 					status: "error",
 					error: getErrorMessage(error)
 				};
-				translatedSegments.push(failedSegment);
+				translatedSegments[segmentIndex] = failedSegment;
 				onPatch({
 					segmentIndex,
 					segment: failedSegment
 				});
 			}
 		}
+		await Promise.all([...pendingJobsBySourceLanguage.entries()].map(([sourceLanguage, jobs]) => translatePendingJobsBySourceLanguage({
+			engine,
+			sourceLanguage,
+			targetLanguage: args.targetLanguage,
+			signal: args.signal,
+			cache: args.cache,
+			jobs,
+			translatedSegments,
+			onPatch
+		})));
 		return {
 			segments: translatedSegments,
 			displayMode: args.displayMode,
@@ -136495,24 +136753,247 @@ async function translateMarkdownDocumentProgressively(args, onPatch) {
 			targetLanguage: args.targetLanguage
 		};
 	} finally {
-		translatorBySourceLanguage.forEach((translator) => translator.destroy?.());
 		languageDetection.destroy();
 	}
 }
-async function getPooledTranslator(engine, translatorBySourceLanguage, sourceLanguage, targetLanguage, signal) {
-	const existing = translatorBySourceLanguage.get(sourceLanguage);
-	if (existing) return existing;
-	const translator = await engine.factory.create({
-		sourceLanguage,
-		targetLanguage,
-		signal
+async function translatePendingJobsBySourceLanguage(input) {
+	const markJobsError = (jobs, message) => {
+		for (const job of jobs) {
+			const failedSegment = {
+				...job.segment,
+				sourceLanguage: job.sourceLanguage,
+				targetLanguage: input.targetLanguage,
+				status: "error",
+				error: message
+			};
+			input.translatedSegments[job.segmentIndex] = failedSegment;
+			input.onPatch({
+				segmentIndex: job.segmentIndex,
+				segment: failedSegment
+			});
+		}
+	};
+	const unsupportedLanguagePairMessage = getUnsupportedEngineLanguagePairMessage({
+		engine: input.engine,
+		sourceLanguage: input.sourceLanguage,
+		targetLanguage: input.targetLanguage
 	});
-	translatorBySourceLanguage.set(sourceLanguage, translator);
-	return translator;
+	if (unsupportedLanguagePairMessage) {
+		markJobsError(input.jobs, unsupportedLanguagePairMessage);
+		return;
+	}
+	const batches = packTranslationJobs(input.jobs);
+	if (batches.length === 0) return;
+	const maxConcurrency = Math.min(6, batches.length);
+	const scopeKey = createTranslationAdaptiveConcurrencyScopeKey({
+		engineId: input.engine.cacheIdentity.engineId,
+		engineVersion: input.engine.cacheIdentity.engineVersion,
+		model: input.engine.cacheIdentity.model,
+		selectedGroupId: input.engine.cacheIdentity.selectedGroupId,
+		sourceLanguage: input.sourceLanguage,
+		targetLanguage: input.targetLanguage,
+		translatorContractVersion: input.engine.cacheIdentity.translatorContractVersion
+	});
+	let desiredConcurrency = 1;
+	let nextBatchIndex = 0;
+	let activeWorkers = 0;
+	let completedBatches = 0;
+	const workerPromises = /* @__PURE__ */ new Set();
+	const startWorkersToDesired = () => {
+		while (activeWorkers < desiredConcurrency && nextBatchIndex < batches.length && !input.signal.aborted) startWorker();
+	};
+	const maybeGrowConcurrency = () => {
+		if (desiredConcurrency >= maxConcurrency) return;
+		const recentLogs = readRecentTranslationAdaptiveConcurrencyLogs({
+			scopeKey,
+			limit: Math.max(4, desiredConcurrency * 2)
+		});
+		if (desiredConcurrency === 1) {
+			if (completedBatches >= 1 && batches.length > 1 && recentLogs.length > 0) {
+				desiredConcurrency = 2;
+				startWorkersToDesired();
+			}
+			return;
+		}
+		if (completedBatches < desiredConcurrency) return;
+		if (recentLogs.length < desiredConcurrency * 2) return;
+		const window = recentLogs.slice(-desiredConcurrency * 2);
+		const split = Math.max(1, Math.floor(window.length / 2));
+		const earlierThroughput = summarizeTranslationLogThroughput(window.slice(0, split));
+		const laterThroughput = summarizeTranslationLogThroughput(window.slice(split));
+		if (earlierThroughput > 0 && laterThroughput >= earlierThroughput * 1.08) {
+			desiredConcurrency = Math.min(maxConcurrency, desiredConcurrency + 1);
+			startWorkersToDesired();
+		}
+	};
+	const applyBatchResult = async (batch, outputs) => {
+		for (const [offset, job] of batch.jobs.entries()) {
+			const target = outputs[offset] ?? "";
+			const restoredTarget = job.segment.placeholderProtocol ? restoreTranslatedPlaceholderFragment(target, job.segment.placeholderProtocol) : { target: job.protectedInput.restore(target).trim() };
+			const translatedSegment = {
+				...job.segment,
+				...restoredTarget,
+				sourceLanguage: job.sourceLanguage,
+				targetLanguage: input.targetLanguage,
+				status: "translated"
+			};
+			input.translatedSegments[job.segmentIndex] = translatedSegment;
+			if (job.cacheKey) writeCachedTranslationSegment(input.cache, job.cacheKey, translatedSegment);
+			input.onPatch({
+				segmentIndex: job.segmentIndex,
+				segment: translatedSegment
+			});
+		}
+	};
+	const markBatchError = (batch, error) => {
+		markJobsError(batch.jobs, getErrorMessage(error));
+	};
+	const startWorker = () => {
+		if (input.signal.aborted || nextBatchIndex >= batches.length) return;
+		activeWorkers += 1;
+		let workerPromise;
+		workerPromise = (async () => {
+			let translator = null;
+			try {
+				translator = await input.engine.factory.create({
+					sourceLanguage: input.sourceLanguage,
+					targetLanguage: input.targetLanguage,
+					signal: input.signal
+				});
+				while (!input.signal.aborted) {
+					const batchIndex = nextBatchIndex;
+					if (batchIndex >= batches.length) break;
+					nextBatchIndex += 1;
+					const batch = batches[batchIndex];
+					const startedAt = getCurrentTimeMs();
+					try {
+						await applyBatchResult(batch, await collectBatchTranslationOutputs(translator.batchTranslate(batch.jobs.map((job) => job.protectedInput.text), { signal: input.signal }), batch.jobs.length));
+						completedBatches += 1;
+						const elapsedMs = Math.max(1, getCurrentTimeMs() - startedAt);
+						appendTranslationAdaptiveConcurrencyLog({
+							scopeKey,
+							recordedAt: Date.now(),
+							engineId: input.engine.cacheIdentity.engineId,
+							engineVersion: input.engine.cacheIdentity.engineVersion,
+							model: input.engine.cacheIdentity.model,
+							selectedGroupId: input.engine.cacheIdentity.selectedGroupId,
+							sourceLanguage: input.sourceLanguage,
+							targetLanguage: input.targetLanguage,
+							batchIndex,
+							batchSize: batch.jobs.length,
+							estimatedTokens: batch.estimatedTokens,
+							elapsedMs,
+							throughputTokensPerMs: batch.estimatedTokens / elapsedMs,
+							desiredConcurrency,
+							activeWorkers,
+							maxConcurrency
+						});
+						maybeGrowConcurrency();
+					} catch (error) {
+						if (input.signal.aborted) throw error;
+						markBatchError(batch, error);
+					}
+				}
+			} finally {
+				translator?.destroy?.();
+			}
+		})().finally(() => {
+			activeWorkers -= 1;
+			workerPromises.delete(workerPromise);
+			startWorkersToDesired();
+		});
+		workerPromises.add(workerPromise);
+	};
+	startWorkersToDesired();
+	while (workerPromises.size > 0) await Promise.race(workerPromises);
+}
+function getUnsupportedEngineLanguagePairMessage(input) {
+	if (input.engine.cacheIdentity.engineId !== "local") return null;
+	const directionCheck = checkLocalDirectionalModelLanguagePair({
+		model: input.engine.cacheIdentity.model,
+		sourceLanguage: input.sourceLanguage,
+		targetLanguage: input.targetLanguage
+	});
+	if (directionCheck.supported) return null;
+	return directionCheck.message ?? "Selected local model does not support the detected translation direction.";
+}
+function summarizeTranslationLogThroughput(logs) {
+	if (logs.length === 0) return 0;
+	const totalTokens = logs.reduce((total, log) => total + log.estimatedTokens, 0);
+	const totalElapsedMs = logs.reduce((total, log) => total + log.elapsedMs, 0);
+	if (totalTokens <= 0 || totalElapsedMs <= 0) return 0;
+	return totalTokens / totalElapsedMs;
+}
+function packTranslationJobs(jobs) {
+	if (jobs.length === 0) return [];
+	const averageTokens = jobs.reduce((total, job) => total + job.estimatedTokens, 0) / Math.max(1, jobs.length);
+	const targetTokens = Math.max(1, Math.round(averageTokens * 6));
+	const batches = [];
+	let currentJobs = [];
+	let currentTokens = 0;
+	const flush = () => {
+		if (currentJobs.length === 0) return;
+		batches.push({
+			jobs: currentJobs,
+			estimatedTokens: currentTokens
+		});
+		currentJobs = [];
+		currentTokens = 0;
+	};
+	for (const job of jobs) {
+		if (currentJobs.length === 0) {
+			currentJobs = [job];
+			currentTokens = job.estimatedTokens;
+			continue;
+		}
+		const nextTokens = currentTokens + job.estimatedTokens;
+		if (nextTokens <= targetTokens) {
+			currentJobs.push(job);
+			currentTokens = nextTokens;
+			continue;
+		}
+		const withoutDelta = Math.abs(currentTokens - targetTokens);
+		if (Math.abs(nextTokens - targetTokens) <= withoutDelta) {
+			currentJobs.push(job);
+			currentTokens = nextTokens;
+			flush();
+			continue;
+		}
+		flush();
+		currentJobs = [job];
+		currentTokens = job.estimatedTokens;
+	}
+	flush();
+	return batches;
+}
+async function collectBatchTranslationOutputs(stream, expectedCount) {
+	const outputs = /* @__PURE__ */ new Map();
+	for await (const item of stream) {
+		if (item.index < 0 || item.index >= expectedCount) throw new Error(`Translator yielded output for unexpected index ${item.index}.`);
+		if (!outputs.has(item.index)) outputs.set(item.index, item.output);
+	}
+	if (outputs.size !== expectedCount) throw new Error(`Translator returned ${outputs.size} outputs for ${expectedCount} inputs.`);
+	return Array.from({ length: expectedCount }, (_, index) => outputs.get(index) ?? "");
+}
+function estimateTranslationTokens(input) {
+	const trimmed = input.trim();
+	if (!trimmed) return 1;
+	const segmenter = getTokenSegmenter();
+	if (!segmenter) return Math.max(1, trimmed.split(/\s+/).filter(Boolean).length);
+	let count = 0;
+	for (const segment of segmenter.segment(trimmed)) if (segment.isWordLike ?? segment.segment.trim().length > 0) count += 1;
+	return Math.max(1, count);
+}
+function getTokenSegmenter() {
+	if (typeof Intl === "undefined" || typeof Intl.Segmenter !== "function") return null;
+	try {
+		return new Intl.Segmenter(void 0, { granularity: "word" });
+	} catch {
+		return null;
+	}
 }
-async function readSingleBatchOutput(stream) {
-	for await (const item of stream) return item.output;
-	throw new Error("Translator returned no batch output.");
+function getCurrentTimeMs() {
+	return typeof performance !== "undefined" && typeof performance.now === "function" ? performance.now() : Date.now();
 }
 async function createSourceLanguageDetectionSession(markdown, signal) {
 	const detectorFactory = window.LanguageDetector;
@@ -136988,87 +137469,10 @@ function getErrorMessage(error) {
 	return error instanceof Error ? error.message : "Unknown translation error.";
 }
 //#endregion
-//#region src/lib/translate-service.ts
-function createTranslationEngineExecution(config) {
-	if (config.engineId === "browser" || isStaticMode()) return createBrowserTranslationExecution();
-	const model = config.engineId === "openai" ? config.engines.openai.model : config.engines.local.model;
-	return {
-		factory: new TrpcTranslatorFactory(config.engineId, model, config.engineId === "local" ? config.engines.local.selectedGroupId : void 0),
-		cacheIdentity: {
-			engineId: config.engineId,
-			model,
-			selectedGroupId: config.engineId === "local" ? config.engines.local.selectedGroupId : void 0,
-			translatorContractVersion: 2
-		}
-	};
-}
-var TrpcTranslatorFactory = class {
-	constructor(engineId, model, selectedGroupId) {
-		this.engineId = engineId;
-		this.model = model;
-		this.selectedGroupId = selectedGroupId;
-	}
-	async create(options) {
-		return new TrpcTranslator({
-			engineId: this.engineId,
-			sourceLanguage: options.sourceLanguage,
-			targetLanguage: options.targetLanguage,
-			model: options.model ?? this.model,
-			selectedGroupId: this.engineId === "local" ? this.selectedGroupId : void 0
-		});
-	}
-};
-var TrpcTranslator = class {
-	constructor(options) {
-		this.options = options;
-	}
-	async *batchTranslate(inputs, options) {
-		if (options?.signal?.aborted) throw new DOMException("Translation cancelled.", "AbortError");
-		const queue = [];
-		let completed = false;
-		let thrown = null;
-		const subscription = trpcClient.translationEngines.batchTranslate.subscribe({
-			engineId: this.options.engineId,
-			sourceLanguage: this.options.sourceLanguage,
-			targetLanguage: this.options.targetLanguage,
-			model: this.options.model,
-			selectedGroupId: this.options.selectedGroupId,
-			inputs,
-			instructions: options?.instructions,
-			context: options?.context
-		}, {
-			onData(event) {
-				queue.push(event);
-			},
-			onError(error) {
-				thrown = error instanceof Error ? error : new Error(String(error));
-				completed = true;
-			},
-			onComplete() {
-				completed = true;
-			}
-		});
-		try {
-			while (!completed || queue.length > 0) {
-				if (options?.signal?.aborted) throw new DOMException("Translation cancelled.", "AbortError");
-				const item = queue.shift();
-				if (item) {
-					yield item;
-					continue;
-				}
-				await new Promise((resolve) => setTimeout(resolve, 0));
-			}
-			if (thrown) throw thrown;
-		} finally {
-			subscription.unsubscribe();
-		}
-	}
-};
-//#endregion
 //#region ../core/src/local-download-profiles.ts
 function selectLocalDownloadGroup(plan, selectedGroupId) {
 	if (!plan?.groups?.length) return null;
-	return (selectedGroupId ? plan.groups.find((group) => group.id === selectedGroupId && group.selectable) : void 0) ?? plan.groups.find((group) => group.selected) ?? selectSmallestSelectableGroup(plan.groups);
+	return (selectedGroupId ? plan.groups.find((group) => group.selectable && (group.id === selectedGroupId || group.baseGroupId === selectedGroupId)) : void 0) ?? plan.groups.find((group) => group.selected) ?? selectSmallestSelectableGroup(plan.groups);
 }
 function selectSmallestSelectableGroup(groups) {
 	return groups.filter((group) => group.selectable && group.estimatedTotalBytes !== void 0).sort((left, right) => (left.estimatedTotalBytes ?? 0) - (right.estimatedTotalBytes ?? 0))[0] ?? null;
@@ -137167,6 +137571,253 @@ function isLocalAssetReady(asset, selectedGroupId) {
 	return allRequiredFilesReady;
 }
 //#endregion
+//#region src/lib/translate-service.ts
+async function resolveTranslateServiceState(input) {
+	const config = input.config;
+	if (!config?.enabled || !input.hasSource) return emitTranslateServiceState(input.onUpdate, { status: projectTranslateServiceStatus({
+		enabled: config?.enabled ?? false,
+		hasSource: input.hasSource,
+		engineId: config?.engineId ?? "browser"
+	}) });
+	if (config.engineId === "local") {
+		const model = config.engines.local.model?.trim();
+		if (!model) return emitTranslateServiceState(input.onUpdate, { status: projectTranslateServiceStatus({
+			enabled: config.enabled,
+			hasSource: input.hasSource,
+			engineId: "local",
+			localModel: model,
+			localSelectedGroupId: config.engines.local.selectedGroupId
+		}) });
+		const directionCheck = checkLocalDirectionalModelLanguagePair({
+			model,
+			targetLanguage: config.targetLanguage
+		});
+		if (!directionCheck.supported) return emitTranslateServiceState(input.onUpdate, { status: {
+			state: "unavailable",
+			engineId: "local",
+			message: directionCheck.message ?? "Selected local model does not support the configured target language."
+		} });
+		input.onUpdate?.(createTranslateServiceState({ status: projectTranslateServiceStatus({
+			enabled: config.enabled,
+			hasSource: input.hasSource,
+			engineId: "local",
+			localModel: model,
+			localSelectedGroupId: config.engines.local.selectedGroupId,
+			localAssetLoading: true
+		}) }));
+		try {
+			const panelState = await trpcClient.localModels.panelState.query({
+				modelId: model,
+				selectedGroupId: config.engines.local.selectedGroupId
+			});
+			const selectedGroupId = panelState.selectedGroupId ?? config.engines.local.selectedGroupId;
+			return createTranslateServiceState({ status: projectTranslateServiceStatus({
+				enabled: config.enabled,
+				hasSource: input.hasSource,
+				engineId: "local",
+				localModel: model,
+				localSelectedGroupId: selectedGroupId,
+				localAsset: panelState.asset
+			}) });
+		} catch (assetError) {
+			return createTranslateServiceState({ status: {
+				state: "unavailable",
+				engineId: "local",
+				message: assetError instanceof Error ? assetError.message : "Unable to check local model files."
+			} });
+		}
+	}
+	if (config.engineId === "openai") return emitTranslateServiceState(input.onUpdate, { status: projectTranslateServiceStatus({
+		enabled: config.enabled,
+		hasSource: input.hasSource,
+		engineId: "openai"
+	}) });
+	const cachedTable = getBrowserSupportTableState(config.targetLanguage);
+	if (cachedTable) return emitTranslateServiceState(input.onUpdate, {
+		browserSupportTable: cachedTable,
+		status: projectTranslateServiceStatus({
+			enabled: config.enabled,
+			hasSource: input.hasSource,
+			engineId: "browser",
+			browserSupportTable: cachedTable
+		})
+	});
+	const checkingTable = {
+		state: "checking",
+		table: null,
+		message: "Checking browser translation pairs…"
+	};
+	input.onUpdate?.(createTranslateServiceState({
+		browserSupportTable: checkingTable,
+		status: projectTranslateServiceStatus({
+			enabled: config.enabled,
+			hasSource: input.hasSource,
+			engineId: "browser",
+			browserSupportTable: checkingTable
+		})
+	}));
+	try {
+		const nextTable = await scanBrowserTranslationPairs(config.targetLanguage, {
+			signal: input.signal ?? new AbortController().signal,
+			onProgress: (progressState) => {
+				input.onUpdate?.(createTranslateServiceState({
+					browserSupportTable: progressState,
+					status: projectTranslateServiceStatus({
+						enabled: config.enabled,
+						hasSource: input.hasSource,
+						engineId: "browser",
+						browserSupportTable: progressState
+					})
+				}));
+			}
+		});
+		return createTranslateServiceState({
+			browserSupportTable: nextTable,
+			status: projectTranslateServiceStatus({
+				enabled: config.enabled,
+				hasSource: input.hasSource,
+				engineId: "browser",
+				browserSupportTable: nextTable
+			})
+		});
+	} catch (probeError) {
+		const nextCapability = {
+			availability: "error",
+			message: probeError instanceof Error ? probeError.message : "Unable to check translation support."
+		};
+		return createTranslateServiceState({
+			capability: nextCapability,
+			status: projectTranslateServiceStatus({
+				enabled: config.enabled,
+				hasSource: input.hasSource,
+				engineId: "browser",
+				browserCapability: nextCapability
+			})
+		});
+	}
+}
+function prepareTranslateServiceRun(input) {
+	if (input.config.engineId !== "browser") return createTranslateServiceState({ status: projectTranslateServiceStatus({
+		enabled: input.config.enabled,
+		hasSource: input.hasSource,
+		engineId: input.config.engineId
+	}) });
+	const preferredRow = input.browserSupportTable?.table?.rows.find((row) => row.availability === "available") ?? input.browserSupportTable?.table?.rows.find((row) => row.availability === "downloading") ?? input.browserSupportTable?.table?.rows.find((row) => row.availability === "downloadable") ?? null;
+	if (!preferredRow) return createTranslateServiceState({
+		browserSupportTable: input.browserSupportTable,
+		status: projectTranslateServiceStatus({
+			enabled: input.config.enabled,
+			hasSource: input.hasSource,
+			engineId: "browser",
+			browserSupportTable: input.browserSupportTable
+		})
+	});
+	const nextCapability = {
+		availability: preferredRow.availability,
+		progress: preferredRow.progress,
+		message: preferredRow.message
+	};
+	const nextTable = patchBrowserSupportTableRow(input.config.targetLanguage, preferredRow, { message: void 0 });
+	return createTranslateServiceState({
+		capability: nextCapability,
+		browserSupportTable: nextTable,
+		status: projectTranslateServiceStatus({
+			enabled: input.config.enabled,
+			hasSource: input.hasSource,
+			engineId: "browser",
+			browserSupportTable: nextTable,
+			browserCapability: nextCapability
+		})
+	});
+}
+function createTranslationEngineExecution(config) {
+	if (config.engineId === "browser" || isStaticMode()) return createBrowserTranslationExecution();
+	const model = config.engineId === "openai" ? config.engines.openai.model : config.engines.local.model;
+	return {
+		factory: new TrpcTranslatorFactory(config.engineId, model, config.engineId === "local" ? config.engines.local.selectedGroupId : void 0),
+		cacheIdentity: {
+			engineId: config.engineId,
+			model,
+			selectedGroupId: config.engineId === "local" ? config.engines.local.selectedGroupId : void 0,
+			translatorContractVersion: 2
+		}
+	};
+}
+var TrpcTranslatorFactory = class {
+	constructor(engineId, model, selectedGroupId) {
+		this.engineId = engineId;
+		this.model = model;
+		this.selectedGroupId = selectedGroupId;
+	}
+	async create(options) {
+		return new TrpcTranslator({
+			engineId: this.engineId,
+			sourceLanguage: options.sourceLanguage,
+			targetLanguage: options.targetLanguage,
+			model: options.model ?? this.model,
+			selectedGroupId: this.engineId === "local" ? this.selectedGroupId : void 0
+		});
+	}
+};
+var TrpcTranslator = class {
+	constructor(options) {
+		this.options = options;
+	}
+	async *batchTranslate(inputs, options) {
+		if (options?.signal?.aborted) throw new DOMException("Translation cancelled.", "AbortError");
+		const queue = [];
+		let completed = false;
+		let thrown = null;
+		const subscription = trpcClient.translationEngines.batchTranslate.subscribe({
+			engineId: this.options.engineId,
+			sourceLanguage: this.options.sourceLanguage,
+			targetLanguage: this.options.targetLanguage,
+			model: this.options.model,
+			selectedGroupId: this.options.selectedGroupId,
+			inputs,
+			instructions: options?.instructions,
+			context: options?.context
+		}, {
+			onData(event) {
+				queue.push(event);
+			},
+			onError(error) {
+				thrown = error instanceof Error ? error : new Error(String(error));
+				completed = true;
+			},
+			onComplete() {
+				completed = true;
+			}
+		});
+		try {
+			while (!completed || queue.length > 0) {
+				if (options?.signal?.aborted) throw new DOMException("Translation cancelled.", "AbortError");
+				const item = queue.shift();
+				if (item) {
+					yield item;
+					continue;
+				}
+				await new Promise((resolve) => setTimeout(resolve, 0));
+			}
+			if (thrown) throw thrown;
+		} finally {
+			subscription.unsubscribe();
+		}
+	}
+};
+function createTranslateServiceState(input) {
+	return {
+		capability: input.capability ?? null,
+		browserSupportTable: input.browserSupportTable ?? null,
+		status: input.status
+	};
+}
+function emitTranslateServiceState(onUpdate, input) {
+	const state = createTranslateServiceState(input);
+	onUpdate?.(state);
+	return state;
+}
+//#endregion
 //#region src/lib/use-document-translation.ts
 function useDocumentTranslation(markdown, config) {
 	const [status, setStatus] = (0, import_react.useState)("source");
@@ -137179,9 +137830,11 @@ function useDocumentTranslation(markdown, config) {
 	const [error, setError] = (0, import_react.useState)(null);
 	const [result, setResult] = (0, import_react.useState)(null);
 	const abortRef = (0, import_react.useRef)(null);
+	const generationRef = (0, import_react.useRef)(0);
 	const latestStartRef = (0, import_react.useRef)(null);
 	const { activation } = useDocumentTranslationActivation();
 	const cancel = (0, import_react.useCallback)(() => {
+		generationRef.current += 1;
 		abortRef.current?.abort();
 		abortRef.current = null;
 		setStatus("source");
@@ -137189,6 +137842,7 @@ function useDocumentTranslation(markdown, config) {
 		setError(null);
 	}, []);
 	const reset = (0, import_react.useCallback)(() => {
+		generationRef.current += 1;
 		abortRef.current?.abort();
 		abortRef.current = null;
 		setStatus("source");
@@ -137197,6 +137851,7 @@ function useDocumentTranslation(markdown, config) {
 	}, []);
 	(0, import_react.useEffect)(() => reset, [reset]);
 	(0, import_react.useEffect)(() => {
+		generationRef.current += 1;
 		setCapability(null);
 		setBrowserSupportTable(null);
 		setResult(null);
@@ -137206,141 +137861,39 @@ function useDocumentTranslation(markdown, config) {
 		markdown,
 		config?.displayMode,
 		config?.enabled,
+		config?.engineId,
+		config?.engines.local.model,
+		config?.engines.local.selectedGroupId,
+		config?.engines.openai.model,
 		config?.targetLanguage
 	]);
 	(0, import_react.useEffect)(() => {
 		let disposed = false;
-		if (!config?.enabled || markdown.length === 0) {
-			setCapability(null);
-			setBrowserSupportTable(null);
-			setServiceStatus(projectTranslateServiceStatus({
-				enabled: config?.enabled ?? false,
-				hasSource: markdown.length > 0,
-				engineId: config?.engineId ?? "browser"
-			}));
-			return () => {
-				disposed = true;
-			};
-		}
-		if (config.engineId === "local") {
-			setCapability(null);
-			setBrowserSupportTable(null);
-			setServiceStatus(projectTranslateServiceStatus({
-				enabled: config.enabled,
-				hasSource: markdown.length > 0,
-				engineId: "local",
-				localModel: config.engines.local.model,
-				localSelectedGroupId: config.engines.local.selectedGroupId,
-				localAssetLoading: true
-			}));
-			const model = config.engines.local.model?.trim();
-			if (!model) {
-				setServiceStatus(projectTranslateServiceStatus({
-					enabled: config.enabled,
-					hasSource: markdown.length > 0,
-					engineId: "local",
-					localModel: model,
-					localSelectedGroupId: config.engines.local.selectedGroupId
-				}));
-				return () => {
-					disposed = true;
-				};
-			}
-			trpcClient.localModels.state.query({
-				modelId: model,
-				selectedGroupId: config.engines.local.selectedGroupId
-			}).then((localAsset) => {
-				if (disposed) return;
-				setServiceStatus(projectTranslateServiceStatus({
-					enabled: config.enabled,
-					hasSource: markdown.length > 0,
-					engineId: "local",
-					localModel: model,
-					localSelectedGroupId: config.engines.local.selectedGroupId,
-					localAsset
-				}));
-			}).catch((assetError) => {
-				if (disposed) return;
-				setServiceStatus({
-					state: "unavailable",
-					engineId: "local",
-					message: assetError instanceof Error ? assetError.message : "Unable to check local model files."
-				});
-			});
-			return () => {
-				disposed = true;
-			};
-		}
-		if (config.engineId === "openai") {
-			setCapability(null);
-			setBrowserSupportTable(null);
-			setServiceStatus(projectTranslateServiceStatus({
-				enabled: config.enabled,
-				hasSource: markdown.length > 0,
-				engineId: "openai"
-			}));
-			return () => {
-				disposed = true;
-			};
-		}
-		const cachedTable = getBrowserSupportTableState(config.targetLanguage);
-		if (cachedTable) {
-			setBrowserSupportTable(cachedTable);
-			setServiceStatus(projectTranslateServiceStatus({
-				enabled: config.enabled,
-				hasSource: markdown.length > 0,
-				engineId: "browser",
-				browserSupportTable: cachedTable
-			}));
-			return () => {
-				disposed = true;
-			};
-		}
-		setServiceStatus(projectTranslateServiceStatus({
-			enabled: config.enabled,
-			hasSource: markdown.length > 0,
-			engineId: "browser",
-			browserSupportTable: {
-				state: "checking",
-				table: null,
-				message: "Checking browser translation pairs…"
-			}
-		}));
 		const controller = new AbortController();
-		scanBrowserTranslationPairs(config.targetLanguage, {
+		resolveTranslateServiceState({
+			config,
+			hasSource: markdown.length > 0,
 			signal: controller.signal,
-			onProgress: (nextState) => {
+			onUpdate: (nextState) => {
 				if (disposed) return;
-				setBrowserSupportTable(nextState);
-				setServiceStatus(projectTranslateServiceStatus({
-					enabled: config.enabled,
-					hasSource: markdown.length > 0,
-					engineId: "browser",
-					browserSupportTable: nextState
-				}));
+				setCapability(nextState.capability);
+				setBrowserSupportTable(nextState.browserSupportTable);
+				setServiceStatus(nextState.status);
 			}
 		}).then((nextState) => {
 			if (disposed) return;
-			setBrowserSupportTable(nextState);
-			setServiceStatus(projectTranslateServiceStatus({
-				enabled: config.enabled,
-				hasSource: markdown.length > 0,
-				engineId: "browser",
-				browserSupportTable: nextState
-			}));
-		}).catch((probeError) => {
+			setCapability(nextState.capability);
+			setBrowserSupportTable(nextState.browserSupportTable);
+			setServiceStatus(nextState.status);
+		}).catch((stateError) => {
 			if (disposed) return;
-			const nextCapability = {
-				availability: "error",
-				message: probeError instanceof Error ? probeError.message : "Unable to check translation support."
-			};
-			setCapability(nextCapability);
-			setServiceStatus(projectTranslateServiceStatus({
-				enabled: config.enabled,
-				hasSource: markdown.length > 0,
-				engineId: "browser",
-				browserCapability: nextCapability
-			}));
+			setCapability(null);
+			setBrowserSupportTable(null);
+			setServiceStatus({
+				state: "unavailable",
+				engineId: config?.engineId ?? "browser",
+				message: stateError instanceof Error ? stateError.message : "Unable to check translation service."
+			});
 		});
 		return () => {
 			disposed = true;
@@ -137358,6 +137911,8 @@ function useDocumentTranslation(markdown, config) {
 		if (!config?.enabled) return;
 		abortRef.current?.abort();
 		const controller = new AbortController();
+		const generationId = generationRef.current + 1;
+		generationRef.current = generationId;
 		abortRef.current = controller;
 		setError(null);
 		setStatus("initializing");
@@ -137368,27 +137923,19 @@ function useDocumentTranslation(markdown, config) {
 				return;
 			}
 			if (config.engineId === "browser") {
-				const preferredRow = browserSupportTable?.table?.rows.find((row) => row.availability === "available") ?? browserSupportTable?.table?.rows.find((row) => row.availability === "downloading") ?? browserSupportTable?.table?.rows.find((row) => row.availability === "downloadable") ?? null;
-				if (!preferredRow) {
-					setError(serviceStatus.message);
+				const nextState = prepareTranslateServiceRun({
+					config,
+					hasSource: markdown.length > 0,
+					browserSupportTable
+				});
+				setCapability(nextState.capability);
+				setBrowserSupportTable(nextState.browserSupportTable);
+				setServiceStatus(nextState.status);
+				if (nextState.status.state !== "ready") {
+					setError(nextState.status.message);
 					setStatus("unavailable");
 					return;
 				}
-				const nextCapability = {
-					availability: preferredRow.availability,
-					progress: preferredRow.progress,
-					message: preferredRow.message
-				};
-				setCapability(nextCapability);
-				const nextTable = patchBrowserSupportTableRow(config.targetLanguage, preferredRow, { message: void 0 });
-				setBrowserSupportTable(nextTable);
-				setServiceStatus(projectTranslateServiceStatus({
-					enabled: config.enabled,
-					hasSource: markdown.length > 0,
-					engineId: "browser",
-					browserSupportTable: nextTable,
-					browserCapability: nextCapability
-				}));
 			}
 			setStatus("translating");
 			setResult({
@@ -137407,21 +137954,27 @@ function useDocumentTranslation(markdown, config) {
 					write: (input) => trpcClient.translationCache.write.mutate(input)
 				} : void 0
 			}, (patch) => {
-				if (controller.signal.aborted || abortRef.current !== controller) return;
+				if (controller.signal.aborted || abortRef.current !== controller || generationRef.current !== generationId) return;
 				setResult((current) => applyDocumentTranslationPatch(current, patch, {
 					displayMode: config.displayMode,
 					targetLanguage: config.targetLanguage
 				}));
 			});
-			if (controller.signal.aborted) return;
+			if (controller.signal.aborted || abortRef.current !== controller || generationRef.current !== generationId) return;
+			const documentFailure = getDocumentTranslationFailureMessage(nextResult);
 			setResult(nextResult);
+			if (documentFailure) {
+				setError(documentFailure);
+				setStatus("error");
+				return;
+			}
 			setStatus("translated");
 		} catch (translationError) {
-			if (controller.signal.aborted) return;
+			if (controller.signal.aborted || abortRef.current !== controller || generationRef.current !== generationId) return;
 			setError(translationError instanceof Error ? translationError.message : "Translation failed.");
 			setStatus("error");
 		} finally {
-			if (abortRef.current === controller) abortRef.current = null;
+			if (abortRef.current === controller && generationRef.current === generationId) abortRef.current = null;
 		}
 	}, [
 		browserSupportTable,
@@ -137462,6 +138015,14 @@ function useDocumentTranslation(markdown, config) {
 		reset
 	};
 }
+function getDocumentTranslationFailureMessage(result) {
+	const segments = (Array.isArray(result.segments) ? result.segments : []).filter((segment) => segment !== void 0);
+	if (segments.length === 0) return null;
+	if (segments.some((segment) => segment.status !== "error" && typeof segment.target === "string")) return null;
+	const errors = segments.map((segment) => segment.status === "error" ? segment.error : void 0).filter((message) => typeof message === "string" && message.length > 0);
+	if (errors.length === 0) return null;
+	return errors[0] ?? "Translation failed.";
+}
 function applyDocumentTranslationPatch(current, patch, fallback) {
 	const segments = [...current?.segments ?? []];
 	segments[patch.segmentIndex] = patch.segment;
@@ -148246,7 +148807,8 @@ function stripOpenSpecHeadingKindFromTextNode(node, kind, state) {
 //#endregion
 //#region src/components/document-translation-action.tsx
 function useDocumentTranslationRenderPlugin({ markdown, translationConfig }) {
-	const resolvedTranslationConfig = (0, import_react.useMemo)(() => translationConfig === void 0 ? void 0 : DocumentTranslationConfigSchema.parse(translationConfig), [translationConfig]);
+	const { data: globalSettings } = useGlobalSettingsSubscription();
+	const resolvedTranslationConfig = (0, import_react.useMemo)(() => translationConfig === void 0 ? void 0 : DocumentTranslationConfigSchema.parse(resolveDocumentTranslationConfig(translationConfig, globalSettings)), [globalSettings, translationConfig]);
 	const session = useDocumentTranslation(markdown ?? "", resolvedTranslationConfig);
 	const canTranslate = resolvedTranslationConfig !== void 0 && typeof markdown === "string" && markdown.length > 0;
 	const translationProjection = (0, import_react.useMemo)(() => createTranslationProjection(session.result), [session.result]);
@@ -148286,6 +148848,7 @@ function DocumentTranslationAction({ enabled, session }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocumentTranslationButton, {
 		capability: session.capability,
 		enabled,
+		error: session.error,
 		serviceStatus: session.serviceStatus,
 		status: session.status,
 		onActivate: () => {
@@ -148319,7 +148882,8 @@ function hashString(value) {
 }
 function createTranslationProjection(result) {
 	if (!result) return { blockAnnotations: [] };
-	const segmentByOffset = new Map(result.segments.filter((segment) => segment.target).map((segment) => [segment.sourceStartOffset, segment]));
+	const segments = Array.isArray(result.segments) ? result.segments : [];
+	const segmentByOffset = new Map(segments.filter((segment) => segment.target).map((segment) => [segment.sourceStartOffset, segment]));
 	return {
 		headingProcessor: {
 			name: "document-translation",
@@ -148341,7 +148905,7 @@ function createTranslationProjection(result) {
 				return createTranslatedHeadingTransform(input, segment, result.displayMode);
 			}
 		},
-		blockAnnotations: result.segments.filter((segment) => segment.target && segment.kind !== "heading").map((segment) => ({
+		blockAnnotations: segments.filter((segment) => segment.target && segment.kind !== "heading").map((segment) => ({
 			sourceStartOffset: segment.sourceStartOffset,
 			sourceKind: segment.sourceKind,
 			className: result.displayMode === "direct" ? "document-translation-direct" : "document-translation-bilingual",
@@ -148440,28 +149004,31 @@ function sanitizeTranslatedProperties(properties) {
 	}
 	return nextProperties;
 }
-function DocumentTranslationButton({ capability, enabled, serviceStatus, status, onActivate }) {
+function DocumentTranslationButton({ capability, enabled, error, serviceStatus, status, onActivate }) {
 	const isServiceChecking = serviceStatus.state === "checking";
 	const isServiceUnavailable = serviceStatus.state === "unavailable" || status === "unavailable";
 	const isSettingsDisabled = !enabled;
 	const isTranslated = status === "translated";
 	const isBusy = status === "initializing" || status === "translating";
-	const ariaLabel = isServiceUnavailable ? "Translation unavailable" : isSettingsDisabled ? "Configure translation" : isServiceChecking ? "Checking translation" : isBusy ? "Cancel translation" : isTranslated ? "Show source" : "Translate";
-	const title = isServiceUnavailable ? serviceStatus.message ?? capability?.message ?? "Translation is unavailable." : isSettingsDisabled ? "Translation is disabled in settings." : ariaLabel;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-		size: "icon-sm",
-		variant: "secondary",
-		disabled: isServiceUnavailable || isServiceChecking,
-		"aria-disabled": isSettingsDisabled ? true : void 0,
-		onClick: (event) => {
-			event.stopPropagation();
-			onActivate();
-		},
-		title,
-		"aria-label": ariaLabel,
-		"data-translation-action-state": isServiceUnavailable ? "unavailable" : isServiceChecking ? "checking" : isSettingsDisabled ? "settings-disabled" : isBusy ? "busy" : isTranslated ? "translated" : "ready",
-		className: isServiceUnavailable || isServiceChecking ? "border-border bg-muted text-muted-foreground disabled:border-border disabled:bg-muted disabled:text-muted-foreground" : isSettingsDisabled ? "border-border bg-muted/40 text-muted-foreground opacity-70" : isTranslated ? "border-primary bg-primary text-primary-foreground hover:bg-primary/90" : "border-primary text-primary hover:bg-primary/10",
-		children: isBusy || isServiceChecking ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : isServiceUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Languages, { className: "h-4 w-4" })
+	const isError = status === "error";
+	const ariaLabel = isServiceUnavailable ? "Translation unavailable" : isSettingsDisabled ? "Configure translation" : isServiceChecking ? "Checking translation" : isError ? "Retry translation" : isBusy ? "Cancel translation" : isTranslated ? "Show source" : "Translate";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+		content: isServiceUnavailable ? serviceStatus.message ?? capability?.message ?? "Translation is unavailable." : isSettingsDisabled ? "Translation is disabled in settings." : isError ? `${error ?? "Translation failed."} Click to retry.` : ariaLabel,
+		delay: 0,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			size: "icon-sm",
+			variant: "secondary",
+			disabled: isServiceUnavailable || isServiceChecking,
+			"aria-disabled": isSettingsDisabled ? true : void 0,
+			onClick: (event) => {
+				event.stopPropagation();
+				onActivate();
+			},
+			"aria-label": ariaLabel,
+			"data-translation-action-state": isServiceUnavailable ? "unavailable" : isServiceChecking ? "checking" : isSettingsDisabled ? "settings-disabled" : isError ? "error" : isBusy ? "busy" : isTranslated ? "translated" : "ready",
+			className: isServiceUnavailable || isServiceChecking ? "border-border bg-muted text-muted-foreground disabled:border-border disabled:bg-muted disabled:text-muted-foreground" : isSettingsDisabled ? "border-border bg-muted/40 text-muted-foreground opacity-70" : isError ? "border-amber-500/50 bg-amber-500/10 text-amber-600 hover:bg-amber-500/15 dark:text-amber-400" : isTranslated ? "border-primary bg-primary text-primary-foreground hover:bg-primary/90" : "border-primary text-primary hover:bg-primary/10",
+			children: isBusy || isServiceChecking ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : isServiceUnavailable || isError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Languages, { className: "h-4 w-4" })
+		})
 	});
 }
 //#endregion
@@ -150423,6 +150990,575 @@ var viewerStyles = String.raw`
   /* MarkdownViewer keeps layout hooks local; shared ToC geometry lives in index.css. */
 `;
 //#endregion
+//#region src/lib/file-preview.ts
+async function prepareEntityFilePreview(input) {
+	if (isStaticMode()) return null;
+	const preview = await (input.archived ? trpcClient.archive.prepareFilePreview.query({
+		id: input.changeId,
+		path: input.path
+	}) : trpcClient.change.prepareFilePreview.query({
+		id: input.changeId,
+		path: input.path
+	}));
+	const apiBaseUrl = getApiBaseUrl();
+	if (!apiBaseUrl) return preview;
+	const prefix = (path) => `${apiBaseUrl}${path}`;
+	return {
+		...preview,
+		resourcePathname: preview.resourcePathname ? prefix(preview.resourcePathname) : null,
+		entryPathname: prefix(preview.entryPathname),
+		urlPath: prefix(preview.urlPath)
+	};
+}
+async function writeEntityFile(input) {
+	if (input.archived) {
+		await trpcClient.archive.writeFile.mutate({
+			id: input.changeId,
+			path: input.path,
+			content: input.content
+		});
+		return;
+	}
+	await trpcClient.change.writeFile.mutate({
+		id: input.changeId,
+		path: input.path,
+		content: input.content
+	});
+}
+//#endregion
+//#region src/components/folder-editor-viewer.tsx
+function isFileEntry(file) {
+	return file?.type === "file";
+}
+function isTextLikeFile(file) {
+	return isFileEntry(file) && file.content !== void 0 && file.content !== null;
+}
+function normalizeExplorerFile(file) {
+	return {
+		...file,
+		content: file.content ?? void 0
+	};
+}
+function canPreviewInline(file) {
+	return isFileEntry(file) && file.previewKind === "markdown";
+}
+function canPreviewRemote(file) {
+	return isFileEntry(file) && [
+		"html",
+		"image",
+		"audio",
+		"video",
+		"pdf"
+	].includes(file.previewKind ?? "");
+}
+function canPreviewFile(file) {
+	return canPreviewInline(file) || canPreviewRemote(file);
+}
+function isPreviewOnlyFile(file) {
+	return isFileEntry(file) && [
+		"image",
+		"audio",
+		"video",
+		"pdf"
+	].includes(file.previewKind ?? "");
+}
+function resolveDefaultMode(file, inStaticMode) {
+	if (!file) return "read";
+	if (!inStaticMode && isFileEntry(file) && file.previewKind === "html") return "preview";
+	if (!inStaticMode && isPreviewOnlyFile(file)) return "preview";
+	return "read";
+}
+function resolveRemotePreviewFrameStyle(frameHeight) {
+	if (frameHeight == null) return void 0;
+	return {
+		minHeight: "min(320px, 100%)",
+		height: "100%",
+		maxHeight: `${frameHeight}px`
+	};
+}
+function canSaveDraft(file, hasDirtyDraft, savingPath) {
+	return !!file && hasDirtyDraft && savingPath !== file.path;
+}
+function appendPreviewTheme(url, isDarkMode) {
+	const nextUrl = new URL(url, window.location.href);
+	nextUrl.searchParams.set("theme", isDarkMode ? "dark" : "light");
+	return nextUrl.toString();
+}
+function resolvePreviewFrameUrl(preview, isDarkMode) {
+	return preview.previewKind === "html" ? preview.urlPath : appendPreviewTheme(preview.urlPath, isDarkMode);
+}
+function triggerDownload(url, fileName) {
+	const anchor = document.createElement("a");
+	anchor.href = url;
+	anchor.download = fileName;
+	anchor.rel = "noreferrer noopener";
+	anchor.click();
+}
+async function sharePreview(input) {
+	if (navigator.share) {
+		await navigator.share({
+			title: input.title,
+			url: input.url
+		});
+		return true;
+	}
+	await navigator.clipboard.writeText(input.url);
+	return false;
+}
+function PreviewPane({ file, preview, loading, error, className = "", frameHeight, isDarkMode }) {
+	if (file.previewKind === "markdown") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: `h-full min-h-0 flex-1 overflow-hidden ${className}`,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MarkdownViewer, {
+			markdown: file.content ?? "",
+			path: file.path,
+			className: "h-full"
+		})
+	});
+	if (loading) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "text-muted-foreground flex h-full items-center justify-center gap-2 text-sm",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "h-4 w-4 animate-spin" }), "Preparing preview..."]
+	});
+	if (error) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "text-destructive flex h-full items-center justify-center px-4 text-sm",
+		children: error
+	});
+	if (!preview) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "text-muted-foreground flex h-full items-center justify-center px-4 text-sm",
+		children: "Preview unavailable."
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: `bg-background h-full min-h-0 overflow-hidden ${className}`,
+		style: resolveRemotePreviewFrameStyle(frameHeight),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("iframe", {
+			src: resolvePreviewFrameUrl(preview, isDarkMode),
+			title: `Preview ${file.path}`,
+			className: "block h-full w-full border-0"
+		}, `${resolvePreviewFrameUrl(preview, isDarkMode)}:${isDarkMode ? "dark" : "light"}`)
+	});
+}
+function FolderEditorViewer({ changeId, archived = false, files: providedFiles }) {
+	const inStaticMode = isStaticMode();
+	const isDarkMode = useDarkMode();
+	const { data: files, isLoading, error } = archived ? useArchiveFilesSubscription(changeId) : useChangeFilesSubscription(changeId);
+	const [selectedPath, setSelectedPath] = (0, import_react.useState)(null);
+	const [mode, setMode] = (0, import_react.useState)("read");
+	const [draftContent, setDraftContent] = (0, import_react.useState)({});
+	const [savingPath, setSavingPath] = (0, import_react.useState)(null);
+	const [previewByPath, setPreviewByPath] = (0, import_react.useState)({});
+	const [previewLoadingPath, setPreviewLoadingPath] = (0, import_react.useState)(null);
+	const [previewErrorByPath, setPreviewErrorByPath] = (0, import_react.useState)({});
+	const [previewMaximized, setPreviewMaximized] = (0, import_react.useState)(false);
+	const [shareFeedback, setShareFeedback] = (0, import_react.useState)(null);
+	const sortedEntries = (0, import_react.useMemo)(() => {
+		if (providedFiles) return [...providedFiles];
+		if (!files) return [];
+		return [...files];
+	}, [files, providedFiles]);
+	const activeFile = (0, import_react.useMemo)(() => {
+		if (!selectedPath) return null;
+		const entry = sortedEntries.find((item) => item.path === selectedPath);
+		return isFileEntry(entry) ? entry : null;
+	}, [selectedPath, sortedEntries]);
+	const activeDraft = activeFile ? draftContent[activeFile.path] ?? activeFile.content ?? "" : "";
+	const editEnabled = !inStaticMode && isTextLikeFile(activeFile) && !isPreviewOnlyFile(activeFile);
+	const readEnabled = !isPreviewOnlyFile(activeFile);
+	const previewEnabled = !inStaticMode && canPreviewFile(activeFile);
+	const hasDirtyDraft = !!activeFile && isTextLikeFile(activeFile) && activeDraft !== (activeFile.content ?? "");
+	(0, import_react.useEffect)(() => {
+		if (!sortedEntries.length) {
+			setSelectedPath(null);
+			return;
+		}
+		if (!sortedEntries.find((entry) => entry.path === selectedPath && entry.type === "file")) setSelectedPath(sortedEntries.find((entry) => entry.type === "file")?.path ?? null);
+	}, [sortedEntries, selectedPath]);
+	(0, import_react.useEffect)(() => {
+		const nextDefaultMode = resolveDefaultMode(activeFile, inStaticMode);
+		if (mode === "edit" && !editEnabled) {
+			setMode(nextDefaultMode);
+			return;
+		}
+		if (mode === "preview" && !previewEnabled) {
+			setMode(nextDefaultMode);
+			return;
+		}
+		if (mode === "read" && !readEnabled) setMode(nextDefaultMode);
+	}, [
+		activeFile,
+		editEnabled,
+		inStaticMode,
+		mode,
+		previewEnabled,
+		readEnabled
+	]);
+	(0, import_react.useEffect)(() => {
+		const nextDefaultMode = resolveDefaultMode(activeFile, inStaticMode);
+		setMode((currentMode) => {
+			if (currentMode === nextDefaultMode) return currentMode;
+			if (currentMode === "read" && nextDefaultMode === "preview") return nextDefaultMode;
+			if (currentMode === "edit" && editEnabled) return currentMode;
+			if (currentMode === "preview" && previewEnabled) return currentMode;
+			if (currentMode === "read" && readEnabled) return currentMode;
+			return nextDefaultMode;
+		});
+	}, [
+		activeFile?.path,
+		editEnabled,
+		inStaticMode,
+		previewEnabled,
+		readEnabled
+	]);
+	(0, import_react.useEffect)(() => {
+		if (!canPreviewRemote(activeFile) || mode !== "preview") setPreviewMaximized(false);
+	}, [activeFile, mode]);
+	(0, import_react.useEffect)(() => {
+		if (shareFeedback === null) return;
+		const timer = window.setTimeout(() => {
+			setShareFeedback(null);
+		}, 1800);
+		return () => {
+			window.clearTimeout(timer);
+		};
+	}, [shareFeedback]);
+	(0, import_react.useEffect)(() => {
+		if (!activeFile || mode !== "preview" || !canPreviewRemote(activeFile)) return;
+		if (previewByPath[activeFile.path] !== void 0) return;
+		let cancelled = false;
+		setPreviewLoadingPath(activeFile.path);
+		setPreviewErrorByPath((current) => ({
+			...current,
+			[activeFile.path]: null
+		}));
+		prepareEntityFilePreview({
+			changeId,
+			archived,
+			path: activeFile.path
+		}).then((preview) => {
+			if (cancelled) return;
+			setPreviewByPath((current) => ({
+				...current,
+				[activeFile.path]: preview
+			}));
+		}).catch((cause) => {
+			if (cancelled) return;
+			setPreviewErrorByPath((current) => ({
+				...current,
+				[activeFile.path]: cause instanceof Error ? cause.message : String(cause)
+			}));
+			setPreviewByPath((current) => ({
+				...current,
+				[activeFile.path]: null
+			}));
+		}).finally(() => {
+			if (cancelled) return;
+			setPreviewLoadingPath((current) => current === activeFile.path ? null : current);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		activeFile,
+		archived,
+		changeId,
+		mode,
+		previewByPath
+	]);
+	if (!providedFiles && isLoading) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "bg-muted/20 flex h-[400px] items-center justify-center",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "text-muted-foreground h-6 w-6 animate-spin" })
+	});
+	if (error) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "bg-destructive/10 text-destructive p-4 text-sm",
+		children: ["Failed to load files: ", error.message]
+	});
+	const preview = activeFile ? previewByPath[activeFile.path] ?? null : null;
+	const previewError = activeFile ? previewErrorByPath[activeFile.path] ?? null : null;
+	const previewDownloadUrl = activeFile && preview ? activeFile.previewKind === "html" ? preview.entryPathname : preview.resourcePathname : null;
+	const previewShareUrl = activeFile && preview && canPreviewRemote(activeFile) ? resolvePreviewFrameUrl(preview, isDarkMode) : null;
+	const saveActiveDraft = () => {
+		if (!isTextLikeFile(activeFile)) return;
+		if (!canSaveDraft(activeFile, hasDirtyDraft, savingPath)) return;
+		setSavingPath(activeFile.path);
+		writeEntityFile({
+			changeId,
+			archived,
+			path: activeFile.path,
+			content: activeDraft
+		}).finally(() => {
+			setSavingPath((current) => current === activeFile.path ? null : current);
+		});
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+		"data-tab-scroll-root": "true",
+		className: "min-h-0 flex-1 overflow-hidden",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "h-full min-h-0 pr-1",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				"data-folder-viewport": "",
+				className: "flex h-full min-h-0 flex-col overflow-hidden",
+				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: (currentFile) => {
+						if (!isFileEntry(currentFile)) return /* @__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.jsxs)("div", {
+							className: "flex min-h-0 flex-1 flex-col",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								"data-folder-toolbar": "",
+								className: "border-border/60 bg-muted/20 flex flex-wrap items-center gap-3 border-b px-3 py-2",
+								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonGroup, {
+									value: mode,
+									onChange: setMode,
+									presentation: "icon-only",
+									className: "min-w-0",
+									options: [
+										{
+											value: "read",
+											label: "Read",
+											icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollText, { className: "h-3.5 w-3.5" }),
+											ariaLabel: "Read",
+											tooltip: "Read",
+											disabled: !readEnabled
+										},
+										{
+											value: "edit",
+											label: "Edit",
+											icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilePenLine, { className: "h-3.5 w-3.5" }),
+											ariaLabel: "Edit",
+											tooltip: "Edit",
+											disabled: !editEnabled
+										},
+										{
+											value: "preview",
+											label: "Preview",
+											icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eye, { className: "h-3.5 w-3.5" }),
+											ariaLabel: "Preview",
+											tooltip: "Preview",
+											disabled: !previewEnabled
+										}
+									]
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+									"data-folder-toolbar-actions": "",
+									className: "ml-auto flex min-w-0 max-w-full flex-wrap items-center justify-end gap-2",
+									children: mode === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+										content: "Revert",
+										delay: 0,
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+											variant: "secondary",
+											size: "icon-sm",
+											"aria-label": "Revert",
+											title: "Revert",
+											disabled: !hasDirtyDraft,
+											onClick: () => {
+												if (!isTextLikeFile(activeFile)) return;
+												setDraftContent((current) => ({
+													...current,
+													[activeFile.path]: activeFile.content ?? ""
+												}));
+											},
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Undo2, { className: "h-3.5 w-3.5" })
+										})
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+										content: "Save",
+										delay: 0,
+										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+											variant: "primary",
+											size: "icon-sm",
+											"aria-label": "Save",
+											title: "Save",
+											disabled: !hasDirtyDraft || savingPath === currentFile.path,
+											onClick: saveActiveDraft,
+											children: savingPath === currentFile.path ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Save, { className: "h-3.5 w-3.5" })
+										})
+									})] }) : mode === "preview" && canPreviewRemote(activeFile) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+											content: "Refresh",
+											delay: 0,
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+												variant: "secondary",
+												size: "icon-sm",
+												"aria-label": "Refresh",
+												title: "Refresh",
+												onClick: () => {
+													setPreviewByPath((current) => {
+														const next = { ...current };
+														delete next[currentFile.path];
+														return next;
+													});
+												},
+												children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCw, { className: "h-3.5 w-3.5" })
+											})
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+											content: previewMaximized ? "Exit maximize" : "Maximize",
+											delay: 0,
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+												variant: "secondary",
+												size: "icon-sm",
+												"aria-label": previewMaximized ? "Exit maximize" : "Maximize",
+												title: previewMaximized ? "Exit maximize" : "Maximize",
+												onClick: () => {
+													setPreviewMaximized((current) => !current);
+												},
+												children: previewMaximized ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Minimize, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Expand, { className: "h-3.5 w-3.5" })
+											})
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+											content: "Download",
+											delay: 0,
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+												variant: "secondary",
+												size: "icon-sm",
+												"aria-label": "Download",
+												title: "Download",
+												disabled: !previewDownloadUrl,
+												onClick: () => {
+													if (!previewDownloadUrl) return;
+													triggerDownload(previewDownloadUrl, currentFile.path.split("/").pop() ?? "preview");
+												},
+												children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Download, { className: "h-3.5 w-3.5" })
+											})
+										}),
+										/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {
+											content: shareFeedback === "shared" ? "Shared" : shareFeedback === "copied" ? "Copied" : "Share",
+											delay: 0,
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+												variant: "secondary",
+												size: "icon-sm",
+												"aria-label": shareFeedback === "shared" ? "Shared" : shareFeedback === "copied" ? "Copied" : "Share",
+												title: shareFeedback === "shared" ? "Shared" : shareFeedback === "copied" ? "Copied" : "Share",
+												disabled: !previewShareUrl,
+												onClick: () => {
+													if (!previewShareUrl) return;
+													sharePreview({
+														url: previewShareUrl,
+														title: currentFile.path
+													}).then((shared) => {
+														setShareFeedback(shared ? "shared" : "copied");
+													});
+												},
+												children: shareFeedback === "shared" || shareFeedback === "copied" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Share2, { className: "h-3.5 w-3.5" })
+											})
+										})
+									] }) : null
+								})]
+							}), !readEnabled && !editEnabled && !previewEnabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "text-muted-foreground flex min-h-0 flex-1 items-center justify-center px-4 text-sm",
+								children: "Preview for this file type is only available in live mode."
+							}) : mode === "preview" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "min-h-0 flex-1 overflow-hidden",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewPane, {
+									file: currentFile,
+									preview,
+									loading: previewLoadingPath === currentFile.path,
+									error: previewError,
+									isDarkMode
+								})
+							}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileExplorerCodeEditor, {
+								file: normalizeExplorerFile(currentFile),
+								value: mode === "edit" ? activeDraft : currentFile.content ?? "",
+								readOnly: mode !== "edit",
+								editorMinHeight: "0px",
+								onSaveShortcut: mode === "edit" ? saveActiveDraft : void 0,
+								onChange: mode === "edit" ? (value) => {
+									setDraftContent((current) => ({
+										...current,
+										[currentFile.path]: value
+									}));
+								} : void 0
+							})]
+						});
+					}
+				})
+			})
+		}), activeFile && canPreviewRemote(activeFile) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog, {
+			open: previewMaximized,
+			title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "text-sm font-medium",
+				children: activeFile.path
+			}),
+			onClose: () => setPreviewMaximized(false),
+			className: "max-w-6xl rounded-none border-0 shadow-none [--openspec-dialog-radius:0px]",
+			bodyClassName: "p-0",
+			contentClassName: "px-3 py-3",
+			maxHeight: "96vh",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex h-[80vh] max-h-[88vh] min-h-[420px] min-w-0 flex-col overflow-hidden",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewPane, {
+					file: activeFile,
+					preview,
+					loading: previewLoadingPath === activeFile.path,
+					error: previewError,
+					className: "rounded-none",
+					isDarkMode
+				})
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/opsx/artifact-document-shell.tsx
+var statusConfig = {
+	done: {
+		label: "Done",
+		className: "text-emerald-500",
+		icon: CircleCheck
+	},
+	ready: {
+		label: "Ready",
+		className: "text-sky-500",
+		icon: Circle$1
+	},
+	blocked: {
+		label: "Blocked",
+		className: "text-amber-500",
+		icon: TriangleAlert
+	}
+};
+function OpsxArtifactStatusBadge({ status }) {
+	const config = statusConfig[status];
+	const StatusIcon = config.icon;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		className: `inline-flex shrink-0 items-center gap-1.5 text-xs font-medium ${config.className}`,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, { className: "h-4 w-4" }), config.label]
+	});
+}
+function OpsxArtifactTabStatusIcon({ status }) {
+	const StatusIcon = statusConfig[status].icon;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusIcon, { className: `h-3.5 w-3.5 ${statusConfig[status].className}` });
+}
+function OpsxArtifactDocumentShell({ id, path, status, missingDeps, meta, children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+		className: "border-border bg-muted/25 mb-5 rounded-md border px-4 py-3",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex flex-wrap items-start justify-between gap-3",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "min-w-0 space-y-1",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "font-medium",
+					children: id
+				}), path ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-muted-foreground break-all text-xs",
+					children: path
+				}) : null]
+			}), status ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OpsxArtifactStatusBadge, { status }) : meta]
+		}), status === "blocked" && missingDeps?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "mt-3 flex items-start gap-2 rounded-md border border-amber-500/50 bg-amber-500/10 px-3 py-2 text-xs text-amber-700",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlert, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "font-medium",
+				children: "Blocked by missing dependencies"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-1",
+				children: missingDeps.join(", ")
+			})] })]
+		}) : null]
+	}), children] });
+}
+//#endregion
 //#region src/components/opsx/opsx-markdown-files-viewer.tsx
 function getMarkdownFiles(files) {
 	return files.filter((file) => file.type === "file" && file.content !== void 0 && file.path.endsWith(".md"));
@@ -150576,6 +151712,8 @@ function GlobContent({ changeId, artifact, translationConfig }) {
 }
 function ArtifactOutputViewer({ changeId, artifact }) {
 	const { data: config } = useConfigSubscription();
+	const { data: globalSettings } = useGlobalSettingsSubscription();
+	const translationConfig = resolveDocumentTranslationConfig(config?.translation, globalSettings);
 	if (artifact.files) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -150583,25 +151721,26 @@ function ArtifactOutputViewer({ changeId, artifact }) {
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArtifactFilesDocumentShell, {
 				artifact,
 				files: artifact.files,
-				translationConfig: config?.translation
+				translationConfig
 			})
 		})
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LiveArtifactOutputViewer, {
 		changeId,
 		artifact,
-		translationConfig: config?.translation
+		translationConfig
 	});
 }
 function ContentFallbackViewer({ fallback }) {
 	const { data: config } = useConfigSubscription();
+	const { data: globalSettings } = useGlobalSettingsSubscription();
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "flex min-h-0 flex-1 flex-col",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "min-h-0 flex-1",
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FallbackDocumentShell, {
 				fallback,
-				translationConfig: config?.translation
+				translationConfig: resolveDocumentTranslationConfig(config?.translation, globalSettings)
 			})
 		})
 	});
@@ -151134,28 +152273,6 @@ function ChangeView() {
 	});
 }
 //#endregion
-//#region src/components/button-group.tsx
-/**
-* Compact segmented buttons with single-select behavior.
-*/
-function ButtonGroup({ value, options, onChange, className = "", tone = "default" }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		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";
-			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-				type: "button",
-				disabled: option.disabled,
-				onClick: () => onChange(option.value),
-				"aria-pressed": active,
-				className: `inline-flex items-center justify-center gap-1.5 px-3 py-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${index > 0 ? tone === "terminal" ? "border-terminal-foreground/20 border-l" : "border-border border-l" : ""} ${stateClassName}`,
-				children: option.label
-			}, option.value);
-		})
-	});
-}
-//#endregion
 //#region src/components/cli-terminal.tsx
 /**
 * Pure terminal renderer. Accepts ANSI-aware ASCII lines or raw ReactNode lines.
@@ -151220,6 +152337,89 @@ function renderAnsiLine(line) {
 	return parts.length > 0 ? parts : line;
 }
 //#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 ../../node_modules/.pnpm/@base-ui+utils@0.2.6_@types+react@19.2.7_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@base-ui/utils/esm/useControlled.js
 function useControlled({ controlled, default: defaultProp, name, state = "value" }) {
 	const { current: isControlled } = import_react.useRef(controlled !== void 0);
@@ -158067,6 +159267,8 @@ function SpecView() {
 	const { data: spec, isLoading } = useSpecSubscription(specId);
 	const { data: rawMarkdown, isLoading: isRawLoading } = useSpecRawSubscription(specId);
 	const { data: config } = useConfigSubscription();
+	const { data: globalSettings } = useGlobalSettingsSubscription();
+	const translationConfig = (0, import_react.useMemo)(() => resolveDocumentTranslationConfig(config?.translation, globalSettings), [config?.translation, globalSettings]);
 	const validation = null;
 	if (isLoading && !spec || isRawLoading && !rawMarkdown) {
 		if (handoff) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -158112,7 +159314,7 @@ function SpecView() {
 		spec,
 		rawMarkdown: rawMarkdown ?? "",
 		validation,
-		translationConfig: config?.translation
+		translationConfig
 	});
 }
 function SpecContent({ spec, rawMarkdown, validation, translationConfig }) {