dsh-image-gen 0.9.3 → 0.10.1

package/lib/client.js

@@ -160,17 +160,101 @@ window.__ModuleLoader__.load({
 			"xai",
 			"zhipu"
 		];
+		/** Normalize the relay model list while keeping the legacy default model selectable. */
+		function resolveOpenAICompatModels(config) {
+			const defaultModel = config.openaiCompatModel?.trim() ?? "";
+			const models = [...new Set((config.openaiCompatModels ?? []).map((model) => model.trim()).filter(Boolean))];
+			if (defaultModel.length > 0 && !models.includes(defaultModel)) models.unshift(defaultModel);
+			return models;
+		}
+		const DEFAULT_OPENAI_COMPAT_CHANNEL_ID = "default";
+		function openAICompatKeyRef(channelId) {
+			return channelId === "default" ? OPENAI_COMPAT_API_KEY_ENV : `${OPENAI_COMPAT_API_KEY_ENV}_${channelId.replace(/[^A-Za-z0-9]/g, "_").toUpperCase()}`;
+		}
+		/** The legacy flat fields remain the first channel; additional entries are fully independent. */
+		function resolveOpenAICompatChannels(source) {
+			const legacy = {
+				id: DEFAULT_OPENAI_COMPAT_CHANNEL_ID,
+				label: source.openaiCompatLabel?.trim() || "OpenAI 兼容",
+				keyRef: OPENAI_COMPAT_API_KEY_ENV,
+				baseURL: source.openaiCompatBaseURL ?? "",
+				model: source.openaiCompatModel ?? "",
+				models: [...source.openaiCompatModels ?? []],
+				editModel: source.openaiCompatEditModel ?? "",
+				quality: source.openaiCompatQuality ?? "",
+				qualityOptions: [...source.openaiCompatQualityOptions ?? []],
+				extraBody: source.openaiCompatExtraBody ?? {},
+				editSizeMode: source.openaiCompatEditSizeMode ?? "auto",
+				editFormat: source.openaiCompatEditFormat ?? "multipart",
+				editExtra: source.openaiCompatEditExtra ?? {},
+				sizes: source.openaiCompatSizes ?? {}
+			};
+			const channels = [legacy];
+			const seen = /* @__PURE__ */ new Set([legacy.id]);
+			for (const [index, entry] of (source.openaiCompatChannels ?? []).entries()) {
+				const id = typeof entry?.id === "string" ? entry.id.trim() : "";
+				if (!/^[A-Za-z0-9][A-Za-z0-9_-]{0,63}$/.test(id) || seen.has(id)) continue;
+				seen.add(id);
+				const storedKeyRef = typeof entry.keyRef === "string" ? entry.keyRef.trim() : "";
+				channels.push({
+					id,
+					label: typeof entry.label === "string" && entry.label.trim().length > 0 ? entry.label.trim() : `OpenAI 兼容 ${index + 2}`,
+					keyRef: /^DSH_IMAGE_GEN_OPENAI_COMPAT_KEY_[A-Z0-9_]+$/.test(storedKeyRef) ? storedKeyRef : openAICompatKeyRef(id),
+					baseURL: typeof entry.baseURL === "string" ? entry.baseURL : "",
+					model: typeof entry.model === "string" ? entry.model : "",
+					models: Array.isArray(entry.models) ? entry.models.filter((model) => typeof model === "string") : [],
+					editModel: typeof entry.editModel === "string" ? entry.editModel : "",
+					quality: typeof entry.quality === "string" ? entry.quality : "",
+					qualityOptions: Array.isArray(entry.qualityOptions) ? entry.qualityOptions.filter((quality) => typeof quality === "string") : [],
+					extraBody: entry.extraBody ?? {},
+					editSizeMode: entry.editSizeMode === "selected" ? "selected" : "auto",
+					editFormat: entry.editFormat ?? "multipart",
+					editExtra: entry.editExtra ?? {},
+					sizes: entry.sizes ?? {}
+				});
+			}
+			return channels;
+		}
+		function resolveOpenAICompatChannel(source, channelId) {
+			const channels = resolveOpenAICompatChannels(source);
+			const explicit = channelId?.trim() ?? "";
+			if (explicit.length > 0) {
+				const selected = channels.find((channel) => channel.id === explicit);
+				if (selected === void 0) throw new Error(`Unknown OpenAI-compatible channel "${explicit}". Available channels: ${channels.map((channel) => channel.id).join(", ")}.`);
+				return selected;
+			}
+			const active = source.openaiCompatActiveChannel?.trim() ?? "";
+			return channels.find((channel) => channel.id === active) ?? channels[0];
+		}
 		/**
 		* Providers the browser workbench can drive: the BYOK cloud set plus the
 		* logged-in subscription channels. ComfyUI stays out; it has its own workflow
 		* pipeline and no shared request shape.
 		*/
 		const STUDIO_PROVIDERS = [...CLOUD_IMAGE_PROVIDERS, ...SUBSCRIPTION_PROVIDERS];
+		function studioTargetKey(provider, channel) {
+			return channel === void 0 ? provider : `${provider}:${channel}`;
+		}
+		/**
+		* Credential references resolved through the DSH Credentials service (BYOK).
+		* These are POSIX-style reference names, not environment variables: the host
+		* layers the process environment and its managed store behind them, so a name
+		* like OPENAI_API_KEY is shared with any other plugin resolving the same ref.
+		*/
+		const GOOGLE_API_KEY_ENV = "GEMINI_API_KEY";
+		/** OpenAI Platform credential reference. */
+		const OPENAI_API_KEY_ENV = "OPENAI_API_KEY";
+		/**
+		* OpenAI-compatible relay credential reference. Deliberately distinct from
+		* OPENAI_API_KEY so an official key and a relay key can coexist without
+		* overwriting each other.
+		*/
+		const OPENAI_COMPAT_API_KEY_ENV = "DSH_IMAGE_GEN_OPENAI_COMPAT_KEY";
 		/** The credential reference each cloud provider's API key is stored under. */
 		const CLOUD_CREDENTIAL_REFS = {
-			google: "GEMINI_API_KEY",
-			openai: "OPENAI_API_KEY",
-			"openai-compat": "DSH_IMAGE_GEN_OPENAI_COMPAT_KEY",
+			google: GOOGLE_API_KEY_ENV,
+			openai: OPENAI_API_KEY_ENV,
+			"openai-compat": OPENAI_COMPAT_API_KEY_ENV,
 			seedream: "ARK_API_KEY",
 			dashscope: "DASHSCOPE_API_KEY",
 			xai: "XAI_API_KEY",
@@ -189,6 +273,16 @@ window.__ModuleLoader__.load({
 		function studioModelForMode(profile, mode) {
 			return mode === "edit" ? profile.editModel ?? profile.model : profile.model;
 		}
+		function studioModelOptionsForMode(profile, mode) {
+			if (mode === "edit" && profile.editModel !== void 0) return [{
+				value: profile.editModel,
+				label: profile.editModel
+			}];
+			return profile.modelOptions ?? [{
+				value: profile.model,
+				label: profile.model
+			}];
+		}
 		function studioWatermarkCapability(profile, mode) {
 			return profile?.watermarkCapabilities?.[mode] ?? (mode === "generate" && profile?.watermarkOptions?.length ? { status: "supported" } : {
 				status: "unknown",
@@ -2104,9 +2198,9 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/multi-model-compare.js
 		/** Map one shared output intent to settings accepted by every target model. */
-		function buildComparisonTargets(profiles, selectedProviders, ratio, quality, output) {
-			const selected = new Set(selectedProviders);
-			return profiles.filter((profile) => profile.configured && selected.has(profile.provider)).map((profile) => {
+		function buildComparisonTargets(profiles, selectedTargets, ratio, quality, output) {
+			const selected = new Set(selectedTargets);
+			return profiles.filter((profile) => profile.configured && selected.has(studioTargetKey(profile.provider, profile.channel))).map((profile) => {
 				const targetRatio = profile.ratioOptions.some((option) => option.value === ratio) ? ratio : profile.defaultRatio;
 				const generationOptions = generationQualityOptions(profile);
 				const qualityIntent = output === void 0 ? quality : profile.provider === "openai" || profile.provider === "chatgpt-sub" || profile.provider === "zhipu" ? output.generationQuality : output.resolution;
@@ -2145,10 +2239,11 @@ window.__ModuleLoader__.load({
 			return [...options.values()];
 		}
 		/** Start with two models, not every configured API, to avoid surprise spend. */
-		function initialComparisonProviders(profiles, activeProvider) {
+		function initialComparisonProviders(profiles, activeProvider, activeChannel) {
 			const configured = profiles.filter((profile) => profile.configured);
-			const active = configured.find((profile) => profile.provider === activeProvider);
-			return (active === void 0 ? configured : [active, ...configured.filter((profile) => profile.provider !== activeProvider)]).slice(0, 2).map((profile) => profile.provider);
+			const active = configured.find((profile) => studioTargetKey(profile.provider, profile.channel) === studioTargetKey(activeProvider, activeChannel)) ?? configured.find((profile) => profile.provider === activeProvider);
+			const activeKey = active === void 0 ? void 0 : studioTargetKey(active.provider, active.channel);
+			return (active === void 0 ? configured : [active, ...configured.filter((profile) => studioTargetKey(profile.provider, profile.channel) !== activeKey)]).slice(0, 2).map((profile) => studioTargetKey(profile.provider, profile.channel));
 		}
 		const RATIO_SORT_ORDER = [
 			"auto",
@@ -49157,7 +49252,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 		should not mutate them or their content. Rather, you create new
 		instances whenever needed. The API tries to make this easy.
 		*/
-		var Fragment$47 = class Fragment$47 {
+		var Fragment$48 = class Fragment$48 {
 			/**
 			@internal
 			*/
@@ -49218,7 +49313,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 					i = 1;
 				}
 				for (; i < other.content.length; i++) content.push(other.content[i]);
-				return new Fragment$47(content, this.size + other.size);
+				return new Fragment$48(content, this.size + other.size);
 			}
 			/**
 			Cut out the sub-fragment between the two given positions.
@@ -49238,15 +49333,15 @@ To remove the watermark, please purchase a license at tldraw.dev.
 					}
 					pos = end;
 				}
-				return new Fragment$47(result, size);
+				return new Fragment$48(result, size);
 			}
 			/**
 			@internal
 			*/
 			cutByIndex(from, to) {
-				if (from == to) return Fragment$47.empty;
+				if (from == to) return Fragment$48.empty;
 				if (from == 0 && to == this.content.length) return this;
-				return new Fragment$47(this.content.slice(from, to));
+				return new Fragment$48(this.content.slice(from, to));
 			}
 			/**
 			Create a new fragment in which the node at the given index is
@@ -49258,21 +49353,21 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				let copy = this.content.slice();
 				let size = this.size + node.nodeSize - current.nodeSize;
 				copy[index] = node;
-				return new Fragment$47(copy, size);
+				return new Fragment$48(copy, size);
 			}
 			/**
 			Create a new fragment by prepending the given node to this
 			fragment.
 			*/
 			addToStart(node) {
-				return new Fragment$47([node].concat(this.content), this.size + node.nodeSize);
+				return new Fragment$48([node].concat(this.content), this.size + node.nodeSize);
 			}
 			/**
 			Create a new fragment by appending the given node to this
 			fragment.
 			*/
 			addToEnd(node) {
-				return new Fragment$47(this.content.concat(node), this.size + node.nodeSize);
+				return new Fragment$48(this.content.concat(node), this.size + node.nodeSize);
 			}
 			/**
 			Compare this fragment to another one.
@@ -49382,16 +49477,16 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			Deserialize a fragment from its JSON representation.
 			*/
 			static fromJSON(schema, value) {
-				if (!value) return Fragment$47.empty;
+				if (!value) return Fragment$48.empty;
 				if (!Array.isArray(value)) throw new RangeError("Invalid input for Fragment.fromJSON");
-				return Fragment$47.fromArray(value.map(schema.nodeFromJSON));
+				return Fragment$48.fromArray(value.map(schema.nodeFromJSON));
 			}
 			/**
 			Build a fragment from an array of nodes. Ensures that adjacent
 			text nodes with the same marks are joined together.
 			*/
 			static fromArray(array) {
-				if (!array.length) return Fragment$47.empty;
+				if (!array.length) return Fragment$48.empty;
 				let joined, size = 0;
 				for (let i = 0; i < array.length; i++) {
 					let node = array[i];
@@ -49401,7 +49496,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 						joined[joined.length - 1] = node.withText(joined[joined.length - 1].text + node.text);
 					} else if (joined) joined.push(node);
 				}
-				return new Fragment$47(joined || array, size);
+				return new Fragment$48(joined || array, size);
 			}
 			/**
 			Create a fragment from something that can be interpreted as a
@@ -49410,10 +49505,10 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			fragment containing those nodes.
 			*/
 			static from(nodes) {
-				if (!nodes) return Fragment$47.empty;
-				if (nodes instanceof Fragment$47) return nodes;
+				if (!nodes) return Fragment$48.empty;
+				if (nodes instanceof Fragment$48) return nodes;
 				if (Array.isArray(nodes)) return this.fromArray(nodes);
-				if (nodes.attrs) return new Fragment$47([nodes], nodes.nodeSize);
+				if (nodes.attrs) return new Fragment$48([nodes], nodes.nodeSize);
 				throw new RangeError("Can not convert " + nodes + " to a Fragment" + (nodes.nodesBetween ? " (looks like multiple versions of prosemirror-model were loaded)" : ""));
 			}
 		};
@@ -49422,7 +49517,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 		contain anything (rather than allocating a new empty fragment for
 		each leaf node).
 		*/
-		Fragment$47.empty = new Fragment$47([], 0);
+		Fragment$48.empty = new Fragment$48([], 0);
 		const found = {
 			index: 0,
 			offset: 0
@@ -49635,7 +49730,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				if (!json) return Slice.empty;
 				let openStart = json.openStart || 0, openEnd = json.openEnd || 0;
 				if (typeof openStart != "number" || typeof openEnd != "number") throw new RangeError("Invalid input for Slice.fromJSON");
-				return new Slice(Fragment$47.fromJSON(schema, json.content), openStart, openEnd);
+				return new Slice(Fragment$48.fromJSON(schema, json.content), openStart, openEnd);
 			}
 			/**
 			Create a slice from a fragment by taking the maximum possible
@@ -49651,7 +49746,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 		/**
 		The empty slice.
 		*/
-		Slice.empty = new Slice(Fragment$47.empty, 0, 0);
+		Slice.empty = new Slice(Fragment$48.empty, 0, 0);
 		function removeRange(content, from, to) {
 			let { index, offset } = content.findIndex(from), child = content.maybeChild(index);
 			let { index: indexTo, offset: offsetTo } = content.findIndex(to);
@@ -49735,19 +49830,19 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				if (openEnd) addNode(close(openEnd, replaceTwoWay($end, $to, depth + 1)), content);
 			}
 			addRange($to, null, depth, content);
-			return new Fragment$47(content);
+			return new Fragment$48(content);
 		}
 		function replaceTwoWay($from, $to, depth) {
 			let content = [];
 			addRange(null, $from, depth, content);
 			if ($from.depth > depth) addNode(close(joinable$1($from, $to, depth + 1), replaceTwoWay($from, $to, depth + 1)), content);
 			addRange($to, null, depth, content);
-			return new Fragment$47(content);
+			return new Fragment$48(content);
 		}
 		function prepareSliceForReplace(slice, $along) {
 			let extra = $along.depth - slice.openStart;
 			let node = $along.node(extra).copy(slice.content);
-			for (let i = extra - 1; i >= 0; i--) node = $along.node(i).copy(Fragment$47.from(node));
+			for (let i = extra - 1; i >= 0; i--) node = $along.node(i).copy(Fragment$48.from(node));
 			return {
 				start: node.resolveNoCache(slice.openStart + extra),
 				end: node.resolveNoCache(node.content.size - slice.openEnd - extra)
@@ -50087,7 +50182,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				this.type = type;
 				this.attrs = attrs;
 				this.marks = marks;
-				this.content = content || Fragment$47.empty;
+				this.content = content || Fragment$48.empty;
 			}
 			/**
 			The array of this node's child nodes.
@@ -50396,7 +50491,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			can optionally pass `start` and `end` indices into the
 			replacement fragment.
 			*/
-			canReplace(from, to, replacement = Fragment$47.empty, start = 0, end = replacement.childCount) {
+			canReplace(from, to, replacement = Fragment$48.empty, start = 0, end = replacement.childCount) {
 				let one = this.contentMatchAt(from).matchFragment(replacement, start, end);
 				let two = one && one.matchFragment(this.content, to);
 				if (!two || !two.validEnd) return false;
@@ -50466,7 +50561,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 					if (typeof json.text != "string") throw new RangeError("Invalid text node in JSON");
 					return schema.text(json.text, marks);
 				}
-				let content = Fragment$47.fromJSON(schema, json.content);
+				let content = Fragment$48.fromJSON(schema, json.content);
 				let node = schema.nodeType(json.type).create(json.attrs, content, marks);
 				node.type.checkAttrs(node.attrs);
 				return node;
@@ -50605,7 +50700,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				let seen = [this];
 				function search(match, types) {
 					let finished = match.matchFragment(after, startIndex);
-					if (finished && (!toEnd || finished.validEnd)) return Fragment$47.from(types.map((tp) => tp.createAndFill()));
+					if (finished && (!toEnd || finished.validEnd)) return Fragment$48.from(types.map((tp) => tp.createAndFill()));
 					for (let i = 0; i < match.next.length; i++) {
 						let { type, next } = match.next[i];
 						if (!(type.isText || type.hasRequiredAttrs()) && seen.indexOf(next) == -1) {
@@ -51045,7 +51140,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			*/
 			create(attrs = null, content, marks) {
 				if (this.isText) throw new Error("NodeType.create can't construct text nodes");
-				return new Node$2(this, this.computeAttrs(attrs), Fragment$47.from(content), Mark$1.setFrom(marks));
+				return new Node$2(this, this.computeAttrs(attrs), Fragment$48.from(content), Mark$1.setFrom(marks));
 			}
 			/**
 			Like [`create`](https://prosemirror.net/docs/ref/#model.NodeType.create), but check the given content
@@ -51053,7 +51148,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			if it doesn't match.
 			*/
 			createChecked(attrs = null, content, marks) {
-				content = Fragment$47.from(content);
+				content = Fragment$48.from(content);
 				this.checkContent(content);
 				return new Node$2(this, this.computeAttrs(attrs), content, Mark$1.setFrom(marks));
 			}
@@ -51067,14 +51162,14 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			*/
 			createAndFill(attrs = null, content, marks) {
 				attrs = this.computeAttrs(attrs);
-				content = Fragment$47.from(content);
+				content = Fragment$48.from(content);
 				if (content.size) {
 					let before = this.contentMatch.fillBefore(content);
 					if (!before) return null;
 					content = before.append(content);
 				}
 				let matched = this.contentMatch.matchFragment(content);
-				let after = matched && matched.fillBefore(Fragment$47.empty, true);
+				let after = matched && matched.fillBefore(Fragment$48.empty, true);
 				if (!after) return null;
 				return new Node$2(this, attrs, content.append(after), Mark$1.setFrom(marks));
 			}
@@ -51526,7 +51621,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			findWrapping(node) {
 				if (!this.match) {
 					if (!this.type) return [];
-					let fill = this.type.contentMatch.fillBefore(Fragment$47.from(node));
+					let fill = this.type.contentMatch.fillBefore(Fragment$48.from(node));
 					if (fill) this.match = this.type.contentMatch.matchFragment(fill);
 					else {
 						let start = this.type.contentMatch, wrap;
@@ -51547,8 +51642,8 @@ To remove the watermark, please purchase a license at tldraw.dev.
 						else this.content[this.content.length - 1] = text.withText(text.text.slice(0, text.text.length - m[0].length));
 					}
 				}
-				let content = Fragment$47.from(this.content);
-				if (!openEnd && this.match) content = content.append(this.match.fillBefore(Fragment$47.empty, true));
+				let content = Fragment$48.from(this.content);
+				if (!openEnd && this.match) content = content.append(this.match.fillBefore(Fragment$48.empty, true));
 				return this.type ? this.type.create(this.attrs, content, this.marks) : content;
 			}
 			inlineContext(node) {
@@ -52475,7 +52570,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				if (child.isInline) child = f(child, parent, i);
 				mapped.push(child);
 			}
-			return Fragment$47.fromArray(mapped);
+			return Fragment$48.fromArray(mapped);
 		}
 		/**
 		Add a mark to all inline content between two positions.
@@ -52593,7 +52688,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				let node = doc.nodeAt(this.pos);
 				if (!node) return StepResult.fail("No node at mark step's position");
 				let updated = node.type.create(node.attrs, null, this.mark.addToSet(node.marks));
-				return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment$47.from(updated), 0, node.isLeaf ? 0 : 1));
+				return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment$48.from(updated), 0, node.isLeaf ? 0 : 1));
 			}
 			invert(doc) {
 				let node = doc.nodeAt(this.pos);
@@ -52642,7 +52737,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				let node = doc.nodeAt(this.pos);
 				if (!node) return StepResult.fail("No node at mark step's position");
 				let updated = node.type.create(node.attrs, null, this.mark.removeFromSet(node.marks));
-				return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment$47.from(updated), 0, node.isLeaf ? 0 : 1));
+				return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment$48.from(updated), 0, node.isLeaf ? 0 : 1));
 			}
 			invert(doc) {
 				let node = doc.nodeAt(this.pos);
@@ -52906,7 +53001,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 					if (clearNewlines && child.isText && parentType.whitespace != "pre") {
 						let m, newline = /\r?\n|\r/g, slice;
 						while (m = newline.exec(child.text)) {
-							if (!slice) slice = new Slice(Fragment$47.from(parentType.schema.text(" ", parentType.allowedMarks(child.marks))), 0, 0);
+							if (!slice) slice = new Slice(Fragment$48.from(parentType.schema.text(" ", parentType.allowedMarks(child.marks))), 0, 0);
 							replSteps.push(new ReplaceStep(cur + m.index, cur + m.index + m[0].length, slice));
 						}
 					}
@@ -52914,7 +53009,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				cur = end;
 			}
 			if (!match.validEnd) {
-				let fill = match.fillBefore(Fragment$47.empty, true);
+				let fill = match.fillBefore(Fragment$48.empty, true);
 				tr.replace(cur, cur, new Slice(fill, 0, 0));
 			}
 			for (let i = replSteps.length - 1; i >= 0; i--) tr.step(replSteps[i]);
@@ -52943,16 +53038,16 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			let { $from, $to, depth } = range;
 			let gapStart = $from.before(depth + 1), gapEnd = $to.after(depth + 1);
 			let start = gapStart, end = gapEnd;
-			let before = Fragment$47.empty, openStart = 0;
+			let before = Fragment$48.empty, openStart = 0;
 			for (let d = depth, splitting = false; d > target; d--) if (splitting || $from.index(d) > 0) {
 				splitting = true;
-				before = Fragment$47.from($from.node(d).copy(before));
+				before = Fragment$48.from($from.node(d).copy(before));
 				openStart++;
 			} else start--;
-			let after = Fragment$47.empty, openEnd = 0;
+			let after = Fragment$48.empty, openEnd = 0;
 			for (let d = depth, splitting = false; d > target; d--) if (splitting || $to.after(d + 1) < $to.end(d)) {
 				splitting = true;
-				after = Fragment$47.from($to.node(d).copy(after));
+				after = Fragment$48.from($to.node(d).copy(after));
 				openEnd++;
 			} else end++;
 			tr.step(new ReplaceAroundStep(start, end, gapStart, gapEnd, new Slice(before.append(after), openStart, openEnd), before.size - openStart, true));
@@ -52998,13 +53093,13 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			return inside;
 		}
 		function wrap(tr, range, wrappers) {
-			let content = Fragment$47.empty;
+			let content = Fragment$48.empty;
 			for (let i = wrappers.length - 1; i >= 0; i--) {
 				if (content.size) {
 					let match = wrappers[i].type.contentMatch.matchFragment(content);
 					if (!match || !match.validEnd) throw new RangeError("Wrapper type given to Transform.wrap does not form valid content of its parent wrapper");
 				}
-				content = Fragment$47.from(wrappers[i].type.create(wrappers[i].attrs, content));
+				content = Fragment$48.from(wrappers[i].type.create(wrappers[i].attrs, content));
 			}
 			let start = range.start, end = range.end;
 			tr.step(new ReplaceAroundStep(start, end, start, end, new Slice(content, 0, 0), wrappers.length, true));
@@ -53025,7 +53120,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 					clearIncompatible(tr, tr.mapping.slice(mapFrom).map(pos, 1), type, void 0, convertNewlines === null);
 					let mapping = tr.mapping.slice(mapFrom);
 					let startM = mapping.map(pos, 1), endM = mapping.map(pos + node.nodeSize, 1);
-					tr.step(new ReplaceAroundStep(startM, endM, startM + 1, endM - 1, new Slice(Fragment$47.from(type.create(attrsHere, null, node.marks)), 0, 0), 1, true));
+					tr.step(new ReplaceAroundStep(startM, endM, startM + 1, endM - 1, new Slice(Fragment$48.from(type.create(attrsHere, null, node.marks)), 0, 0), 1, true));
 					if (convertNewlines === true) replaceNewlines(tr, node, pos, mapFrom);
 					return false;
 				}
@@ -53065,7 +53160,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			let newNode = type.create(attrs, null, marks || node.marks);
 			if (node.isLeaf) return tr.replaceWith(pos, pos + node.nodeSize, newNode);
 			if (!type.validContent(node.content)) throw new RangeError("Invalid content for node type " + type.name);
-			tr.step(new ReplaceAroundStep(pos, pos + node.nodeSize, pos + 1, pos + node.nodeSize - 1, new Slice(Fragment$47.from(newNode), 0, 0), 1, true));
+			tr.step(new ReplaceAroundStep(pos, pos + node.nodeSize, pos + 1, pos + node.nodeSize - 1, new Slice(Fragment$48.from(newNode), 0, 0), 1, true));
 		}
 		/**
 		Check whether splitting at the given position is allowed.
@@ -53088,11 +53183,11 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			return $pos.node(base).canReplaceWith(index, index, baseType ? baseType.type : $pos.node(base + 1).type);
 		}
 		function split(tr, pos, depth = 1, typesAfter) {
-			let $pos = tr.doc.resolve(pos), before = Fragment$47.empty, after = Fragment$47.empty;
+			let $pos = tr.doc.resolve(pos), before = Fragment$48.empty, after = Fragment$48.empty;
 			for (let d = $pos.depth, e = $pos.depth - depth, i = depth - 1; d > e; d--, i--) {
-				before = Fragment$47.from($pos.node(d).copy(before));
+				before = Fragment$48.from($pos.node(d).copy(before));
 				let typeAfter = typesAfter && typesAfter[i];
-				after = Fragment$47.from(typeAfter ? typeAfter.type.create(typeAfter.attrs, after) : $pos.node(d).copy(after));
+				after = Fragment$48.from(typeAfter ? typeAfter.type.create(typeAfter.attrs, after) : $pos.node(d).copy(after));
 			}
 			tr.step(new ReplaceStep(pos, pos, new Slice(before.append(after), depth, depth), true));
 		}
@@ -53235,7 +53330,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				this.$to = $to;
 				this.unplaced = unplaced;
 				this.frontier = [];
-				this.placed = Fragment$47.empty;
+				this.placed = Fragment$48.empty;
 				for (let i = 0; i <= $from.depth; i++) {
 					let node = $from.node(i);
 					this.frontier.push({
@@ -53243,7 +53338,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 						match: node.contentMatchAt($from.indexAfter(i))
 					});
 				}
-				for (let i = $from.depth; i > 0; i--) this.placed = Fragment$47.from($from.node(i).copy(this.placed));
+				for (let i = $from.depth; i > 0; i--) this.placed = Fragment$48.from($from.node(i).copy(this.placed));
 			}
 			get depth() {
 				return this.frontier.length - 1;
@@ -53288,7 +53383,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 					let first = fragment.firstChild;
 					for (let frontierDepth = this.depth; frontierDepth >= 0; frontierDepth--) {
 						let { type, match } = this.frontier[frontierDepth], wrap, inject = null;
-						if (pass == 1 && (first ? match.matchType(first.type) || (inject = match.fillBefore(Fragment$47.from(first), false)) : parent && type.compatibleContent(parent.type))) return {
+						if (pass == 1 && (first ? match.matchType(first.type) || (inject = match.fillBefore(Fragment$48.from(first), false)) : parent && type.compatibleContent(parent.type))) return {
 							sliceDepth,
 							frontierDepth,
 							parent,
@@ -53342,7 +53437,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				}
 				let toEnd = taken == fragment.childCount;
 				if (!toEnd) openEndCount = -1;
-				this.placed = addToFragment(this.placed, frontierDepth, Fragment$47.from(add));
+				this.placed = addToFragment(this.placed, frontierDepth, Fragment$48.from(add));
 				this.frontier[frontierDepth].match = match;
 				if (toEnd && openEndCount < 0 && parent && parent.type == this.frontier[this.depth].type && this.frontier.length > 1) this.closeFrontierNode();
 				for (let i = 0, cur = fragment; i < openEndCount; i++) {
@@ -53396,14 +53491,14 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			openFrontierNode(type, attrs = null, content) {
 				let top = this.frontier[this.depth];
 				top.match = top.match.matchType(type);
-				this.placed = addToFragment(this.placed, this.depth, Fragment$47.from(type.create(attrs, content)));
+				this.placed = addToFragment(this.placed, this.depth, Fragment$48.from(type.create(attrs, content)));
 				this.frontier.push({
 					type,
 					match: type.contentMatch
 				});
 			}
 			closeFrontierNode() {
-				let add = this.frontier.pop().match.fillBefore(Fragment$47.empty, true);
+				let add = this.frontier.pop().match.fillBefore(Fragment$48.empty, true);
 				if (add.childCount) this.placed = addToFragment(this.placed, this.frontier.length, add);
 			}
 		};
@@ -53425,7 +53520,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			if (openStart > 1) frag = frag.replaceChild(0, closeNodeStart(frag.firstChild, openStart - 1, frag.childCount == 1 ? openEnd - 1 : 0));
 			if (openStart > 0) {
 				frag = node.type.contentMatch.fillBefore(frag).append(frag);
-				if (openEnd <= 0) frag = frag.append(node.type.contentMatch.matchFragment(frag).fillBefore(Fragment$47.empty, true));
+				if (openEnd <= 0) frag = frag.append(node.type.contentMatch.matchFragment(frag).fillBefore(Fragment$48.empty, true));
 			}
 			return node.copy(frag);
 		}
@@ -53508,7 +53603,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			if (depth > newOpen) {
 				let match = parent.contentMatchAt(0);
 				let start = match.fillBefore(fragment).append(fragment);
-				fragment = start.append(match.matchFragment(start).fillBefore(Fragment$47.empty, true));
+				fragment = start.append(match.matchFragment(start).fillBefore(Fragment$48.empty, true));
 			}
 			return fragment;
 		}
@@ -53517,7 +53612,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				let point = insertPoint(tr.doc, from, node.type);
 				if (point != null) from = to = point;
 			}
-			tr.replaceRange(from, to, new Slice(Fragment$47.from(node), 0, 0));
+			tr.replaceRange(from, to, new Slice(Fragment$48.from(node), 0, 0));
 		}
 		function deleteRange$1(tr, from, to) {
 			let $from = tr.doc.resolve(from), $to = tr.doc.resolve(to);
@@ -53570,7 +53665,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				for (let name in node.attrs) attrs[name] = node.attrs[name];
 				attrs[this.attr] = this.value;
 				let updated = node.type.create(attrs, null, node.marks);
-				return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment$47.from(updated), 0, node.isLeaf ? 0 : 1));
+				return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment$48.from(updated), 0, node.isLeaf ? 0 : 1));
 			}
 			getMap() {
 				return StepMap.empty;
@@ -53753,7 +53848,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			fragment, node, or array of nodes.
 			*/
 			replaceWith(from, to, content) {
-				return this.replace(from, to, new Slice(Fragment$47.from(content), 0, 0));
+				return this.replace(from, to, new Slice(Fragment$48.from(content), 0, 0));
 			}
 			/**
 			Delete the content between the given positions.
@@ -54258,7 +54353,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				return new NodeSelection($pos);
 			}
 			content() {
-				return new Slice(Fragment$47.from(this.node), 0, 0);
+				return new Slice(Fragment$48.from(this.node), 0, 0);
 			}
 			eq(other) {
 				return other instanceof NodeSelection && other.anchor == this.anchor;
@@ -55301,9 +55396,9 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			let canDelAfter = !isolated && $cut.parent.canReplace($cut.index(), $cut.index() + 1);
 			if (canDelAfter && (conn = (match = before.contentMatchAt(before.childCount)).findWrapping(after.type)) && match.matchType(conn[0] || after.type).validEnd) {
 				if (dispatch) {
-					let end = $cut.pos + after.nodeSize, wrap = Fragment$47.empty;
-					for (let i = conn.length - 1; i >= 0; i--) wrap = Fragment$47.from(conn[i].create(null, wrap));
-					wrap = Fragment$47.from(before.copy(wrap));
+					let end = $cut.pos + after.nodeSize, wrap = Fragment$48.empty;
+					for (let i = conn.length - 1; i >= 0; i--) wrap = Fragment$48.from(conn[i].create(null, wrap));
+					wrap = Fragment$48.from(before.copy(wrap));
 					let tr = state.tr.step(new ReplaceAroundStep($cut.pos - 1, end, $cut.pos, end, new Slice(wrap, 1, 0), conn.length, true));
 					let $joinAt = tr.doc.resolve(end + 2 * conn.length);
 					if ($joinAt.nodeAfter && $joinAt.nodeAfter.type == before.type && canJoin(tr.doc, $joinAt.pos)) tr.join($joinAt.pos);
@@ -55328,8 +55423,8 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				for (; !afterText.isTextblock; afterText = afterText.firstChild) afterDepth++;
 				if (at.canReplace(at.childCount, at.childCount, afterText.content)) {
 					if (dispatch) {
-						let end = Fragment$47.empty;
-						for (let i = wrap.length - 1; i >= 0; i--) end = Fragment$47.from(wrap[i].copy(end));
+						let end = Fragment$48.empty;
+						for (let i = wrap.length - 1; i >= 0; i--) end = Fragment$48.from(wrap[i].copy(end));
 						dispatch(state.tr.step(new ReplaceAroundStep($cut.pos - wrap.length, $cut.pos + after.nodeSize, $cut.pos + afterDepth, $cut.pos + after.nodeSize - afterDepth, new Slice(end, wrap.length, 0), 0, true)).scrollIntoView());
 					}
 					return true;
@@ -55495,8 +55590,8 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			return true;
 		}
 		function doWrapInList(tr, range, wrappers, joinBefore, listType) {
-			let content = Fragment$47.empty;
-			for (let i = wrappers.length - 1; i >= 0; i--) content = Fragment$47.from(wrappers[i].type.create(wrappers[i].attrs, content));
+			let content = Fragment$48.empty;
+			for (let i = wrappers.length - 1; i >= 0; i--) content = Fragment$48.from(wrappers[i].type.create(wrappers[i].attrs, content));
 			tr.step(new ReplaceAroundStep(range.start - (joinBefore ? 2 : 0), range.end, range.start, range.end, new Slice(content, 0, 0), wrappers.length, true));
 			let found = 0;
 			for (let i = 0; i < wrappers.length; i++) if (wrappers[i].type == listType) found = i + 1;
@@ -55528,7 +55623,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 		function liftToOuterList(state, dispatch, itemType, range) {
 			let tr = state.tr, end = range.end, endOfList = range.$to.end(range.depth);
 			if (end < endOfList) {
-				tr.step(new ReplaceAroundStep(end - 1, endOfList, end, endOfList, new Slice(Fragment$47.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
+				tr.step(new ReplaceAroundStep(end - 1, endOfList, end, endOfList, new Slice(Fragment$48.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
 				range = new NodeRange(tr.doc.resolve(range.$from.pos), tr.doc.resolve(endOfList), range.depth);
 			}
 			const target = liftTarget(range);
@@ -55549,9 +55644,9 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			if (tr.mapping.map(range.end) != range.start + $start.nodeAfter.nodeSize) return false;
 			let atStart = range.startIndex == 0, atEnd = range.endIndex == list.childCount;
 			let parent = $start.node(-1), indexBefore = $start.index(-1);
-			if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment$47.empty : Fragment$47.from(list)))) return false;
+			if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment$48.empty : Fragment$48.from(list)))) return false;
 			let start = $start.pos, end = start + item.nodeSize;
-			tr.step(new ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new Slice((atStart ? Fragment$47.empty : Fragment$47.from(list.copy(Fragment$47.empty))).append(atEnd ? Fragment$47.empty : Fragment$47.from(list.copy(Fragment$47.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
+			tr.step(new ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new Slice((atStart ? Fragment$48.empty : Fragment$48.from(list.copy(Fragment$48.empty))).append(atEnd ? Fragment$48.empty : Fragment$48.from(list.copy(Fragment$48.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
 			dispatch(tr.scrollIntoView());
 			return true;
 		}
@@ -55570,8 +55665,8 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				if (nodeBefore.type != itemType) return false;
 				if (dispatch) {
 					let nestedBefore = nodeBefore.lastChild && nodeBefore.lastChild.type == parent.type;
-					let inner = Fragment$47.from(nestedBefore ? itemType.create() : null);
-					let slice = new Slice(Fragment$47.from(itemType.create(null, Fragment$47.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
+					let inner = Fragment$48.from(nestedBefore ? itemType.create() : null);
+					let slice = new Slice(Fragment$48.from(itemType.create(null, Fragment$48.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
 					let before = range.start, after = range.end;
 					dispatch(state.tr.step(new ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice, 1, true)).scrollIntoView());
 				}
@@ -56665,7 +56760,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 					if (!rule.contentElement) {
 						let found = addedNodes && addedNodes.find((n) => n.nodeType == 1 && addedNodes.indexOf(n.parentNode) < 0 && this.dom.contains(n));
 						if (found) rule.contentElement = found;
-						else rule.getContent = () => Fragment$47.empty;
+						else rule.getContent = () => Fragment$48.empty;
 					}
 				}
 				return rule;
@@ -57775,7 +57870,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 					text = f(text, inCode || plainText, view);
 				});
 				if (inCode) {
-					slice = new Slice(Fragment$47.from(view.state.schema.text(text.replace(/\r\n?/g, "\n"))), 0, 0);
+					slice = new Slice(Fragment$48.from(view.state.schema.text(text.replace(/\r\n?/g, "\n"))), 0, 0);
 					view.someProp("transformPasted", (f) => {
 						slice = f(slice, view, true);
 					});
@@ -57849,32 +57944,32 @@ To remove the watermark, please purchase a license at tldraw.dev.
 						lastWrap = wrap;
 					}
 				});
-				if (result) return Fragment$47.from(result);
+				if (result) return Fragment$48.from(result);
 			}
 			return fragment;
 		}
 		function withWrappers(node, wrap, from = 0) {
-			for (let i = wrap.length - 1; i >= from; i--) node = wrap[i].create(null, Fragment$47.from(node));
+			for (let i = wrap.length - 1; i >= from; i--) node = wrap[i].create(null, Fragment$48.from(node));
 			return node;
 		}
 		function addToSibling(wrap, lastWrap, node, sibling, depth) {
 			if (depth < wrap.length && depth < lastWrap.length && wrap[depth] == lastWrap[depth]) {
 				let inner = addToSibling(wrap, lastWrap, node, sibling.lastChild, depth + 1);
 				if (inner) return sibling.copy(sibling.content.replaceChild(sibling.childCount - 1, inner));
-				if (sibling.contentMatchAt(sibling.childCount).matchType(depth == wrap.length - 1 ? node.type : wrap[depth + 1])) return sibling.copy(sibling.content.append(Fragment$47.from(withWrappers(node, wrap, depth + 1))));
+				if (sibling.contentMatchAt(sibling.childCount).matchType(depth == wrap.length - 1 ? node.type : wrap[depth + 1])) return sibling.copy(sibling.content.append(Fragment$48.from(withWrappers(node, wrap, depth + 1))));
 			}
 		}
 		function closeRight(node, depth) {
 			if (depth == 0) return node;
 			let fragment = node.content.replaceChild(node.childCount - 1, closeRight(node.lastChild, depth - 1));
-			let fill = node.contentMatchAt(node.childCount).fillBefore(Fragment$47.empty, true);
+			let fill = node.contentMatchAt(node.childCount).fillBefore(Fragment$48.empty, true);
 			return node.copy(fragment.append(fill));
 		}
 		function closeRange(fragment, side, from, to, depth, openEnd) {
 			let node = side < 0 ? fragment.firstChild : fragment.lastChild, inner = node.content;
 			if (fragment.childCount > 1) openEnd = 0;
 			if (depth < to - 1) inner = closeRange(inner, side, from, to, depth + 1, openEnd);
-			if (depth >= from) inner = side < 0 ? node.contentMatchAt(0).fillBefore(inner, openEnd <= depth).append(inner) : inner.append(node.contentMatchAt(node.childCount).fillBefore(Fragment$47.empty, true));
+			if (depth >= from) inner = side < 0 ? node.contentMatchAt(0).fillBefore(inner, openEnd <= depth).append(inner) : inner.append(node.contentMatchAt(node.childCount).fillBefore(Fragment$48.empty, true));
 			return fragment.replaceChild(side < 0 ? 0 : fragment.childCount - 1, node.copy(inner));
 		}
 		function closeSlice(slice, openStart, openEnd) {
@@ -57960,7 +58055,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				} catch (e) {
 					break;
 				}
-				content = Fragment$47.from(type.create(array[i + 1], content));
+				content = Fragment$48.from(type.create(array[i + 1], content));
 				openStart++;
 				openEnd++;
 			}
@@ -59686,7 +59781,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			} else return null;
 			let updated = [];
 			for (let i = 0; i < prev.childCount; i++) updated.push(update(prev.child(i)));
-			if (Fragment$47.from(updated).eq(cur)) return {
+			if (Fragment$48.from(updated).eq(cur)) return {
 				mark,
 				type
 			};
@@ -60956,7 +61051,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			};
 			const isTextContent = typeof content === "string";
 			if (isJSONContent) try {
-				if (Array.isArray(content) && content.length > 0) return Fragment$47.fromArray(content.map((item) => schema.nodeFromJSON(item)));
+				if (Array.isArray(content) && content.length > 0) return Fragment$48.fromArray(content.map((item) => schema.nodeFromJSON(item)));
 				const node = schema.nodeFromJSON(content);
 				if (options.errorOnInvalidContent) node.check();
 				return node;
@@ -61093,7 +61188,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 					else newContent = value;
 					tr.insertText(newContent, from, to);
 				} else {
-					newContent = Fragment$47.from(nodes);
+					newContent = Fragment$48.from(nodes);
 					const $from = tr.doc.resolve(from);
 					const $fromNode = $from.node();
 					const fromSelectionAtStart = $from.parentOffset === 0;
@@ -62509,16 +62604,16 @@ To remove the watermark, please purchase a license at tldraw.dev.
 				if ($from.depth === 2 || $from.node(-3).type !== type || $from.index(-2) !== $from.node(-2).childCount - 1) return false;
 				if (dispatch) {
 					var _type$contentMatch$de;
-					let wrap = Fragment$47.empty;
+					let wrap = Fragment$48.empty;
 					const depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3;
-					for (let d = $from.depth - depthBefore; d >= $from.depth - 3; d -= 1) wrap = Fragment$47.from($from.node(d).copy(wrap));
+					for (let d = $from.depth - depthBefore; d >= $from.depth - 3; d -= 1) wrap = Fragment$48.from($from.node(d).copy(wrap));
 					const depthAfter = $from.indexAfter(-1) < $from.node(-2).childCount ? 1 : $from.indexAfter(-2) < $from.node(-3).childCount ? 2 : 3;
 					const newNextTypeAttributes = {
 						...getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs),
 						...overrideAttrs
 					};
 					const nextType = ((_type$contentMatch$de = type.contentMatch.defaultType) === null || _type$contentMatch$de === void 0 ? void 0 : _type$contentMatch$de.createAndFill(newNextTypeAttributes)) || void 0;
-					wrap = wrap.append(Fragment$47.from(type.createAndFill(null, nextType) || void 0));
+					wrap = wrap.append(Fragment$48.from(type.createAndFill(null, nextType) || void 0));
 					const start = $from.before($from.depth - (depthBefore - 1));
 					tr.replace(start, $from.after(-depthAfter), new Slice(wrap, 4 - depthBefore, 0));
 					let sel = -1;
@@ -63912,7 +64007,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 						if (!!simulatedInputMeta) setTimeout(() => {
 							let { text } = simulatedInputMeta;
 							if (typeof text === "string") text = text;
-							else text = getHTMLFromFragment(Fragment$47.from(text), state.schema);
+							else text = getHTMLFromFragment(Fragment$48.from(text), state.schema);
 							const { from } = simulatedInputMeta;
 							const to = from + text.length;
 							run$1({
@@ -64217,7 +64312,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 						if (isSimulatedPaste) {
 							let { text } = simulatedPasteMeta;
 							if (typeof text === "string") text = text;
-							else text = getHTMLFromFragment(Fragment$47.from(text), state.schema);
+							else text = getHTMLFromFragment(Fragment$48.from(text), state.schema);
 							const { from } = simulatedPasteMeta;
 							const to = from + text.length;
 							const pasteEvt = createClipboardPasteEvent(text);
@@ -64949,7 +65044,7 @@ To remove the watermark, please purchase a license at tldraw.dev.
 			} catch {
 				return;
 			}
-			if (content instanceof Fragment$47) return;
+			if (content instanceof Fragment$48) return;
 			console.warn("[tiptap warn]: prosemirror-model is loaded more than once. Wrapping and splitting nodes will fail. Deduplicate it in your lock file, or alias it to a single copy in your bundler.");
 		}
 		var NodePos = class NodePos {
@@ -71721,7 +71816,7 @@ img.ProseMirror-separator {
 			const tr = state.tr;
 			tr.delete(nestedListPos, nestedListPos + nestedList.nodeSize);
 			const mappedInsertPos = tr.mapping.map(insertPos);
-			tr.insert(mappedInsertPos, Fragment$47.from(items));
+			tr.insert(mappedInsertPos, Fragment$48.from(items));
 			tr.setSelection(selection.map(tr.doc, tr.mapping));
 			if (dispatch) dispatch(tr);
 			return true;
@@ -72134,13 +72229,13 @@ img.ProseMirror-separator {
 			const lastItem = previous.lastChild;
 			if (!lastItem || lastItem.type.name !== name) return false;
 			const block = $from.parent;
-			if (!lastItem.canReplace(lastItem.childCount, lastItem.childCount, Fragment$47.from(block))) return false;
+			if (!lastItem.canReplace(lastItem.childCount, lastItem.childCount, Fragment$48.from(block))) return false;
 			const blockStart = $from.before();
 			const blockEnd = $from.after();
 			const insideLastItemEnd = blockStart - 2;
 			return editor.commands.command(({ tr, dispatch }) => {
 				if (dispatch) {
-					tr.delete(blockStart, blockEnd).insert(insideLastItemEnd, Fragment$47.from(block));
+					tr.delete(blockStart, blockEnd).insert(insideLastItemEnd, Fragment$48.from(block));
 					tr.setSelection(TextSelection.create(tr.doc, insideLastItemEnd + 1));
 					tr.scrollIntoView();
 				}
@@ -73517,8 +73612,8 @@ img.ProseMirror-separator {
 			let { $from } = view.state.selection;
 			let insert = $from.parent.contentMatchAt($from.index()).findWrapping(view.state.schema.nodes.text);
 			if (!insert) return false;
-			let frag = Fragment$47.empty;
-			for (let i = insert.length - 1; i >= 0; i--) frag = Fragment$47.from(insert[i].createAndFill(null, frag));
+			let frag = Fragment$48.empty;
+			for (let i = insert.length - 1; i >= 0; i--) frag = Fragment$48.from(insert[i].createAndFill(null, frag));
 			let tr = view.state.tr.replace($from.pos, $from.pos, new Slice(frag, 0, 0));
 			tr.setSelection(TextSelection.near(tr.doc.resolve($from.pos + 1)));
 			view.dispatch(tr);
@@ -117528,6 +117623,7 @@ img.ProseMirror-separator {
 			const [selected, setSelected] = (0, react.useState)(null);
 			const [mode, setMode] = (0, react.useState)("generate");
 			const [provider, setProvider] = (0, react.useState)("google");
+			const [channel, setChannel] = (0, react.useState)(void 0);
 			const [model, setModel] = (0, react.useState)("");
 			const [ratio, setRatio] = (0, react.useState)("1:1");
 			const [quality, setQuality] = (0, react.useState)("1K");
@@ -117541,7 +117637,7 @@ img.ProseMirror-separator {
 			const [selectedBatchIds, setSelectedBatchIds] = (0, react.useState)([]);
 			const [batchKind, setBatchKind] = (0, react.useState)(null);
 			const [comparisonEnabled, setComparisonEnabled] = (0, react.useState)(false);
-			const [comparisonProviders, setComparisonProviders] = (0, react.useState)([]);
+			const [comparisonProviderKeys, setComparisonProviderKeys] = (0, react.useState)([]);
 			const [isGenerating, setIsGenerating] = (0, react.useState)(false);
 			const [error, setError] = (0, react.useState)(null);
 			const [notice, setNotice] = (0, react.useState)(null);
@@ -117616,7 +117712,7 @@ img.ProseMirror-separator {
 					observer.disconnect();
 				};
 			}, []);
-			const maxReferences = comparisonEnabled ? comparisonProviders.includes("dashscope") ? 3 : 5 : provider === "dashscope" ? 3 : 5;
+			const maxReferences = comparisonEnabled ? comparisonProviderKeys.includes("dashscope") ? 3 : 5 : provider === "dashscope" ? 3 : 5;
 			const referencesRef = (0, react.useRef)(references);
 			referencesRef.current = references;
 			const t = (key, values) => {
@@ -117636,10 +117732,12 @@ img.ProseMirror-separator {
 			(0, react.useEffect)(() => locale?.subscribe?.(() => setLang(locale.getSnapshot().active?.startsWith("en") ? "en" : "zh")), [locale]);
 			const formStateRef = (0, react.useRef)({
 				provider,
+				channel,
 				model
 			});
 			formStateRef.current = {
 				provider,
+				channel,
 				model
 			};
 			const loadConfig = (0, react.useCallback)(async (options) => {
@@ -117658,16 +117756,19 @@ img.ProseMirror-separator {
 					if (!response.ok || !("providers" in payload)) throw new Error("error" in payload && payload.error ? payload.error : "Studio unavailable");
 					setConfig(payload);
 					if (silent) {
-						const { provider: currentProvider, model: currentModel } = formStateRef.current;
-						const activeProfile = payload.providers.find((item) => item.provider === currentProvider);
-						if (activeProfile !== void 0 && activeProfile.model !== currentModel) setModel(activeProfile.model);
-						setComparisonProviders((current) => current.filter((selectedProvider) => payload.providers.some((item) => item.provider === selectedProvider && item.configured)));
+						const { provider: currentProvider, channel: currentChannel, model: currentModel } = formStateRef.current;
+						const activeProfile = payload.providers.find((item) => item.provider === currentProvider && item.channel === currentChannel);
+						if (activeProfile === void 0) {
+							const fallback = payload.providers.find((item) => item.provider === payload.activeProvider && item.channel === payload.activeChannel) ?? payload.providers[0];
+							if (fallback !== void 0) applyProvider(fallback);
+						} else if (!studioModelOptionsForMode(activeProfile, "generate").some((option) => option.value === currentModel)) setModel(activeProfile.model);
+						setComparisonProviderKeys((current) => current.filter((selectedKey) => payload.providers.some((item) => studioTargetKey(item.provider, item.channel) === selectedKey && item.configured)));
 						return;
 					}
-					const initial = payload.providers.find((item) => item.provider === payload.activeProvider) ?? payload.providers[0];
+					const initial = payload.providers.find((item) => item.provider === payload.activeProvider && item.channel === payload.activeChannel) ?? payload.providers.find((item) => item.provider === payload.activeProvider) ?? payload.providers[0];
 					if (initial !== void 0) {
 						applyProvider(initial);
-						setComparisonProviders(initialComparisonProviders(payload.providers, initial.provider));
+						setComparisonProviderKeys(initialComparisonProviders(payload.providers, initial.provider, initial.channel));
 					}
 				} catch (fetchError) {
 					if (!silent && !controller.signal.aborted) setConfigError(messageOf(fetchError));
@@ -117769,14 +117870,18 @@ img.ProseMirror-separator {
 					window.removeEventListener("mouseup", handleMouseUp);
 				};
 			}, []);
-			const activeProfile = (0, react.useMemo)(() => config?.providers.find((item) => item.provider === provider), [config, provider]);
+			const activeProfile = (0, react.useMemo)(() => config?.providers.find((item) => item.provider === provider && item.channel === channel), [
+				config,
+				provider,
+				channel
+			]);
 			const requestModel = mode === "edit" && activeProfile?.editModel ? studioModelForMode(activeProfile, mode) : model;
 			const configuredCount = config?.providers.filter((item) => item.configured).length ?? 0;
 			const apiConfiguredCount = config?.providers.filter((item) => item.configured && !isSubscriptionProvider(item.provider)).length ?? 0;
 			const subscriptionSignedInCount = config?.providers.filter((item) => item.configured && isSubscriptionProvider(item.provider)).length ?? 0;
 			const displayItems = (0, react.useMemo)(() => items.slice(0, visibleLimit), [items, visibleLimit]);
 			const comparisonProfiles = (0, react.useMemo)(() => (config?.providers ?? []).filter((item) => item.configured && (mode === "generate" || item.supportsEditing)), [config, mode]);
-			const selectedComparisonProfiles = (0, react.useMemo)(() => comparisonProfiles.filter((profile) => comparisonProviders.includes(profile.provider)), [comparisonProfiles, comparisonProviders]);
+			const selectedComparisonProfiles = (0, react.useMemo)(() => comparisonProfiles.filter((profile) => comparisonProviderKeys.includes(studioTargetKey(profile.provider, profile.channel))), [comparisonProfiles, comparisonProviderKeys]);
 			const comparisonResolutionOpts = (0, react.useMemo)(() => comparisonOutputOptions(selectedComparisonProfiles, ratio, "resolution"), [selectedComparisonProfiles, ratio]);
 			const comparisonGenerationQualityOpts = (0, react.useMemo)(() => localizeQualityOptions(comparisonOutputOptions(selectedComparisonProfiles, ratio, "generationQuality"), lang), [
 				selectedComparisonProfiles,
@@ -117785,12 +117890,12 @@ img.ProseMirror-separator {
 			]);
 			const comparisonResolution = comparisonResolutionOpts.some((option) => option.value === resolution) ? resolution : comparisonResolutionOpts[0]?.value ?? "standard";
 			const comparisonGenerationQuality = comparisonGenerationQualityOpts.some((option) => option.value === generationQuality) ? generationQuality : comparisonGenerationQualityOpts[0]?.value ?? "__default__";
-			const comparisonTargets = (0, react.useMemo)(() => buildComparisonTargets(comparisonProfiles, comparisonProviders, ratio, quality, {
+			const comparisonTargets = (0, react.useMemo)(() => buildComparisonTargets(comparisonProfiles, comparisonProviderKeys, ratio, quality, {
 				resolution: comparisonResolution,
 				generationQuality: comparisonGenerationQuality
 			}), [
 				comparisonProfiles,
-				comparisonProviders,
+				comparisonProviderKeys,
 				ratio,
 				quality,
 				comparisonResolution,
@@ -117807,6 +117912,7 @@ img.ProseMirror-separator {
 			const comparisonRatioOpts = (0, react.useMemo)(() => localizeRatioOptions(comparisonOptionUnion(comparisonProfiles, "ratioOptions"), lang), [comparisonProfiles, lang]);
 			const applyProvider = (profile) => {
 				setProvider(profile.provider);
+				setChannel(profile.channel);
 				setModel(profile.model);
 				setRatio(profile.defaultRatio);
 				setQuality(profile.defaultQuality);
@@ -117815,8 +117921,8 @@ img.ProseMirror-separator {
 				setWatermark("default");
 				setError(null);
 			};
-			const changeProvider = (value) => {
-				const profile = config?.providers.find((item) => item.provider === value);
+			const changeProvider = (value, channelId) => {
+				const profile = config?.providers.find((item) => item.provider === value && (channelId === void 0 || item.channel === channelId));
 				if (profile !== void 0) {
 					applyProvider(profile);
 					const providerMax = value === "dashscope" ? 3 : 5;
@@ -117830,6 +117936,10 @@ img.ProseMirror-separator {
 					}
 				}
 			};
+			const changeProfile = (value) => {
+				const profile = config?.providers.find((item) => studioTargetKey(item.provider, item.channel) === value);
+				if (profile !== void 0) changeProvider(profile.provider, profile.channel);
+			};
 			const resetFit = () => {
 				setFit(true);
 				setZoom(100);
@@ -117856,9 +117966,10 @@ img.ProseMirror-separator {
 				setMode("generate");
 				setComparisonEnabled(false);
 				setPrompt(item.prompt);
-				const profile = config?.providers.find((entry) => entry.provider === item.provider);
+				const profile = config?.providers.find((entry) => entry.provider === item.provider && (item.channel === void 0 || entry.channel === item.channel));
 				if (!profile) return;
 				applyProvider(profile);
+				if (studioModelOptionsForMode(profile, "generate").some((option) => option.value === item.model)) setModel(item.model);
 				const nextRatio = profile.ratioOptions.some((option) => option.value === item.aspectRatio) ? item.aspectRatio : profile.defaultRatio;
 				setRatio(nextRatio);
 				if (profile.qualityOptions.some((option) => option.value === item.imageSize)) {
@@ -118007,7 +118118,7 @@ img.ProseMirror-separator {
 				const targetMax = targetItem.provider === "dashscope" ? 3 : 5;
 				if (referencesRef.current.some((r) => r.attachment?.attachmentId === targetAttId)) {
 					setMode("edit");
-					changeProvider(targetItem.provider);
+					changeProvider(targetItem.provider, targetItem.channel);
 					return;
 				}
 				if (referencesRef.current.length >= targetMax) {
@@ -118018,7 +118129,7 @@ img.ProseMirror-separator {
 					const blob = image.blob ?? await fetchAttachmentBlob(targetItem.attachment);
 					if (referencesRef.current.some((r) => r.attachment?.attachmentId === targetAttId)) {
 						setMode("edit");
-						changeProvider(targetItem.provider);
+						changeProvider(targetItem.provider, targetItem.channel);
 						return;
 					}
 					if (referencesRef.current.length >= targetMax) {
@@ -118036,7 +118147,7 @@ img.ProseMirror-separator {
 					referencesRef.current = nextList;
 					setError(null);
 					setMode("edit");
-					changeProvider(targetItem.provider);
+					changeProvider(targetItem.provider, targetItem.channel);
 				} catch {
 					setError(t("imageLoadFailed"));
 				}
@@ -118059,8 +118170,8 @@ img.ProseMirror-separator {
 					return;
 				}
 				if (config === null) return;
-				const initial = initialComparisonProviders(comparisonProfiles, provider).filter((item) => mode !== "edit" || referencesRef.current.length <= 3 || item !== "dashscope");
-				setComparisonProviders(initial);
+				const initial = initialComparisonProviders(comparisonProfiles, provider, channel).filter((item) => mode !== "edit" || referencesRef.current.length <= 3 || item !== "dashscope");
+				setComparisonProviderKeys(initial);
 				if (![
 					"1:1",
 					"3:2",
@@ -118075,12 +118186,12 @@ img.ProseMirror-separator {
 					"4K"
 				].includes(quality)) setQuality("1K");
 			};
-			const toggleComparisonProvider = (target) => {
-				if (mode === "edit" && target === "dashscope" && referencesRef.current.length > 3 && !comparisonProviders.includes(target)) {
+			const toggleComparisonProvider = (targetKey) => {
+				if (mode === "edit" && targetKey === "dashscope" && referencesRef.current.length > 3 && !comparisonProviderKeys.includes(targetKey)) {
 					setError(t("maxReferencesExceeded", { max: "3" }));
 					return;
 				}
-				setComparisonProviders((current) => current.includes(target) ? current.filter((item) => item !== target) : [...current, target]);
+				setComparisonProviderKeys((current) => current.includes(targetKey) ? current.filter((item) => item !== targetKey) : [...current, targetKey]);
 				setError(null);
 			};
 			const submit = async () => {
@@ -118114,6 +118225,7 @@ img.ProseMirror-separator {
 								body: JSON.stringify({
 									mode,
 									provider: target.profile.provider,
+									...target.profile.channel === void 0 ? {} : { channel: target.profile.channel },
 									model: studioModelForMode(target.profile, mode),
 									prompt: prompt.trim(),
 									ratio: target.ratio,
@@ -118144,6 +118256,7 @@ img.ProseMirror-separator {
 							attachment: value.payload.attachment,
 							prompt: value.payload.prompt,
 							provider: value.payload.provider,
+							...value.payload.channel === void 0 ? {} : { channel: value.payload.channel },
 							model: value.payload.model,
 							createdAt: value.payload.createdAt + idx,
 							aspectRatio: value.target.ratio,
@@ -118187,6 +118300,7 @@ img.ProseMirror-separator {
 							prompt: prompt.trim(),
 							ratio,
 							quality: selectedQuality,
+							...activeProfile.channel === void 0 ? {} : { channel: activeProfile.channel },
 							...selectedResolution === void 0 ? {} : { resolution: selectedResolution },
 							...provider === "openai-compat" ? { generationQuality: selectedGenerationQuality } : {},
 							...watermarkCapability.status === "supported" ? { watermark } : {},
@@ -118207,6 +118321,7 @@ img.ProseMirror-separator {
 						attachment: gen.attachment,
 						prompt: payload.prompt,
 						provider: payload.provider,
+						...payload.channel === void 0 ? {} : { channel: payload.channel },
 						model: payload.model,
 						createdAt: payload.createdAt + idx,
 						aspectRatio: ratio,
@@ -119192,12 +119307,13 @@ img.ProseMirror-separator {
 													(0, react_jsx_runtime.jsx)("div", {
 														className: "dsh-ig-model-checks",
 														children: comparisonProfiles.map((item) => {
-															const target = comparisonTargets.find((candidate) => candidate.profile.provider === item.provider);
+															const targetKey = studioTargetKey(item.provider, item.channel);
+															const target = comparisonTargets.find((candidate) => studioTargetKey(candidate.profile.provider, candidate.profile.channel) === targetKey);
 															return (0, react_jsx_runtime.jsxs)("button", {
 																type: "button",
 																className: target ? "is-selected" : "",
 																"aria-pressed": Boolean(target),
-																onClick: () => toggleComparisonProvider(item.provider),
+																onClick: () => toggleComparisonProvider(targetKey),
 																children: [
 																	(0, react_jsx_runtime.jsx)("span", {
 																		className: "dsh-ig-model-checkmark",
@@ -119220,7 +119336,7 @@ img.ProseMirror-separator {
 																		].filter(Boolean).join(" · "), target.adjusted ? (0, react_jsx_runtime.jsx)("em", { children: t("compareAdjusted") }) : null]
 																	})
 																]
-															}, item.provider);
+															}, targetKey);
 														})
 													}),
 													(0, react_jsx_runtime.jsx)("p", { children: t("compareParameterHint") })
@@ -119268,20 +119384,17 @@ img.ProseMirror-separator {
 												className: "dsh-ig-field-grid",
 												children: [(0, react_jsx_runtime.jsx)(FieldSelect, {
 													label: t("provider"),
-													value: provider,
-													onChange: changeProvider,
+													value: studioTargetKey(provider, channel),
+													onChange: changeProfile,
 													options: config.providers.map((item) => ({
-														value: item.provider,
+														value: studioTargetKey(item.provider, item.channel),
 														label: `${item.label}${item.configured ? "" : ` · ${t("unconfigured")}`}`
 													}))
 												}), (0, react_jsx_runtime.jsx)(FieldSelect, {
 													label: t("model"),
 													value: requestModel,
 													onChange: setModel,
-													options: activeProfile === void 0 ? [] : [{
-														value: studioModelForMode(activeProfile, mode),
-														label: studioModelForMode(activeProfile, mode)
-													}]
+													options: activeProfile === void 0 ? [] : studioModelOptionsForMode(activeProfile, mode)
 												})]
 											}),
 											(0, react_jsx_runtime.jsxs)("div", {
@@ -122286,6 +122399,7 @@ img.ProseMirror-separator {
 			return {
 				mode: "generate",
 				provider,
+				...provider === "openai-compat" && image.channel !== void 0 ? { channel: image.channel } : {},
 				model: image.model,
 				prompt: prompt.trim(),
 				ratio: settings.ratio,
@@ -122869,7 +122983,6 @@ img.ProseMirror-separator {
 				};
 			}, []);
 			const [previewLoading, setPreviewLoading] = (0, react.useState)(false);
-			const blobCache = (0, react.useMemo)(() => /* @__PURE__ */ new Map(), []);
 			const abortControllerRef = (0, react.useRef)(null);
 			const filteredItems = (0, react.useMemo)(() => {
 				return items.filter((item) => {
@@ -122925,7 +123038,6 @@ img.ProseMirror-separator {
 				}
 				setPreviewItem(item);
 				if (blob) {
-					blobCache.set(item.id, blob);
 					const url = URL.createObjectURL(blob);
 					previewUrlRef.current = url;
 					setPreviewBlob(blob);
@@ -122933,15 +123045,6 @@ img.ProseMirror-separator {
 					setPreviewLoading(false);
 					return;
 				}
-				const cached = blobCache.get(item.id);
-				if (cached) {
-					const url = URL.createObjectURL(cached);
-					previewUrlRef.current = url;
-					setPreviewBlob(cached);
-					setPreviewUrl(url);
-					setPreviewLoading(false);
-					return;
-				}
 				setPreviewLoading(true);
 				setPreviewBlob(null);
 				setPreviewUrl(null);
@@ -122949,7 +123052,6 @@ img.ProseMirror-separator {
 				abortControllerRef.current = controller;
 				fetchAttachmentBlob(item.attachment).then((fetchedBlob) => {
 					if (controller.signal.aborted) return;
-					blobCache.set(item.id, fetchedBlob);
 					const url = URL.createObjectURL(fetchedBlob);
 					previewUrlRef.current = url;
 					setPreviewBlob(fetchedBlob);
@@ -123036,6 +123138,7 @@ img.ProseMirror-separator {
 						attachment: payload.attachment,
 						prompt: payload.prompt,
 						provider: payload.provider,
+						...payload.channel === void 0 ? {} : { channel: payload.channel },
 						model: payload.model,
 						createdAt: payload.createdAt,
 						aspectRatio: request.ratio,
@@ -123212,11 +123315,7 @@ img.ProseMirror-separator {
 					if (itemsToDownload.length === 1) {
 						const single = itemsToDownload[0];
 						if (!single) return;
-						let blob = blobCache.get(single.id);
-						if (!blob) {
-							blob = await fetchAttachmentBlob(single.attachment);
-							blobCache.set(single.id, blob);
-						}
+						const blob = await fetchAttachmentBlob(single.attachment);
 						const objectUrl = URL.createObjectURL(blob);
 						downloadBlobUrl(objectUrl, `dsh-${single.provider}-${single.id}.png`);
 						URL.revokeObjectURL(objectUrl);
@@ -123229,11 +123328,7 @@ img.ProseMirror-separator {
 						const it = itemsToDownload[i];
 						if (!it) continue;
 						setBatchDownloadProgress(`${i + 1}/${itemsToDownload.length}`);
-						let blob = blobCache.get(it.id);
-						if (!blob) {
-							blob = await fetchAttachmentBlob(it.attachment);
-							blobCache.set(it.id, blob);
-						}
+						const blob = await fetchAttachmentBlob(it.attachment);
 						const arrayBuffer = await blob.arrayBuffer();
 						const ext = blob.type === "image/jpeg" ? "jpg" : blob.type === "image/webp" ? "webp" : "png";
 						let baseName = `dsh-${it.provider}-${it.id.slice(0, 8)}.${ext}`;
@@ -123637,7 +123732,6 @@ img.ProseMirror-separator {
 								onToggleSelect: (e) => handleToggleSelect(item.id, idx, e),
 								onRequestDelete: () => requestSingleDelete(item),
 								onPreview: (blob) => openPreviewItem(item, blob),
-								onBlobLoaded: (b) => blobCache.set(item.id, b),
 								onToast: showToast
 							}, item.id))
 						}) : activeTab === "inspiration" ? (0, react_jsx_runtime.jsx)(InspirationView, {
@@ -124012,39 +124106,37 @@ img.ProseMirror-separator {
 				]
 			});
 		};
-		const GalleryCard = ({ lang, item, index: _index, isManageMode, isSelected, t, onClick, onToggleSelect, onRequestDelete, onPreview: _onPreview, onBlobLoaded, onToast }) => {
+		const GalleryCard = ({ lang, item, index: _index, isManageMode, isSelected, t, onClick, onToggleSelect, onRequestDelete, onPreview: _onPreview, onToast }) => {
+			const [setCardRef, inView] = useInView();
 			const [url, setUrl] = (0, react.useState)();
 			const [blob, setBlob] = (0, react.useState)();
 			const [loading, setLoading] = (0, react.useState)(true);
 			const [error, setError] = (0, react.useState)();
 			(0, react.useEffect)(() => {
-				const controller = new AbortController();
+				if (!inView) return;
+				let active = true;
 				let objectUrl;
-				fetch(IMAGE_ROUTE, {
-					method: "POST",
-					signal: controller.signal,
-					headers: { "content-type": "application/json" },
-					body: JSON.stringify({ attachment: item.attachment })
-				}).then(async (response) => {
-					if (!response.ok) throw new Error(`HTTP ${response.status}`);
-					const resBlob = await response.blob();
-					if (controller.signal.aborted) return;
+				setUrl(void 0);
+				setBlob(void 0);
+				setError(void 0);
+				setLoading(true);
+				fetchAttachmentBlob(item.attachment).then((resBlob) => {
+					if (!active) return;
 					setBlob(resBlob);
-					onBlobLoaded?.(resBlob);
 					objectUrl = URL.createObjectURL(resBlob);
 					setUrl(objectUrl);
 					setLoading(false);
 				}).catch((err) => {
-					if (!controller.signal.aborted) {
+					if (active) {
 						setError(err instanceof Error ? err.message : String(err));
 						setLoading(false);
 					}
 				});
 				return () => {
-					controller.abort();
+					active = false;
 					if (objectUrl) URL.revokeObjectURL(objectUrl);
 				};
-			}, [item.attachment]);
+			}, [item.attachment.attachmentId, inView]);
 			const copyPrompt = async (e) => {
 				e.stopPropagation();
 				try {
@@ -124075,6 +124167,7 @@ img.ProseMirror-separator {
 			};
 			const badgeLabel = item.model || item.provider;
 			return (0, react_jsx_runtime.jsxs)("div", {
+				ref: setCardRef,
 				className: `dsh-ig-gallery-card ${isSelected ? "is-selected" : ""} ${isManageMode ? "is-manage-mode" : ""}`,
 				onClick: (e) => onClick(e, blob),
 				children: [(0, react_jsx_runtime.jsxs)("div", {
@@ -124303,6 +124396,7 @@ img.ProseMirror-separator {
 				attachment,
 				prompt: stringValue(meta.prompt, "Generated Image"),
 				provider: stringValue(meta.provider, "google"),
+				...typeof meta.channel === "string" ? { channel: meta.channel } : {},
 				model: stringValue(meta.model, ""),
 				output: stringValue(meta.output, ""),
 				...typeof meta.savedTo === "string" ? { savedTo: meta.savedTo } : {},
@@ -124969,7 +125063,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 		function isRevision(value) {
 			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
 			const candidate = value;
-			return isAttachment(candidate.attachment) && typeof candidate.provider === "string" && STUDIO_PROVIDERS.includes(candidate.provider) && typeof candidate.prompt === "string" && typeof candidate.model === "string" && typeof candidate.output === "string" && typeof candidate.createdAt === "number" && Number.isFinite(candidate.createdAt) && typeof candidate.ratio === "string" && typeof candidate.quality === "string" && (candidate.resolution === void 0 || typeof candidate.resolution === "string") && (candidate.generationQuality === void 0 || typeof candidate.generationQuality === "string") && (candidate.watermark === void 0 || STUDIO_WATERMARK_VALUES.some((value) => value === candidate.watermark));
+			return isAttachment(candidate.attachment) && typeof candidate.provider === "string" && STUDIO_PROVIDERS.includes(candidate.provider) && (candidate.channel === void 0 || typeof candidate.channel === "string") && typeof candidate.prompt === "string" && typeof candidate.model === "string" && typeof candidate.output === "string" && typeof candidate.createdAt === "number" && Number.isFinite(candidate.createdAt) && typeof candidate.ratio === "string" && typeof candidate.quality === "string" && (candidate.resolution === void 0 || typeof candidate.resolution === "string") && (candidate.generationQuality === void 0 || typeof candidate.generationQuality === "string") && (candidate.watermark === void 0 || STUDIO_WATERMARK_VALUES.some((value) => value === candidate.watermark));
 		}
 		function isAttachment(value) {
 			if (typeof value !== "object" || value === null || Array.isArray(value)) return false;
@@ -125096,16 +125190,51 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 		function pillVisible(value) {
 			return value?.showProviderPill === true;
 		}
+		const PILL_MODEL_FIELDS = {
+			google: "googleModel",
+			openai: "openaiModel",
+			"openai-compat": "openaiCompatModel",
+			seedream: "seedreamModel",
+			dashscope: "dashscopeModel",
+			xai: "xaiModel",
+			zhipu: "zhipuModel"
+		};
+		const PILL_MODEL_OPTIONS_FIELDS = { "openai-compat": "openaiCompatModels" };
 		/** Model (or ComfyUI workflow) a provider row will use with the persisted settings. */
-		function pillModelOf(provider, value) {
+		function pillModelOf(provider, value, channelId) {
 			if (provider === "comfyui") {
 				const workflow = activeComfyUIWorkflow(value ?? {});
 				return workflow === void 0 ? "" : workflow.name;
 			}
 			if (SUBSCRIPTION_PROVIDERS.includes(provider)) return DEFAULT_MODELS[provider];
-			const stored = provider === "google" ? value?.googleModel : provider === "openai" ? value?.openaiModel : provider === "openai-compat" ? value?.openaiCompatModel : provider === "seedream" ? value?.seedreamModel : provider === "dashscope" ? value?.dashscopeModel : provider === "xai" ? value?.xaiModel : value?.zhipuModel;
+			if (provider === "openai-compat") {
+				const channel = resolveOpenAICompatChannel(value ?? {}, channelId);
+				return channel.model.trim().length > 0 ? channel.model.trim() : DEFAULT_MODELS[provider];
+			}
+			const field = PILL_MODEL_FIELDS[provider];
+			const stored = field === void 0 ? void 0 : value?.[field];
 			return typeof stored === "string" && stored.length > 0 ? stored : DEFAULT_MODELS[provider];
 		}
+		/** Optional model choices exposed by a provider; single-model providers return an empty list. */
+		function pillModelOptionsOf(provider, value, channelId) {
+			if (provider === "openai-compat") {
+				const channel = resolveOpenAICompatChannel(value ?? {}, channelId);
+				return resolveOpenAICompatModels({
+					openaiCompatModel: pillModelOf(provider, value, channel.id),
+					openaiCompatModels: channel.models ?? []
+				});
+			}
+			const field = PILL_MODEL_OPTIONS_FIELDS[provider];
+			if (field === void 0) return [];
+			const configured = value?.[field];
+			const models = Array.isArray(configured) ? [...new Set(configured.filter((model) => typeof model === "string").map((model) => model.trim()).filter(Boolean))] : [];
+			const defaultModel = pillModelOf(provider, value);
+			if (defaultModel.length > 0 && !models.includes(defaultModel)) models.unshift(defaultModel);
+			return models;
+		}
+		function pillTargetKey(provider, channelId) {
+			return provider === "openai-compat" ? `openai-compat:${channelId ?? "default"}` : provider;
+		}
 		/** One fixed-position provider menu anchored to the pill button. */
 		function ImageProviderPill(props) {
 			const [snapshot, setSnapshot] = (0, react.useState)(() => props.scope.getSnapshot());
@@ -125113,15 +125242,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			const [open, setOpen] = (0, react.useState)(false);
 			const [pending, setPending] = (0, react.useState)(void 0);
 			const [error, setError] = (0, react.useState)("");
-			const [dots, setDots] = (0, react.useState)({
-				google: "unknown",
-				openai: "unknown",
-				"openai-compat": "unknown",
-				seedream: "unknown",
-				dashscope: "unknown",
-				xai: "unknown",
-				zhipu: "unknown"
-			});
+			const [dots, setDots] = (0, react.useState)({});
 			const [keyTick, setKeyTick] = (0, react.useState)(0);
 			const [subDots, setSubDots] = (0, react.useState)(() => ({
 				"chatgpt-sub": "unknown",
@@ -125141,35 +125262,33 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			}), [props.credentialEvents]);
 			(0, react.useEffect)(() => {
 				let active = true;
-				const refs = [];
-				for (const provider of CLOUD_IMAGE_PROVIDERS) {
-					const ref = cloudCredentialRef(provider);
-					if (ref !== void 0) refs.push(ref);
-				}
-				props.credentials.describe(refs).then((response) => {
+				const targets = [...CLOUD_IMAGE_PROVIDERS.filter((provider) => provider !== "openai-compat").map((provider) => ({
+					key: provider,
+					ref: cloudCredentialRef(provider)
+				})), ...resolveOpenAICompatChannels(snapshot.value ?? {}).map((channel) => ({
+					key: pillTargetKey("openai-compat", channel.id),
+					ref: channel.keyRef
+				}))];
+				props.credentials.describe(targets.map((target) => target.ref)).then((response) => {
 					if (!active) return;
 					const next = {};
-					for (const provider of CLOUD_IMAGE_PROVIDERS) {
-						const info = response.ok ? response.value?.[cloudCredentialRef(provider)] : void 0;
-						next[provider] = response.ok ? info?.configured ? "configured" : "missing" : "unknown";
+					for (const target of targets) {
+						const info = response.ok ? response.value?.[target.ref] : void 0;
+						next[target.key] = response.ok ? info?.configured ? "configured" : "missing" : "unknown";
 					}
 					setDots(next);
 				}).catch(() => {
 					if (!active) return;
-					setDots({
-						google: "unknown",
-						openai: "unknown",
-						"openai-compat": "unknown",
-						seedream: "unknown",
-						dashscope: "unknown",
-						xai: "unknown",
-						zhipu: "unknown"
-					});
+					setDots({});
 				});
 				return () => {
 					active = false;
 				};
-			}, [props.credentials, keyTick]);
+			}, [
+				props.credentials,
+				keyTick,
+				snapshot.value
+			]);
 			(0, react.useEffect)(() => {
 				if (!open) return;
 				let active = true;
@@ -125197,6 +125316,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			}, [open, keyTick]);
 			const t = (keyName) => (lang === "en" ? PILL_DICT.en : PILL_DICT.zh)[keyName];
 			const current = snapshot.value?.provider ?? "google";
+			const currentChannel = current === "openai-compat" ? resolveOpenAICompatChannel(snapshot.value ?? {}) : void 0;
 			const writable = snapshot.writable;
 			(0, react.useEffect)(() => {
 				if (!open) {
@@ -125244,15 +125364,27 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 				};
 			}, [open]);
 			if (!pillVisible(snapshot.value)) return null;
-			/** Same write path as the settings card: one field, one disposer, no implicit side effects. */
-			const select = (provider) => {
-				if (pending !== void 0 || provider === current) {
+			const select = (provider, model, channelId) => {
+				const currentModel = pillModelOf(provider, snapshot.value, channelId);
+				const sameChannel = provider !== "openai-compat" || currentChannel?.id === (channelId ?? "default");
+				if (pending !== void 0 || provider === current && sameChannel && (model === void 0 || model === currentModel)) {
 					setOpen(false);
 					return;
 				}
+				const modelField = model === void 0 ? void 0 : PILL_MODEL_FIELDS[provider];
 				setError("");
 				setPending(provider);
-				writeSetting(props.scope, "provider", provider, t("writeRejected")).then(() => {
+				(async () => {
+					if (model !== void 0 && provider === "openai-compat" && channelId !== void 0 && channelId !== "default") {
+						const channels = (snapshot.value?.openaiCompatChannels ?? []).map((channel) => channel.id === channelId ? {
+							...channel,
+							model
+						} : channel);
+						await writeSetting(props.scope, "openaiCompatChannels", channels, t("writeRejected"));
+					} else if (model !== void 0 && modelField !== void 0) await writeSetting(props.scope, modelField, model, t("writeRejected"));
+					if (provider === "openai-compat" && channelId !== void 0 && currentChannel?.id !== channelId) await writeSetting(props.scope, "openaiCompatActiveChannel", channelId, t("writeRejected"));
+					if (provider !== current) await writeSetting(props.scope, "provider", provider, t("writeRejected"));
+				})().then(() => {
 					setOpen(false);
 				}).catch((cause) => {
 					setError(cause instanceof Error ? cause.message : String(cause));
@@ -125263,13 +125395,13 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			/** Plan A dots: ComfyUI is always fixed blue (theme-independent); each
 			* subscription reflects its login state (green in, gray out); cloud rows
 			* reflect their API-key state as before. */
-			const dotClassOf = (provider) => {
+			const dotClassOf = (provider, channelId) => {
 				if (provider === "comfyui") return "dsh-ig-pill-dot-neutral";
 				if (isSubscriptionProvider(provider)) return subDots[provider] === "logged-in" ? "dsh-ig-pill-dot-ok" : "dsh-ig-pill-dot-missing";
-				const dot = dots[provider];
+				const dot = dots[pillTargetKey(provider, channelId)];
 				return dot === "configured" ? "dsh-ig-pill-dot-ok" : dot === "missing" ? "dsh-ig-pill-dot-missing" : "dsh-ig-pill-dot-neutral";
 			};
-			const subtitleOf = (provider) => {
+			const subtitleOf = (provider, includeModel = true, channelId) => {
 				if (provider === "comfyui") {
 					const workflow = pillModelOf(provider, snapshot.value);
 					return workflow.length > 0 ? `${t("noKeyNeeded")} · ${workflow}` : `${t("noKeyNeeded")} · ${t("noWorkflow")}`;
@@ -125279,12 +125411,17 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 					const stateText = state === "logged-in" ? t("subSignedIn") : state === "logged-out" ? t("subSignedOut") : t("subStatusUnknown");
 					return `${t("subNoKey")} · ${stateText} · ${pillModelOf(provider, snapshot.value)}`;
 				}
-				const dot = dots[provider];
-				const model = pillModelOf(provider, snapshot.value);
-				if (dot === "configured") return `${t("keyConfigured")} · ${model}`;
-				if (dot === "missing") return `${t("keyMissing")} · ${model}`;
-				return model;
+				const dot = dots[pillTargetKey(provider, channelId)];
+				const model = pillModelOf(provider, snapshot.value, channelId);
+				const modelSuffix = includeModel ? ` · ${model}` : "";
+				if (dot === "configured") return `${t("keyConfigured")}${modelSuffix}`;
+				if (dot === "missing") return `${t("keyMissing")}${modelSuffix}`;
+				return includeModel ? model : "";
 			};
+			const menuEntries = IMAGE_PROVIDERS.flatMap((provider) => provider === "openai-compat" ? resolveOpenAICompatChannels(snapshot.value ?? {}).map((channel) => ({
+				provider,
+				channel
+			})) : [{ provider }]);
 			return (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-ig-pill-root",
 				children: [(0, react_jsx_runtime.jsxs)("button", {
@@ -125328,7 +125465,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 						}),
 						(0, react_jsx_runtime.jsx)("span", {
 							className: "dsh-ig-pill-provider",
-							children: PILL_PROVIDER_LABELS[lang][current]
+							children: currentChannel?.label ?? PILL_PROVIDER_LABELS[lang][current]
 						}),
 						(0, react_jsx_runtime.jsx)("span", {
 							className: `dsh-ig-pill-caret${open ? " dsh-ig-pill-caret-open" : ""}`,
@@ -125356,47 +125493,83 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 							className: "dsh-ig-pill-menu-title",
 							children: t("menuTitle")
 						}),
-						IMAGE_PROVIDERS.map((provider) => (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							role: "menuitemradio",
-							"aria-checked": provider === current,
-							className: `dsh-ig-pill-option${provider === current ? " dsh-ig-pill-option-active" : ""}`,
-							disabled: pending !== void 0,
-							onClick: () => {
-								select(provider);
-							},
-							children: [
-								(0, react_jsx_runtime.jsx)("span", {
-									className: `dsh-ig-pill-dot ${dotClassOf(provider)}`,
-									"aria-hidden": "true"
-								}),
-								(0, react_jsx_runtime.jsxs)("span", {
-									className: "dsh-ig-pill-option-text",
+						menuEntries.map(({ provider, channel }) => {
+							const channelId = channel?.id;
+							const modelOptions = pillModelOptionsOf(provider, snapshot.value, channelId);
+							const active = provider === current && (provider !== "openai-compat" || currentChannel?.id === channelId);
+							const currentModel = active ? pillModelOf(provider, snapshot.value, channelId) : "";
+							return (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [(0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								role: modelOptions.length > 0 ? "menuitem" : "menuitemradio",
+								"aria-checked": modelOptions.length > 0 ? void 0 : active,
+								className: `dsh-ig-pill-option${active ? " dsh-ig-pill-option-active" : ""}`,
+								disabled: pending !== void 0,
+								onClick: () => {
+									select(provider, void 0, channelId);
+								},
+								children: [
+									(0, react_jsx_runtime.jsx)("span", {
+										className: `dsh-ig-pill-dot ${dotClassOf(provider, channelId)}`,
+										"aria-hidden": "true"
+									}),
+									(0, react_jsx_runtime.jsxs)("span", {
+										className: "dsh-ig-pill-option-text",
+										children: [(0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-pill-option-name",
+											children: channel?.label ?? PILL_PROVIDER_LABELS[lang][provider]
+										}), (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-ig-pill-option-sub",
+											children: subtitleOf(provider, modelOptions.length === 0, channelId)
+										})]
+									}),
+									active && modelOptions.length === 0 ? (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-ig-pill-check",
+										"aria-hidden": "true",
+										children: (0, react_jsx_runtime.jsx)("svg", {
+											width: "13",
+											height: "13",
+											viewBox: "0 0 16 16",
+											fill: "none",
+											stroke: "currentColor",
+											strokeWidth: "2.2",
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											children: (0, react_jsx_runtime.jsx)("path", { d: "M2.5 8.5l3.5 3.5 7-8" })
+										})
+									}) : null
+								]
+							}), modelOptions.map((model) => {
+								const selected = active && model === currentModel;
+								return (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									role: "menuitemradio",
+									"aria-checked": selected,
+									className: `dsh-ig-pill-option dsh-ig-pill-model-option${selected ? " dsh-ig-pill-option-active" : ""}`,
+									disabled: pending !== void 0,
+									onClick: () => {
+										select(provider, model, channelId);
+									},
 									children: [(0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ig-pill-option-name",
-										children: PILL_PROVIDER_LABELS[lang][provider]
-									}), (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-ig-pill-option-sub",
-										children: subtitleOf(provider)
-									})]
-								}),
-								provider === current ? (0, react_jsx_runtime.jsx)("span", {
-									className: "dsh-ig-pill-check",
-									"aria-hidden": "true",
-									children: (0, react_jsx_runtime.jsx)("svg", {
-										width: "13",
-										height: "13",
-										viewBox: "0 0 16 16",
-										fill: "none",
-										stroke: "currentColor",
-										strokeWidth: "2.2",
-										strokeLinecap: "round",
-										strokeLinejoin: "round",
-										children: (0, react_jsx_runtime.jsx)("path", { d: "M2.5 8.5l3.5 3.5 7-8" })
-									})
-								}) : null
-							]
-						}, provider)),
+										className: "dsh-ig-pill-model-name",
+										children: model
+									}), selected ? (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-ig-pill-check",
+										"aria-hidden": "true",
+										children: (0, react_jsx_runtime.jsx)("svg", {
+											width: "13",
+											height: "13",
+											viewBox: "0 0 16 16",
+											fill: "none",
+											stroke: "currentColor",
+											strokeWidth: "2.2",
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											children: (0, react_jsx_runtime.jsx)("path", { d: "M2.5 8.5l3.5 3.5 7-8" })
+										})
+									}) : null]
+								}, model);
+							})] }, channelId === void 0 ? provider : pillTargetKey("openai-compat", channelId));
+						}),
 						error.length > 0 ? (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-ig-pill-error",
 							role: "alert",
@@ -125440,12 +125613,14 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 .dsh-ig-pill-option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
 .dsh-ig-pill-option-name{font-size:12.5px;font-weight:500;color:var(--dsw-alias-label-primary,#111827);line-height:1.2}
 .dsh-ig-pill-option-sub{font-size:11px;color:var(--dsw-alias-label-tertiary,#6b7280);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsh-ig-pill-model-option{padding-left:24px}
+.dsh-ig-pill-model-name{flex:1;min-width:0;font-size:12px;color:var(--dsw-alias-label-secondary,#4b5563);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dsh-ig-pill-check{flex:none;color:var(--dsw-alias-brand-primary,#4c78ff)}
 .dsh-ig-pill-error{margin-top:4px;padding:6px 8px;border-radius:8px;background:rgba(239,68,68,.08);color:#ef4444;font-size:11.5px;line-height:1.4;word-break:break-all}
 `;
 		//#endregion
 		//#region lib/types/client/index.js
-		console.info(`[dsh-image-gen] canvas bundle 2026-10-26T00:24:12.240Z`);
+		console.info(`[dsh-image-gen] canvas bundle 2026-11-01T16:40:54.993Z`);
 		/** Right-sidebar tab-type registration id (DSH 0.1.5 `sidebarRightTabs`). */
 		const SIDEBAR_STUDIO_TAB_ID = "dsh-image-gen/studio";
 		/** The tab kind: a page type opened by kind, recognizing no resource address. */
@@ -125464,6 +125639,11 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 				providerGoogle: "Google Gemini",
 				providerOpenAI: "OpenAI",
 				providerOpenAICompat: "OpenAI 兼容（中转站）",
+				addCompatChannel: "新增 OpenAI 兼容渠道",
+				channelName: "渠道名称",
+				channelNameRequired: "请填写渠道名称。",
+				removeChannel: "删除渠道",
+				removeChannelConfirm: "确定删除“{label}”吗？该渠道的配置将被移除。",
 				providerSeedream: "字节 Seedream",
 				providerDashScope: "阿里 DashScope (通义万相 / Qwen)",
 				providerXAI: "xAI Grok Imagine",
@@ -125570,6 +125750,10 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 				endpointHintZhipu: "智谱开放平台 open.bigmodel.cn 的 /api/paas/v4 地址。",
 				endpointHintComfyUI: "正在运行且 DSH Host 可以访问的 ComfyUI 地址，默认使用本机 8188 端口。",
 				model: "模型",
+				defaultModel: "默认模型",
+				availableModels: "工作台可选模型",
+				availableModelsHint: "勾选后可在工作台切换。手动输入的默认模型会自动加入列表，且不可移除。",
+				defaultModelTag: "默认",
 				workflow: "API Workflow 工作流",
 				workflowImport: "导入 JSON 文件",
 				workflowMissing: "尚未导入工作流",
@@ -125584,6 +125768,8 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 				workflowDuplicateName: "工作流名称不能重复。",
 				timeout: "生成超时（秒）",
 				timeoutHint: "包括提交、等待和下载图片；默认 300 秒。",
+				cloudTimeout: "云端生成超时（秒）",
+				cloudTimeoutHint: "工作台所有 API Key 通道共用，5–3600 秒，默认 150 秒。不影响订阅通道和 ComfyUI；修改后对新请求生效。",
 				workspaceSection: "工作区",
 				saveToWorkspace: "保存到工作区",
 				saveToWorkspaceHint: "每次生成后，把图片文件保存到当前会话工作区。",
@@ -125637,7 +125823,12 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 				settingsIncompatible: "The loaded settings library cannot save these settings. Update @deepseek-ai/schemastery in the plugin environment to 3.18.4 or a compatible 3.x version, then restart DSH.",
 				providerGoogle: "Google Gemini",
 				providerOpenAI: "OpenAI",
-				providerOpenAICompat: "OpenAI-compatible (relay)",
+				providerOpenAICompat: "OpenAI Compatible (relay)",
+				addCompatChannel: "Add OpenAI-compatible channel",
+				channelName: "Channel name",
+				channelNameRequired: "Enter a channel name.",
+				removeChannel: "Remove channel",
+				removeChannelConfirm: "Remove \"{label}\"? Its channel configuration will be deleted.",
 				providerSeedream: "ByteDance Seedream",
 				providerDashScope: "Aliyun DashScope (Wanx / Qwen)",
 				providerXAI: "xAI Grok Imagine",
@@ -125744,6 +125935,10 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 				endpointHintZhipu: "Zhipu open.bigmodel.cn /api/paas/v4 base URL.",
 				endpointHintComfyUI: "A running ComfyUI server reachable by the DSH Host; the default points to port 8188 on this computer.",
 				model: "Model",
+				defaultModel: "Default model",
+				availableModels: "Models available in Studio",
+				availableModelsHint: "Selected models can be switched in Studio. A manually entered default is added automatically and cannot be removed.",
+				defaultModelTag: "Default",
 				workflow: "API Workflows",
 				workflowImport: "Import JSON file",
 				workflowMissing: "No workflow imported",
@@ -125758,6 +125953,8 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 				workflowDuplicateName: "Workflow names must be unique.",
 				timeout: "Generation timeout (seconds)",
 				timeoutHint: "Covers submission, waiting, and image download; defaults to 300 seconds.",
+				cloudTimeout: "Cloud generation timeout (seconds)",
+				cloudTimeoutHint: "Shared by all API-key channels in the workbench, 5–3600 seconds; defaults to 150 seconds. Does not affect subscription channels or ComfyUI; applies to new requests.",
 				workspaceSection: "Workspace",
 				saveToWorkspace: "Save to workspace",
 				saveToWorkspaceHint: "Write each generated image as a file into the session workspace.",
@@ -125834,26 +126031,35 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 .dsh-ig-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--dsw-alias-border-l2,#eee)}
 .dsh-ig-check-row{display:flex;align-items:center;gap:8px;cursor:pointer}
 .dsh-ig-check-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--dsw-alias-brand-primary,#4c78ff);margin:0}
+.dsh-ig-model-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 12px;max-height:180px;overflow-y:auto;padding:2px 0}
+.dsh-ig-model-picker .dsh-ig-check-row{min-width:0}
+.dsh-ig-model-option{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
+.dsh-ig-model-default{flex:none;color:var(--dsw-alias-label-tertiary,#7b818b);font-size:11px}
 .dsh-ig-savedto{font-size:12px;line-height:1.5;color:var(--dsw-alias-label-tertiary,#7b818b);word-break:break-all}
 .dsh-ig-save{appearance:none;border:0;border-radius:var(--dsw-radius-md,6px);padding:5px 14px;background:var(--dsw-alias-label-primary,#111827);color:var(--dsw-alias-bg-layer-3,#fff);font:inherit;font-size:13px;font-weight:400;cursor:pointer;transition:opacity .15s}
 .dsh-ig-save:disabled{opacity:.4;cursor:default}
 
 /* Provider list: one expandable row per provider, each saving independently. */
-.dsh-ig-providers{display:flex;flex-direction:column;margin-top:6px}
-.dsh-ig-provider-row{border:0;background:none;padding:14px 0}
-.dsh-ig-provider-row + .dsh-ig-provider-row{border-top:0.5px solid var(--dsw-alias-border-l2,#e8ebf0)}
-.dsh-ig-provider-head{width:100%;appearance:none;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;padding:0}
+.dsh-ig-providers{display:flex;flex-direction:column;margin-top:12px;overflow:hidden;border:1px solid var(--dsw-alias-border-l2,#e8ebf0);border-radius:10px;background:var(--dsw-alias-bg-layer-3,transparent)}
+.dsh-ig-provider-row{border:0;background:none;padding:0 14px}
+.dsh-ig-provider-row + .dsh-ig-provider-row{border-top:1px solid var(--dsw-alias-border-l2,#e8ebf0)}
+.dsh-ig-provider-head-row{display:flex;align-items:center;gap:8px;min-height:48px}
+.dsh-ig-provider-head{flex:1;min-width:0;width:100%;min-height:48px;appearance:none;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;padding:0}
+.dsh-ig-channel-add.dsh-ig-btn-secondary{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:26px;height:26px;padding:0;border:0;border-radius:7px;background:var(--dsw-alias-bg-layer-2,#f3f4f6);color:var(--dsw-alias-label-tertiary,#7b818b);line-height:1;transition:background .15s,color .15s}
+.dsh-ig-channel-add.dsh-ig-btn-secondary:hover:not(:disabled){border:0;background:var(--dsw-alias-bg-layer-1,#e5e7eb);color:var(--dsw-alias-label-primary,inherit)}
+.dsh-ig-channel-add svg{width:14px;height:14px}
 .dsh-ig-provider-head:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4c78ff);outline-offset:2px;border-radius:var(--dsw-radius-sm,4px)}
-.dsh-ig-provider-head:hover .dsh-ig-provider-name{color:var(--dsw-alias-label-secondary,inherit)}
-.dsh-ig-provider-name{flex:1;min-width:0;font-size:13.5px;font-weight:550;color:var(--dsw-alias-label-primary,inherit)}
-.dsh-ig-provider-chevron{flex:none;color:var(--dsw-alias-label-tertiary,#7b818b);transition:transform .16s;display:inline-flex;align-items:center}
+.dsh-ig-provider-head:hover .dsh-ig-provider-name{color:var(--dsw-alias-label-primary,inherit)}
+.dsh-ig-provider-head:hover .dsh-ig-provider-chevron{color:var(--dsw-alias-label-primary,inherit)}
+.dsh-ig-provider-name{flex:1;min-width:0;font-size:13px;font-weight:550;line-height:20px;color:var(--dsw-alias-label-primary,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dsh-ig-provider-chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;color:var(--dsw-alias-label-tertiary,#7b818b);transition:transform .16s,color .15s}
 .dsh-ig-provider-chevron-open{transform:rotate(180deg)}
-.dsh-ig-provider-body{border-top:0;padding:8px 0 2px}
-.dsh-ig-badge{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;line-height:1.6;padding:2px 9px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2,#d7dbe0);color:var(--dsw-alias-label-secondary,inherit);white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis}
-.dsh-ig-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
-.dsh-ig-badge-ok{border-color:rgba(34,197,94,.45);color:#15803d;background:rgba(34,197,94,.08)}
-.dsh-ig-badge-missing{border-color:rgba(239,68,68,.4);color:#b91c1c;background:rgba(239,68,68,.06)}
-.dsh-ig-badge-neutral{color:var(--dsw-alias-label-tertiary,#7b818b)}
+.dsh-ig-provider-body{border-top:0;padding:0 0 14px}
+.dsh-ig-badge{flex:none;display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;min-height:22px;padding:1px 8px;border:1px solid transparent;border-radius:6px;font-size:11px;font-weight:500;line-height:18px;color:var(--dsw-alias-label-secondary,inherit);white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis}
+.dsh-ig-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
+.dsh-ig-badge-ok{border-color:rgba(34,197,94,.2);color:#15803d;background:rgba(34,197,94,.08)}
+.dsh-ig-badge-missing{border-color:rgba(239,68,68,.18);color:#b91c1c;background:rgba(239,68,68,.06)}
+.dsh-ig-badge-neutral{border-color:var(--dsw-alias-border-l2,#e8ebf0);color:var(--dsw-alias-label-tertiary,#7b818b);background:var(--dsw-alias-bg-layer-2,transparent)}
 .dsh-ig-badge-checking .dsh-ig-badge-dot{animation:dsh-ig-pulse 1s ease-in-out infinite}
 @keyframes dsh-ig-pulse{50%{opacity:.25}}
 
@@ -126344,7 +126550,9 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 		function emptyProviderRow() {
 			return {
 				expanded: false,
+				label: "",
 				model: "",
+				models: [],
 				editModel: "",
 				baseURL: "",
 				googleNative: false,
@@ -126430,6 +126638,28 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 		function parseEditFormat(value) {
 			return value === "jsonImageUrlArray" || value === "formReferenceImages" || value === "siliconflowJson" ? value : "multipart";
 		}
+		function compatChannelRowKey(channelId) {
+			return `openai-compat:${channelId}`;
+		}
+		function compatRowFields(channel) {
+			return {
+				label: channel.label,
+				model: channel.model,
+				models: resolveOpenAICompatModels({
+					openaiCompatModel: channel.model,
+					openaiCompatModels: channel.models ?? []
+				}),
+				editModel: channel.editModel ?? "",
+				baseURL: channel.baseURL,
+				editFormat: parseEditFormat(channel.editFormat),
+				editExtraText: editExtraTextOf(channel.editExtra),
+				sizeTableText: editExtraTextOf(channel.sizes),
+				generationQuality: channel.quality ?? "",
+				qualityOptionsText: (channel.qualityOptions !== void 0 && channel.qualityOptions.length > 0 ? channel.qualityOptions : DEFAULT_COMPAT_QUALITIES).join(", "),
+				generateExtraText: editExtraTextOf(channel.extraBody),
+				editSizeMode: channel.editSizeMode === "selected" ? "selected" : "auto"
+			};
+		}
 		/** Build one row per provider from persisted settings, including ComfyUI extras. */
 		function rowsFromSettings(value) {
 			const rows = {};
@@ -126444,22 +126674,17 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 					activeWorkflow: activeComfyUIWorkflow(value ?? {})?.name ?? "",
 					timeoutSeconds: Math.max(1, Math.round((value?.comfyuiTimeoutMs ?? 3e5) / 1e3))
 				} : {},
-				...provider === "openai-compat" ? {
-					editModel: value?.openaiCompatEditModel ?? "",
-					editFormat: parseEditFormat(value?.openaiCompatEditFormat),
-					editExtraText: editExtraTextOf(value?.openaiCompatEditExtra),
-					sizeTableText: editExtraTextOf(value?.openaiCompatSizes),
-					generationQuality: value?.openaiCompatQuality ?? "",
-					qualityOptionsText: (value?.openaiCompatQualityOptions ?? DEFAULT_COMPAT_QUALITIES).join(", "),
-					generateExtraText: editExtraTextOf(value?.openaiCompatExtraBody),
-					editSizeMode: value?.openaiCompatEditSizeMode === "selected" ? "selected" : "auto"
-				} : {},
+				...provider === "openai-compat" ? compatRowFields(resolveOpenAICompatChannels(value ?? {})[0]) : {},
 				...provider === "seedream" ? {
 					outputFormat: value?.seedreamOutputFormat === "png" ? "png" : "jpeg",
 					watermark: value?.seedreamWatermark !== false,
 					background: value?.seedreamBackground === "transparent" ? "transparent" : "opaque"
 				} : {}
 			};
+			for (const channel of resolveOpenAICompatChannels(value ?? {}).slice(1)) rows[compatChannelRowKey(channel.id)] = {
+				...emptyProviderRow(),
+				...compatRowFields(channel)
+			};
 			return rows;
 		}
 		/** Edit each provider independently, pick an explicit default, and verify keys inline. */
@@ -126473,6 +126698,8 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			const [defaultProvider, setDefaultProvider] = (0, react.useState)(() => props.scope.getSnapshot().value?.provider ?? "google");
 			const [providerMessage, setProviderMessage] = (0, react.useState)("");
 			const [providerMessageIsError, setProviderMessageIsError] = (0, react.useState)(false);
+			const [cloudTimeoutSeconds, setCloudTimeoutSeconds] = (0, react.useState)(() => (props.scope.getSnapshot().value?.cloudTimeoutMs ?? 15e4) / 1e3);
+			const [cloudTimeoutMessage, setCloudTimeoutMessage] = (0, react.useState)("");
 			const [saveToWorkspace, setSaveToWorkspace] = (0, react.useState)(() => props.scope.getSnapshot().value?.saveToWorkspace ?? true);
 			const [workspaceFolder, setWorkspaceFolder] = (0, react.useState)(() => props.scope.getSnapshot().value?.workspaceFolder ?? "dsh-image-gen");
 			const [showPill, setShowPill] = (0, react.useState)(() => props.scope.getSnapshot().value?.showProviderPill === true);
@@ -126481,6 +126708,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			const [workspaceMessage, setWorkspaceMessage] = (0, react.useState)("");
 			const [workspaceMessageIsError, setWorkspaceMessageIsError] = (0, react.useState)(false);
 			const [rows, setRows] = (0, react.useState)(() => rowsFromSettings(props.scope.getSnapshot().value));
+			const [compatChannels, setCompatChannels] = (0, react.useState)(() => resolveOpenAICompatChannels(props.scope.getSnapshot().value ?? {}).slice(1));
 			const [keyTick, setKeyTick] = (0, react.useState)(0);
 			const [subStatus, setSubStatus] = (0, react.useState)(() => ({
 				"chatgpt-sub": { state: "unknown" },
@@ -126690,15 +126918,16 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			(0, react.useEffect)(() => {
 				const value = snapshot.value;
 				setDefaultProvider(value?.provider ?? "google");
+				setCloudTimeoutSeconds((value?.cloudTimeoutMs ?? 15e4) / 1e3);
 				setSaveToWorkspace(value?.saveToWorkspace ?? true);
 				setWorkspaceFolder(value?.workspaceFolder ?? "dsh-image-gen");
 				setShowPill(value?.showProviderPill === true);
 				setRows((current) => {
-					const next = {};
+					const next = { ...current };
 					for (const provider of IMAGE_PROVIDERS) next[provider] = {
 						...current[provider],
 						model: modelOf(provider, value),
-						...provider === "openai-compat" ? { editModel: value?.openaiCompatEditModel ?? "" } : {},
+						...provider === "openai-compat" ? compatRowFields(resolveOpenAICompatChannels(value ?? {})[0]) : {},
 						baseURL: baseURLOf(provider, value),
 						...provider === "comfyui" ? {
 							workflows: resolveComfyUIWorkflows(value ?? {}),
@@ -126711,6 +126940,13 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 							background: value?.seedreamBackground === "transparent" ? "transparent" : "opaque"
 						} : {}
 					};
+					for (const channel of resolveOpenAICompatChannels(value ?? {}).slice(1)) {
+						const key = compatChannelRowKey(channel.id);
+						next[key] = {
+							...current[key] ?? emptyProviderRow(),
+							...compatRowFields(channel)
+						};
+					}
 					return next;
 				});
 			}, [snapshot]);
@@ -126718,11 +126954,21 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			const credentialsAvailable = props.credentialsAvailable;
 			(0, react.useEffect)(() => {
 				let active = true;
+				const targets = [...CLOUD_IMAGE_PROVIDERS.flatMap((provider) => {
+					const keyRef = cloudCredentialRef(provider);
+					return keyRef === void 0 ? [] : [{
+						key: provider,
+						keyRef
+					}];
+				}), ...compatChannels.map((channel) => ({
+					key: compatChannelRowKey(channel.id),
+					keyRef: channel.keyRef
+				}))];
 				if (!credentialsAvailable()) {
 					setRows((current) => {
 						const next = { ...current };
-						for (const provider of CLOUD_IMAGE_PROVIDERS) next[provider] = {
-							...current[provider],
+						for (const target of targets) next[target.key] = {
+							...current[target.key] ?? emptyProviderRow(),
 							keyStatus: "unavailable",
 							keyInfo: void 0
 						};
@@ -126732,23 +126978,21 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 						active = false;
 					};
 				}
-				for (const provider of CLOUD_IMAGE_PROVIDERS) {
-					const keyRef = cloudCredentialRef(provider);
-					if (keyRef === void 0) continue;
+				for (const target of targets) {
 					setRows((current) => ({
 						...current,
-						[provider]: {
-							...current[provider],
+						[target.key]: {
+							...current[target.key],
 							keyStatus: "checking"
 						}
 					}));
-					credentials.describe([keyRef]).then((response) => {
+					credentials.describe([target.keyRef]).then((response) => {
 						if (!active) return;
-						const info = response.ok ? response.value?.[keyRef] : void 0;
+						const info = response.ok ? response.value?.[target.keyRef] : void 0;
 						setRows((current) => ({
 							...current,
-							[provider]: {
-								...current[provider],
+							[target.key]: {
+								...current[target.key],
 								keyStatus: response.ok ? info?.configured ? "configured" : "missing" : "unknown",
 								keyInfo: info
 							}
@@ -126757,8 +127001,8 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 						if (!active) return;
 						setRows((current) => ({
 							...current,
-							[provider]: {
-								...current[provider],
+							[target.key]: {
+								...current[target.key],
 								keyStatus: "unknown"
 							}
 						}));
@@ -126770,13 +127014,14 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			}, [
 				credentials,
 				credentialsAvailable,
-				keyTick
+				keyTick,
+				compatChannels
 			]);
-			const updateRow = (provider, patch) => {
+			const updateRow = (target, patch) => {
 				setRows((current) => ({
 					...current,
-					[provider]: {
-						...current[provider],
+					[target]: {
+						...current[target],
 						...patch
 					}
 				}));
@@ -126792,15 +127037,49 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 					setProviderMessageIsError(true);
 				});
 			};
-			const saveProviderRow = async (provider) => {
-				const row = rows[provider];
-				updateRow(provider, {
+			const saveProviderRow = async (provider, channel) => {
+				const target = channel === void 0 ? provider : compatChannelRowKey(channel.id);
+				const row = rows[target];
+				updateRow(target, {
 					saving: true,
 					message: "",
 					messageIsError: false
 				});
 				try {
-					if (provider === "comfyui") {
+					if (channel !== void 0) {
+						const label = row.label.trim();
+						if (label.length === 0) throw new Error(t("channelNameRequired"));
+						const updated = {
+							...channel,
+							label,
+							baseURL: row.baseURL.trim(),
+							model: row.model.trim(),
+							models: resolveOpenAICompatModels({
+								openaiCompatModel: row.model,
+								openaiCompatModels: row.models
+							}),
+							editModel: row.editModel.trim(),
+							quality: row.generationQuality.trim(),
+							qualityOptions: [...new Set(row.qualityOptionsText.split(",").map((value) => value.trim()).filter(Boolean))],
+							extraBody: parseExtraFields(row.generateExtraText, t("editExtraInvalid")),
+							editSizeMode: row.editSizeMode,
+							editFormat: row.editFormat,
+							editExtra: parseExtraFields(row.editExtraText, t("editExtraInvalid")),
+							sizes: parseSizeTable(row.sizeTableText, t("sizeTableInvalid"))
+						};
+						const nextChannels = compatChannels.some((entry) => entry.id === channel.id) ? compatChannels.map((entry) => entry.id === channel.id ? updated : entry) : [...compatChannels, updated];
+						await saveSetting("openaiCompatChannels", nextChannels);
+						setCompatChannels(nextChannels);
+						if (row.keyInput.trim().length > 0) {
+							if (!credentialsAvailable()) throw new Error(t("credentialsUnavailable"));
+							const response = await props.credentials.set(channel.keyRef, row.keyInput.trim());
+							if (!response.ok) throw new Error(response.error?.message ?? t("saveKeyFailed"));
+							updateRow(target, {
+								keyInput: "",
+								keyStatus: "configured"
+							});
+						}
+					} else if (provider === "comfyui") {
 						const entries = row.workflows.map((entry) => ({
 							name: entry.name.trim(),
 							json: entry.json,
@@ -126829,6 +127108,11 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 						if (provider === "google") await saveSetting("googleNative", row.googleNative);
 						if (provider === "openai") await saveSetting("openaiSizes", sizeTable);
 						if (provider === "openai-compat") {
+							await saveSetting("openaiCompatLabel", row.label.trim());
+							await saveSetting("openaiCompatModels", resolveOpenAICompatModels({
+								openaiCompatModel: row.model,
+								openaiCompatModels: row.models
+							}));
 							await saveSetting("openaiCompatEditModel", row.editModel.trim());
 							await saveSetting("openaiCompatEditFormat", row.editFormat);
 							await saveSetting("openaiCompatEditExtra", editExtra);
@@ -126849,13 +127133,13 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 							if (!credentialsAvailable()) throw new Error(t("credentialsUnavailable"));
 							const response = await props.credentials.set(keyRef, row.keyInput.trim());
 							if (!response.ok) throw new Error(response.error?.message ?? t("saveKeyFailed"));
-							updateRow(provider, {
+							updateRow(target, {
 								keyInput: "",
 								keyStatus: "configured"
 							});
 						}
 					}
-					updateRow(provider, {
+					updateRow(target, {
 						message: t("saved"),
 						messageIsError: false,
 						testResult: void 0,
@@ -126863,38 +127147,99 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 						modelFetchIsError: false
 					});
 				} catch (cause) {
-					updateRow(provider, {
+					updateRow(target, {
+						message: cause instanceof Error ? cause.message : String(cause),
+						messageIsError: true
+					});
+				} finally {
+					updateRow(target, { saving: false });
+				}
+			};
+			const addCompatChannel = () => {
+				const id = `channel-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 7)}`;
+				const channel = {
+					id,
+					label: `OpenAI 兼容 ${compatChannels.length + 2}`,
+					keyRef: openAICompatKeyRef(id),
+					baseURL: "",
+					model: "",
+					models: [],
+					qualityOptions: [...DEFAULT_COMPAT_QUALITIES]
+				};
+				setCompatChannels((current) => [...current, channel]);
+				setRows((current) => ({
+					...current,
+					[compatChannelRowKey(id)]: {
+						...emptyProviderRow(),
+						...compatRowFields(channel),
+						expanded: true
+					}
+				}));
+			};
+			const removeCompatChannel = async (channel) => {
+				if (!window.confirm(t("removeChannelConfirm", { label: channel.label }))) return;
+				const target = compatChannelRowKey(channel.id);
+				if (!(snapshot.value?.openaiCompatChannels?.some((entry) => entry.id === channel.id) === true)) {
+					setCompatChannels((current) => current.filter((entry) => entry.id !== channel.id));
+					setRows((current) => {
+						const next = { ...current };
+						delete next[target];
+						return next;
+					});
+					return;
+				}
+				let removed = false;
+				updateRow(target, {
+					saving: true,
+					message: "",
+					messageIsError: false
+				});
+				try {
+					const nextChannels = compatChannels.filter((entry) => entry.id !== channel.id);
+					await saveSetting("openaiCompatChannels", nextChannels);
+					if (snapshot.value?.openaiCompatActiveChannel === channel.id) await saveSetting("openaiCompatActiveChannel", "default");
+					removed = true;
+					setCompatChannels(nextChannels);
+					setRows((current) => {
+						const next = { ...current };
+						delete next[target];
+						return next;
+					});
+				} catch (cause) {
+					updateRow(target, {
 						message: cause instanceof Error ? cause.message : String(cause),
 						messageIsError: true
 					});
 				} finally {
-					updateRow(provider, { saving: false });
+					if (!removed) updateRow(target, { saving: false });
 				}
 			};
 			/** These actions use host settings, so drafts must be saved before making a request. */
-			const providerActionBlockMessage = (provider) => {
-				const row = rows[provider];
+			const providerActionBlockMessage = (provider, channel) => {
+				const target = channel === void 0 ? provider : compatChannelRowKey(channel.id);
+				const row = rows[target];
 				if (row.keyInput.trim().length > 0) return t("saveKeyFirst");
 				if (isSubscriptionProvider(provider)) return void 0;
 				const address = row.baseURL.trim();
 				if (address.length === 0) return t("endpointRequired");
-				if (address !== baseURLOf(provider, props.scope.getSnapshot().value).trim()) return t("saveEndpointFirst");
+				if (address !== (channel === void 0 ? baseURLOf(provider, props.scope.getSnapshot().value) : channel.baseURL).trim()) return t("saveEndpointFirst");
 				if (provider === "google" && row.googleNative !== (props.scope.getSnapshot().value?.googleNative === true)) return t("saveGoogleProtocolFirst");
 			};
 			/** Localize the host's missing-address error while preserving upstream details. */
 			const providerErrorMessage = (message) => message === "Base URL is not configured" ? t("savedEndpointMissing") : message ?? t("testFailed");
 			/** Probe through the host route so the browser side never touches credential values. */
-			const testConnection = async (provider) => {
-				const blocked = providerActionBlockMessage(provider);
+			const testConnection = async (provider, channel) => {
+				const target = channel === void 0 ? provider : compatChannelRowKey(channel.id);
+				const blocked = providerActionBlockMessage(provider, channel);
 				if (blocked !== void 0) {
-					updateRow(provider, {
+					updateRow(target, {
 						message: blocked,
 						messageIsError: false,
 						testResult: void 0
 					});
 					return;
 				}
-				updateRow(provider, {
+				updateRow(target, {
 					testing: true,
 					testResult: void 0,
 					message: "",
@@ -126904,31 +127249,35 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 					const response = await fetch(TEST_CONNECTION_ROUTE, {
 						method: "POST",
 						headers: { "content-type": "application/json" },
-						body: JSON.stringify({ provider })
+						body: JSON.stringify({
+							provider,
+							...channel === void 0 ? {} : { channel: channel.id }
+						})
 					});
 					if (!response.ok) throw new Error(`HTTP ${String(response.status)}`);
-					updateRow(provider, { testResult: await response.json() });
+					updateRow(target, { testResult: await response.json() });
 				} catch (cause) {
-					updateRow(provider, { testResult: {
+					updateRow(target, { testResult: {
 						ok: false,
 						reason: "error",
 						message: cause instanceof Error ? cause.message : String(cause)
 					} });
 				} finally {
-					updateRow(provider, { testing: false });
+					updateRow(target, { testing: false });
 				}
 			};
 			/** Pull the provider's image-capable model ids through the host route (Google and the OpenAI family). */
-			const fetchProviderModels = async (provider) => {
-				const blocked = providerActionBlockMessage(provider);
+			const fetchProviderModels = async (provider, channel) => {
+				const target = channel === void 0 ? provider : compatChannelRowKey(channel.id);
+				const blocked = providerActionBlockMessage(provider, channel);
 				if (blocked !== void 0) {
-					updateRow(provider, {
+					updateRow(target, {
 						modelFetchMessage: blocked,
 						modelFetchIsError: false
 					});
 					return;
 				}
-				updateRow(provider, {
+				updateRow(target, {
 					fetchingModels: true,
 					modelFetchMessage: "",
 					modelFetchIsError: false
@@ -126939,50 +127288,52 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 						headers: { "content-type": "application/json" },
 						body: JSON.stringify({
 							provider,
-							action: "models"
+							action: "models",
+							...channel === void 0 ? {} : { channel: channel.id }
 						})
 					});
 					if (!response.ok) throw new Error(`HTTP ${String(response.status)}`);
 					const payload = await response.json();
 					if (payload.ok && Array.isArray(payload.models)) {
 						const models = payload.models.filter((id) => typeof id === "string");
-						updateRow(provider, {
+						updateRow(target, {
 							modelOptions: models,
 							modelFetchMessage: models.length > 0 ? t("modelsFound", { n: String(models.length) }) : t("modelsNone"),
 							modelFetchIsError: models.length === 0
 						});
-					} else if (payload.reason === "missing-key") updateRow(provider, {
+					} else if (payload.reason === "missing-key") updateRow(target, {
 						modelFetchMessage: t("badgeMissing"),
 						modelFetchIsError: true
 					});
-					else if (payload.reason === "unauthorized") updateRow(provider, {
+					else if (payload.reason === "unauthorized") updateRow(target, {
 						modelFetchMessage: t("testUnauthorized"),
 						modelFetchIsError: true
 					});
-					else updateRow(provider, {
+					else updateRow(target, {
 						modelFetchMessage: providerErrorMessage(payload.message),
 						modelFetchIsError: true
 					});
 				} catch (cause) {
-					updateRow(provider, {
+					updateRow(target, {
 						modelFetchMessage: cause instanceof Error ? cause.message : String(cause),
 						modelFetchIsError: true
 					});
 				} finally {
-					updateRow(provider, { fetchingModels: false });
+					updateRow(target, { fetchingModels: false });
 				}
 			};
-			const clearProviderKey = async (provider) => {
-				const keyRef = cloudCredentialRef(provider);
+			const clearProviderKey = async (provider, channel) => {
+				const target = channel === void 0 ? provider : compatChannelRowKey(channel.id);
+				const keyRef = channel === void 0 ? cloudCredentialRef(provider) : channel.keyRef;
 				if (keyRef === void 0) return;
 				if (typeof props.credentials.unset !== "function") {
-					updateRow(provider, {
+					updateRow(target, {
 						message: t("clearKeyUnsupported"),
 						messageIsError: true
 					});
 					return;
 				}
-				updateRow(provider, {
+				updateRow(target, {
 					saving: true,
 					message: "",
 					messageIsError: false
@@ -126990,7 +127341,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 				try {
 					const response = await props.credentials.unset(keyRef);
 					if (!response.ok) throw new Error(response.error?.message ?? t("clearKeyFailed"));
-					updateRow(provider, {
+					updateRow(target, {
 						keyStatus: "missing",
 						keyInput: "",
 						testResult: void 0,
@@ -126998,12 +127349,12 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 						messageIsError: false
 					});
 				} catch (cause) {
-					updateRow(provider, {
+					updateRow(target, {
 						message: cause instanceof Error ? cause.message : String(cause),
 						messageIsError: true
 					});
 				} finally {
-					updateRow(provider, { saving: false });
+					updateRow(target, { saving: false });
 				}
 			};
 			const testResultText = (result) => {
@@ -127013,7 +127364,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 				if (result.reason === "unauthorized") return t("testUnauthorized");
 				return `${t("testFailed")}${result.message !== void 0 && result.message.length > 0 ? `: ${providerErrorMessage(result.message)}` : ""}`;
 			};
-			const badgeOf = (provider) => {
+			const badgeOf = (provider, channel) => {
 				if (provider === "comfyui") return {
 					text: t("comfyuiNoKey"),
 					className: "dsh-ig-badge dsh-ig-badge-neutral"
@@ -127033,7 +127384,8 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 						className: "dsh-ig-badge dsh-ig-badge-neutral"
 					};
 				}
-				const status = rows[provider].keyStatus;
+				const target = channel === void 0 ? provider : compatChannelRowKey(channel.id);
+				const status = rows[target].keyStatus;
 				if (status === "checking") return {
 					text: t("badgeChecking"),
 					className: "dsh-ig-badge dsh-ig-badge-neutral dsh-ig-badge-checking"
@@ -127141,6 +127493,19 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 					};
 				});
 			};
+			const commitCloudTimeout = () => {
+				if (!Number.isInteger(cloudTimeoutSeconds) || cloudTimeoutSeconds < 5 || cloudTimeoutSeconds > 3600) {
+					setCloudTimeoutSeconds((snapshot.value?.cloudTimeoutMs ?? 15e4) / 1e3);
+					return;
+				}
+				const next = cloudTimeoutSeconds * 1e3;
+				if (next === (snapshot.value?.cloudTimeoutMs ?? 15e4)) return;
+				setCloudTimeoutMessage("");
+				saveSetting("cloudTimeoutMs", next).catch((cause) => {
+					setCloudTimeoutSeconds((snapshot.value?.cloudTimeoutMs ?? 15e4) / 1e3);
+					setCloudTimeoutMessage(cause instanceof Error ? cause.message : String(cause));
+				});
+			};
 			/** Workspace checkbox persists immediately, like every other toggle on this card. */
 			const toggleSaveToWorkspace = (next) => {
 				setSaveToWorkspace(next);
@@ -127177,31 +127542,57 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 					setUiMessageIsError(true);
 				});
 			};
-			const renderCloudBody = (provider) => {
-				const row = rows[provider];
+			const renderCloudBody = (provider, channel) => {
+				const target = channel === void 0 ? provider : compatChannelRowKey(channel.id);
+				const row = rows[target];
+				const update = (patch) => {
+					updateRow(target, patch);
+				};
+				const modelListId = `dsh-ig-${target.replace(/[^A-Za-z0-9_-]/g, "-")}-model-options`;
 				const officialEditFormat = provider === "openai-compat" ? compatEditFormat({
 					openaiCompatBaseURL: row.baseURL,
 					openaiCompatModel: row.editModel.trim() || row.model
 				}) : "multipart";
 				const automaticEditFormat = officialEditFormat !== "multipart";
 				const editFormat = automaticEditFormat ? officialEditFormat : row.editFormat;
-				const keyRef = cloudCredentialRef(provider) ?? "";
+				const keyRef = channel === void 0 ? cloudCredentialRef(provider) ?? "" : channel.keyRef;
 				const keyReadOnly = row.keyInfo?.writable === false;
 				const keyUnavailable = !credentialsAvailable();
+				const providerLabel = provider === "openai-compat" && row.label.trim().length > 0 ? row.label.trim() : providerLabels[provider];
+				const compatModelChoices = provider === "openai-compat" ? resolveOpenAICompatModels({
+					openaiCompatModel: row.model,
+					openaiCompatModels: [...row.models, ...row.modelOptions]
+				}) : [];
 				return (0, react_jsx_runtime.jsx)("div", {
 					className: "dsh-ig-provider-body",
 					children: (0, react_jsx_runtime.jsxs)("form", {
 						onSubmit: (event) => {
 							event.preventDefault();
-							saveProviderRow(provider);
+							saveProviderRow(provider, channel);
 						},
 						children: [
+							provider === "openai-compat" ? (0, react_jsx_runtime.jsxs)("label", {
+								className: "dsh-ig-field",
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ig-label",
+									children: t("channelName")
+								}), (0, react_jsx_runtime.jsx)("input", {
+									className: "dsh-ig-input",
+									value: row.label,
+									onChange: (event) => {
+										update({ label: event.target.value });
+									},
+									placeholder: providerLabels[provider],
+									required: channel !== void 0,
+									disabled: !settingsWritable
+								})]
+							}) : null,
 							(0, react_jsx_runtime.jsxs)("label", {
 								className: "dsh-ig-field",
 								children: [
 									(0, react_jsx_runtime.jsx)("span", {
 										className: "dsh-ig-label",
-										children: t("apiKeyLabel", { provider: providerLabels[provider] })
+										children: t("apiKeyLabel", { provider: providerLabel })
 									}),
 									(0, react_jsx_runtime.jsx)("input", {
 										className: "dsh-ig-input",
@@ -127209,7 +127600,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 										autoComplete: "off",
 										value: row.keyInput,
 										onChange: (event) => {
-											updateRow(provider, { keyInput: event.target.value });
+											update({ keyInput: event.target.value });
 										},
 										placeholder: row.keyStatus === "configured" ? t("apiKeyPlaceholder") : "",
 										disabled: !settingsWritable || keyReadOnly || keyUnavailable
@@ -127234,7 +127625,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 											type: "url",
 											value: row.baseURL,
 											onChange: (event) => {
-												updateRow(provider, { baseURL: event.target.value });
+												update({ baseURL: event.target.value });
 											},
 											required: true,
 											disabled: !settingsWritable
@@ -127243,7 +127634,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 											className: "dsh-ig-btn-reset",
 											title: t("resetTitle"),
 											onClick: () => {
-												updateRow(provider, { baseURL: DEFAULT_BASE_URLS[provider] });
+												update({ baseURL: DEFAULT_BASE_URLS[provider] });
 											},
 											disabled: !settingsWritable,
 											children: t("reset")
@@ -127264,7 +127655,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 									className: "dsh-ig-input",
 									value: row.googleNative ? "native" : "interactions",
 									onChange: (event) => {
-										updateRow(provider, { googleNative: event.target.value === "native" });
+										update({ googleNative: event.target.value === "native" });
 									},
 									disabled: !settingsWritable,
 									children: [(0, react_jsx_runtime.jsx)("option", {
@@ -127281,7 +127672,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 								children: [
 									(0, react_jsx_runtime.jsx)("span", {
 										className: "dsh-ig-label",
-										children: t("model")
+										children: t(provider === "openai-compat" ? "defaultModel" : "model")
 									}),
 									modelPullSupported(provider) ? (0, react_jsx_runtime.jsxs)("div", {
 										className: "dsh-ig-input-group",
@@ -127290,14 +127681,20 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 												className: "dsh-ig-input",
 												value: row.model,
 												onChange: (event) => {
-													updateRow(provider, { model: event.target.value });
+													update({ model: event.target.value });
 												},
-												list: `dsh-ig-${provider}-model-options`,
+												onBlur: () => {
+													if (provider === "openai-compat") update({ models: resolveOpenAICompatModels({
+														openaiCompatModel: row.model,
+														openaiCompatModels: row.models
+													}) });
+												},
+												list: modelListId,
 												required: provider !== "openai-compat",
 												disabled: !settingsWritable
 											}),
 											(0, react_jsx_runtime.jsx)("datalist", {
-												id: `dsh-ig-${provider}-model-options`,
+												id: modelListId,
 												children: row.modelOptions.map((id) => (0, react_jsx_runtime.jsx)("option", { value: id }, id))
 											}),
 											(0, react_jsx_runtime.jsx)("button", {
@@ -127305,7 +127702,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 												className: "dsh-ig-btn-secondary",
 												disabled: row.fetchingModels || row.saving || !settingsWritable,
 												onClick: () => {
-													fetchProviderModels(provider);
+													fetchProviderModels(provider, channel);
 												},
 												children: row.fetchingModels ? t("fetchingModels") : t("fetchModels")
 											})
@@ -127314,7 +127711,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 										className: "dsh-ig-input",
 										value: row.model,
 										onChange: (event) => {
-											updateRow(provider, { model: event.target.value });
+											update({ model: event.target.value });
 										},
 										required: true,
 										disabled: !settingsWritable
@@ -127329,6 +127726,52 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 									}) : null
 								]
 							}),
+							provider === "openai-compat" && compatModelChoices.length > 0 ? (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-ig-field",
+								children: [
+									(0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-ig-label",
+										children: t("availableModels")
+									}),
+									(0, react_jsx_runtime.jsx)("div", {
+										className: "dsh-ig-model-picker",
+										children: compatModelChoices.map((id) => {
+											const isDefault = row.model.trim() === id;
+											const checked = isDefault || row.models.includes(id);
+											return (0, react_jsx_runtime.jsxs)("label", {
+												className: "dsh-ig-check-row",
+												title: id,
+												children: [
+													(0, react_jsx_runtime.jsx)("input", {
+														type: "checkbox",
+														checked,
+														disabled: !settingsWritable || isDefault,
+														onChange: (event) => {
+															const models = event.target.checked ? [...row.models, id] : row.models.filter((model) => model !== id);
+															update({ models: resolveOpenAICompatModels({
+																openaiCompatModel: row.model,
+																openaiCompatModels: models
+															}) });
+														}
+													}),
+													(0, react_jsx_runtime.jsx)("span", {
+														className: "dsh-ig-model-option",
+														children: id
+													}),
+													isDefault ? (0, react_jsx_runtime.jsx)("span", {
+														className: "dsh-ig-model-default",
+														children: t("defaultModelTag")
+													}) : null
+												]
+											}, id);
+										})
+									}),
+									(0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-ig-hint",
+										children: t("availableModelsHint")
+									})
+								]
+							}) : null,
 							provider === "openai-compat" ? (0, react_jsx_runtime.jsxs)("label", {
 								className: "dsh-ig-field",
 								children: [
@@ -127340,9 +127783,9 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 										className: "dsh-ig-input",
 										value: row.editModel,
 										onChange: (event) => {
-											updateRow(provider, { editModel: event.target.value });
+											update({ editModel: event.target.value });
 										},
-										list: "dsh-ig-openai-compat-model-options",
+										list: modelListId,
 										disabled: !settingsWritable
 									}),
 									(0, react_jsx_runtime.jsx)("span", {
@@ -127362,7 +127805,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 										className: "dsh-ig-input",
 										value: automaticEditFormat ? "__official__" : row.editFormat,
 										onChange: (event) => {
-											updateRow(provider, { editFormat: parseEditFormat(event.target.value) });
+											update({ editFormat: parseEditFormat(event.target.value) });
 										},
 										disabled: !settingsWritable || automaticEditFormat,
 										children: [
@@ -127406,7 +127849,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 											className: "dsh-ig-input",
 											value: row.outputFormat,
 											onChange: (event) => {
-												updateRow(provider, { outputFormat: event.target.value === "png" ? "png" : "jpeg" });
+												update({ outputFormat: event.target.value === "png" ? "png" : "jpeg" });
 											},
 											disabled: !settingsWritable,
 											children: [(0, react_jsx_runtime.jsx)("option", {
@@ -127434,7 +127877,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 											className: "dsh-ig-input",
 											value: row.watermark ? "on" : "off",
 											onChange: (event) => {
-												updateRow(provider, { watermark: event.target.value === "on" });
+												update({ watermark: event.target.value === "on" });
 											},
 											disabled: !settingsWritable,
 											children: [(0, react_jsx_runtime.jsx)("option", {
@@ -127462,7 +127905,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 											className: "dsh-ig-input",
 											value: row.background,
 											onChange: (event) => {
-												updateRow(provider, { background: event.target.value === "transparent" ? "transparent" : "opaque" });
+												update({ background: event.target.value === "transparent" ? "transparent" : "opaque" });
 											},
 											disabled: !settingsWritable,
 											children: [(0, react_jsx_runtime.jsx)("option", {
@@ -127491,7 +127934,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 										className: "dsh-ig-input dsh-ig-textarea",
 										value: row.sizeTableText,
 										onChange: (event) => {
-											updateRow(provider, { sizeTableText: event.target.value });
+											update({ sizeTableText: event.target.value });
 										},
 										rows: 3,
 										disabled: !settingsWritable
@@ -127514,7 +127957,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 											className: "dsh-ig-input",
 											value: row.generationQuality,
 											onChange: (event) => {
-												updateRow(provider, { generationQuality: event.target.value });
+												update({ generationQuality: event.target.value });
 											},
 											placeholder: "high",
 											disabled: !settingsWritable
@@ -127534,7 +127977,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 										className: "dsh-ig-input",
 										value: row.qualityOptionsText,
 										onChange: (event) => {
-											updateRow(provider, { qualityOptionsText: event.target.value });
+											update({ qualityOptionsText: event.target.value });
 										},
 										disabled: !settingsWritable
 									})]
@@ -127550,7 +127993,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 											className: "dsh-ig-input dsh-ig-textarea",
 											value: row.generateExtraText,
 											onChange: (event) => {
-												updateRow(provider, { generateExtraText: event.target.value });
+												update({ generateExtraText: event.target.value });
 											},
 											placeholder: "{\"watermark\":false}",
 											rows: 2,
@@ -127572,7 +128015,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 									className: "dsh-ig-input",
 									value: row.editSizeMode,
 									onChange: (event) => {
-										updateRow(provider, { editSizeMode: event.target.value === "selected" ? "selected" : "auto" });
+										update({ editSizeMode: event.target.value === "selected" ? "selected" : "auto" });
 									},
 									disabled: !settingsWritable,
 									children: [(0, react_jsx_runtime.jsx)("option", {
@@ -127594,7 +128037,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 										className: "dsh-ig-input dsh-ig-textarea",
 										value: row.editExtraText,
 										onChange: (event) => {
-											updateRow(provider, { editExtraText: event.target.value });
+											update({ editExtraText: event.target.value });
 										},
 										placeholder: t("editExtraPlaceholder"),
 										rows: 2,
@@ -127620,7 +128063,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 											className: "dsh-ig-btn-secondary",
 											disabled: row.testing || row.saving,
 											onClick: () => {
-												testConnection(provider);
+												testConnection(provider, channel);
 											},
 											children: row.testing ? t("testing") : t("testConnection")
 										}),
@@ -127629,7 +128072,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 											className: "dsh-ig-btn-secondary dsh-ig-btn-danger",
 											disabled: row.saving,
 											onClick: () => {
-												clearProviderKey(provider);
+												clearProviderKey(provider, channel);
 											},
 											children: t("clearKey")
 										}) : null,
@@ -127947,47 +128390,123 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			const renderProviderRow = (provider) => {
 				const row = rows[provider];
 				const badge = badgeOf(provider);
+				const label = provider === "openai-compat" && row.label.trim().length > 0 ? row.label.trim() : providerLabels[provider];
 				return (0, react_jsx_runtime.jsxs)("div", {
 					className: "dsh-ig-provider-row",
-					children: [(0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: "dsh-ig-provider-head",
-						"aria-expanded": row.expanded,
-						onClick: () => {
-							updateRow(provider, { expanded: !row.expanded });
-						},
-						children: [
-							(0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-ig-provider-name",
-								children: providerLabels[provider]
-							}),
-							(0, react_jsx_runtime.jsxs)("span", {
-								className: badge.className,
-								title: badge.text,
-								children: [(0, react_jsx_runtime.jsx)("span", {
-									className: "dsh-ig-badge-dot",
-									"aria-hidden": "true"
-								}), badge.text]
-							}),
-							(0, react_jsx_runtime.jsx)("span", {
-								className: `dsh-ig-provider-chevron ${row.expanded ? "dsh-ig-provider-chevron-open" : ""}`,
-								"aria-hidden": "true",
-								children: (0, react_jsx_runtime.jsx)("svg", {
-									width: "12",
-									height: "12",
-									viewBox: "0 0 16 16",
-									fill: "none",
-									stroke: "currentColor",
-									strokeWidth: "2",
-									strokeLinecap: "round",
-									strokeLinejoin: "round",
-									children: (0, react_jsx_runtime.jsx)("path", { d: "M4 6l4 4 4-4" })
+					children: [(0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-provider-head-row",
+						children: [(0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "dsh-ig-provider-head",
+							"aria-expanded": row.expanded,
+							onClick: () => {
+								updateRow(provider, { expanded: !row.expanded });
+							},
+							children: [
+								(0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ig-provider-name",
+									children: label
+								}),
+								(0, react_jsx_runtime.jsxs)("span", {
+									className: badge.className,
+									title: badge.text,
+									children: [(0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-ig-badge-dot",
+										"aria-hidden": "true"
+									}), badge.text]
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									className: `dsh-ig-provider-chevron ${row.expanded ? "dsh-ig-provider-chevron-open" : ""}`,
+									"aria-hidden": "true",
+									children: (0, react_jsx_runtime.jsx)("svg", {
+										width: "12",
+										height: "12",
+										viewBox: "0 0 16 16",
+										fill: "none",
+										stroke: "currentColor",
+										strokeWidth: "2",
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										children: (0, react_jsx_runtime.jsx)("path", { d: "M4 6l4 4 4-4" })
+									})
 								})
+							]
+						}), provider === "openai-compat" ? (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dsh-ig-btn-secondary dsh-ig-channel-add",
+							title: t("addCompatChannel"),
+							"aria-label": t("addCompatChannel"),
+							onClick: addCompatChannel,
+							disabled: !settingsWritable,
+							children: (0, react_jsx_runtime.jsx)("svg", {
+								viewBox: "0 0 16 16",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1.6",
+								strokeLinecap: "round",
+								"aria-hidden": "true",
+								children: (0, react_jsx_runtime.jsx)("path", { d: "M8 3v10M3 8h10" })
 							})
-						]
+						}) : null]
 					}), row.expanded ? provider === "comfyui" ? renderComfyUIBody() : isSubscriptionProvider(provider) ? renderSubscriptionBody(provider) : renderCloudBody(provider) : null]
 				}, provider);
 			};
+			const renderCompatChannelRow = (channel) => {
+				const target = compatChannelRowKey(channel.id);
+				const row = rows[target];
+				const badge = badgeOf("openai-compat", channel);
+				return (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-ig-provider-row dsh-ig-compat-channel-row",
+					children: [(0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-ig-provider-head-row",
+						children: [(0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "dsh-ig-provider-head",
+							"aria-expanded": row.expanded,
+							onClick: () => {
+								updateRow(target, { expanded: !row.expanded });
+							},
+							children: [
+								(0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ig-provider-name",
+									children: channel.label
+								}),
+								(0, react_jsx_runtime.jsxs)("span", {
+									className: badge.className,
+									title: badge.text,
+									children: [(0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-ig-badge-dot",
+										"aria-hidden": "true"
+									}), badge.text]
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									className: `dsh-ig-provider-chevron ${row.expanded ? "dsh-ig-provider-chevron-open" : ""}`,
+									"aria-hidden": "true",
+									children: (0, react_jsx_runtime.jsx)("svg", {
+										width: "12",
+										height: "12",
+										viewBox: "0 0 16 16",
+										fill: "none",
+										stroke: "currentColor",
+										strokeWidth: "2",
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										children: (0, react_jsx_runtime.jsx)("path", { d: "M4 6l4 4 4-4" })
+									})
+								})
+							]
+						}), (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dsh-ig-btn-secondary dsh-ig-btn-danger",
+							disabled: row.saving || !settingsWritable,
+							onClick: () => {
+								removeCompatChannel(channel);
+							},
+							children: t("removeChannel")
+						})]
+					}), row.expanded ? renderCloudBody("openai-compat", channel) : null]
+				}, target);
+			};
 			return (0, react_jsx_runtime.jsxs)("li", {
 				className: "dsh-ig-card",
 				children: [(0, react_jsx_runtime.jsx)("div", {
@@ -128045,9 +128564,46 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 								}) : null
 							]
 						}),
+						(0, react_jsx_runtime.jsxs)("label", {
+							className: "dsh-ig-field",
+							children: [
+								(0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ig-label",
+									children: t("cloudTimeout")
+								}),
+								(0, react_jsx_runtime.jsx)("input", {
+									className: "dsh-ig-input",
+									type: "number",
+									min: "5",
+									max: "3600",
+									step: "1",
+									value: cloudTimeoutSeconds,
+									onChange: (event) => {
+										setCloudTimeoutSeconds(Number(event.target.value));
+									},
+									onBlur: () => {
+										commitCloudTimeout();
+									},
+									onKeyDown: (event) => {
+										if (event.key === "Enter") commitCloudTimeout();
+									},
+									required: true,
+									disabled: !settingsWritable
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ig-hint",
+									children: t("cloudTimeoutHint")
+								}),
+								cloudTimeoutMessage.length > 0 ? (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ig-status dsh-ig-status-error",
+									role: "status",
+									children: cloudTimeoutMessage
+								}) : null
+							]
+						}),
 						(0, react_jsx_runtime.jsx)("div", {
 							className: "dsh-ig-providers",
-							children: IMAGE_PROVIDERS.map((provider) => renderProviderRow(provider))
+							children: IMAGE_PROVIDERS.flatMap((provider) => [renderProviderRow(provider), ...provider === "openai-compat" ? compatChannels.map((channel) => renderCompatChannelRow(channel)) : []])
 						}),
 						(0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-ig-section",
@@ -128212,6 +128768,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 			const activeResult = selectedRevision !== void 0 ? {
 				prompt: selectedRevision.prompt,
 				provider: selectedRevision.provider,
+				...selectedRevision.channel === void 0 ? {} : { channel: selectedRevision.channel },
 				model: selectedRevision.model,
 				output: selectedRevision.output,
 				createdAt: selectedRevision.createdAt,
@@ -128242,6 +128799,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 					attachment: result.attachment,
 					prompt: result.prompt,
 					provider: result.provider,
+					...result.channel === void 0 ? {} : { channel: result.channel },
 					model: result.model,
 					output: result.output,
 					...result.savedTo ? { savedTo: result.savedTo } : {},
@@ -128380,6 +128938,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 						attachment: payload.attachment,
 						prompt: payload.prompt,
 						provider: payload.provider,
+						...payload.channel === void 0 ? {} : { channel: payload.channel },
 						model: payload.model,
 						output: payload.output,
 						createdAt: payload.createdAt,
@@ -128394,6 +128953,7 @@ body[data-ds-dark-theme] .dsh-ig-workbench{--ig-danger:#f08c8c;--ig-warn:#e5b76a
 						attachment: revision.attachment,
 						prompt: revision.prompt,
 						provider: revision.provider,
+						...revision.channel === void 0 ? {} : { channel: revision.channel },
 						model: revision.model,
 						createdAt: revision.createdAt,
 						aspectRatio: revision.ratio,