@openspecui/web 3.11.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) {
@@ -44002,6 +44100,15 @@ var Expand = createLucideIcon("Expand", [
 		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",
@@ -44020,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",
@@ -44519,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",
@@ -55153,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,
@@ -96609,20 +96752,29 @@ var Button = (0, import_react.forwardRef)(function Button({ variant = "primary",
 /**
 * Compact segmented buttons with single-select behavior.
 */
-function ButtonGroup({ value, options, onChange, className = "", tone = "default" }) {
+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";
-			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+			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,
-				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
+				"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;
 		})
 	});
 }
@@ -114041,6 +114193,7 @@ var layoutStyles = String.raw`
     display: flex;
     flex-direction: column;
     height: 100%;
+    min-height: 0;
     gap: 0.75rem;
   }
   .fev-sidebar-tabs {
@@ -114048,6 +114201,7 @@ var layoutStyles = String.raw`
   }
   .fev-sidebar-tree {
     display: none;
+    min-height: 0;
   }
   .fev-editor-wrapper {
     display: flex;
@@ -114061,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;
@@ -114070,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 {
@@ -114250,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",
@@ -114260,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."
@@ -114327,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: [
@@ -114487,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;
@@ -131170,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'
@@ -135698,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();
@@ -136157,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;
 }
@@ -136374,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 {
@@ -136391,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);
@@ -136407,7 +136686,7 @@ async function translateMarkdownDocumentProgressively(args, onPatch) {
 						targetLanguage: args.targetLanguage,
 						status: "translated"
 					};
-					translatedSegments.push(translatedSegment);
+					translatedSegments[segmentIndex] = translatedSegment;
 					onPatch({
 						segmentIndex,
 						segment: translatedSegment
@@ -136420,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 = {
@@ -136456,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,
@@ -136470,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);
 }
-async function readSingleBatchOutput(stream) {
-	for await (const item of stream) return item.output;
-	throw new Error("Translator returned no batch output.");
+function getTokenSegmenter() {
+	if (typeof Intl === "undefined" || typeof Intl.Segmenter !== "function") return null;
+	try {
+		return new Intl.Segmenter(void 0, { granularity: "word" });
+	} catch {
+		return null;
+	}
+}
+function getCurrentTimeMs() {
+	return typeof performance !== "undefined" && typeof performance.now === "function" ? performance.now() : Date.now();
 }
 async function createSourceLanguageDetectionSession(markdown, signal) {
 	const detectorFactory = window.LanguageDetector;
@@ -136963,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;
@@ -137142,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");
@@ -137154,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");
@@ -137164,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");
@@ -137172,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);
@@ -137181,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;
@@ -137333,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");
@@ -137343,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({
@@ -137382,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,
@@ -137437,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;
@@ -148221,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]);
@@ -148261,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: () => {
@@ -148294,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",
@@ -148316,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",
@@ -148415,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
@@ -150398,89 +150990,6 @@ var viewerStyles = String.raw`
   /* MarkdownViewer keeps layout hooks local; shared ToC geometry lives in index.css. */
 `;
 //#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/lib/file-preview.ts
 async function prepareEntityFilePreview(input) {
 	if (isStaticMode()) return null;
@@ -150555,13 +151064,10 @@ function isPreviewOnlyFile(file) {
 }
 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 clampPreviewHeight(viewportHeight) {
-	if (viewportHeight == null) return 480;
-	return Math.max(320, Math.min(viewportHeight - 112, 920));
-}
 function resolveRemotePreviewFrameStyle(frameHeight) {
 	if (frameHeight == null) return void 0;
 	return {
@@ -150601,7 +151107,7 @@ async function sharePreview(input) {
 }
 function PreviewPane({ file, preview, loading, error, className = "", frameHeight, isDarkMode }) {
 	if (file.previewKind === "markdown") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: `min-h-0 h-full flex-1 overflow-hidden ${className}`,
+		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,
@@ -150621,7 +151127,7 @@ function PreviewPane({ file, preview, loading, error, className = "", frameHeigh
 		children: "Preview unavailable."
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: `bg-background min-h-0 h-full overflow-hidden ${className}`,
+		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),
@@ -150635,7 +151141,6 @@ function FolderEditorViewer({ changeId, archived = false, files: providedFiles }
 	const isDarkMode = useDarkMode();
 	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 [mode, setMode] = (0, import_react.useState)("read");
 	const [draftContent, setDraftContent] = (0, import_react.useState)({});
 	const [savingPath, setSavingPath] = (0, import_react.useState)(null);
@@ -150644,10 +151149,6 @@ function FolderEditorViewer({ changeId, archived = false, files: providedFiles }
 	const [previewErrorByPath, setPreviewErrorByPath] = (0, import_react.useState)({});
 	const [previewMaximized, setPreviewMaximized] = (0, import_react.useState)(false);
 	const [shareFeedback, setShareFeedback] = (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 [];
@@ -150663,7 +151164,6 @@ function FolderEditorViewer({ changeId, archived = false, files: providedFiles }
 	const readEnabled = !isPreviewOnlyFile(activeFile);
 	const previewEnabled = !inStaticMode && canPreviewFile(activeFile);
 	const hasDirtyDraft = !!activeFile && isTextLikeFile(activeFile) && activeDraft !== (activeFile.content ?? "");
-	const remotePreviewHeight = clampPreviewHeight(viewportHeight);
 	(0, import_react.useEffect)(() => {
 		if (!sortedEntries.length) {
 			setSelectedPath(null);
@@ -150694,6 +151194,7 @@ function FolderEditorViewer({ changeId, archived = false, files: providedFiles }
 		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;
@@ -150788,13 +151289,12 @@ function FolderEditorViewer({ changeId, archived = false, files: providedFiles }
 	};
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
 		"data-tab-scroll-root": "true",
-		className: "scrollbar-thin scrollbar-track-transparent min-h-0 flex-1 overflow-auto",
+		className: "min-h-0 flex-1 overflow-hidden",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: "pr-1",
+			className: "h-full min-h-0 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,
+				"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,
@@ -150808,92 +151308,141 @@ function FolderEditorViewer({ changeId, archived = false, files: providedFiles }
 						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", {
-								className: "border-border/60 bg-muted/20 flex flex-wrap items-center justify-between gap-3 border-b px-3 py-2",
+								"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", {
-									className: "flex items-center gap-2",
-									children: mode === "edit" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
-										variant: "secondary",
-										size: "sm",
-										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" }), "Revert"]
-									}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
-										variant: "primary",
-										size: "sm",
-										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" }), "Save"]
-									})] }) : mode === "preview" && canPreviewRemote(activeFile) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-										/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+									"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: "sm",
+											size: "icon-sm",
+											"aria-label": "Revert",
+											title: "Revert",
+											disabled: !hasDirtyDraft,
 											onClick: () => {
-												setPreviewByPath((current) => {
-													const next = { ...current };
-													delete next[currentFile.path];
-													return next;
-												});
+												if (!isTextLikeFile(activeFile)) return;
+												setDraftContent((current) => ({
+													...current,
+													[activeFile.path]: activeFile.content ?? ""
+												}));
 											},
-											children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCw, { className: "h-3.5 w-3.5" }), "Refresh"]
+											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.jsxs)(Button, {
-											variant: "secondary",
-											size: "sm",
-											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" }), previewMaximized ? "Exit Maximize" : "Maximize"]
+										/* @__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.jsxs)(Button, {
-											variant: "secondary",
-											size: "sm",
-											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" }), "Download"]
+										/* @__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.jsxs)(Button, {
-											variant: "secondary",
-											size: "sm",
-											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" }), shareFeedback === "shared" ? "Shared" : shareFeedback === "copied" ? "Copied" : "Share"]
+										/* @__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
 								})]
@@ -150907,7 +151456,6 @@ function FolderEditorViewer({ changeId, archived = false, files: providedFiles }
 									preview,
 									loading: previewLoadingPath === currentFile.path,
 									error: previewError,
-									frameHeight: canPreviewRemote(currentFile) ? remotePreviewHeight : void 0,
 									isDarkMode
 								})
 							}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FileExplorerCodeEditor, {
@@ -150939,7 +151487,7 @@ function FolderEditorViewer({ changeId, archived = false, files: providedFiles }
 			contentClassName: "px-3 py-3",
 			maxHeight: "96vh",
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "flex h-[80vh] min-h-[420px] max-h-[88vh] min-w-0 flex-col overflow-hidden",
+				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,
@@ -151164,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", {
@@ -151171,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)
 			})
 		})
 	});
@@ -151786,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);
@@ -158633,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", {
@@ -158678,7 +159314,7 @@ function SpecView() {
 		spec,
 		rawMarkdown: rawMarkdown ?? "",
 		validation,
-		translationConfig: config?.translation
+		translationConfig
 	});
 }
 function SpecContent({ spec, rawMarkdown, validation, translationConfig }) {