@dickpy/dsh-imagegen 1.3.0 → 1.5.0

package/lib/client.js

@@ -29,6 +29,8 @@ window.__ModuleLoader__.load({
 		const PRESETS_API = "/api/dsh-imagegen/presets";
 		/** Loopback-only image reader for Agent tool-result previews. */
 		const AGENT_IMAGE_API = "/api/dsh-imagegen/agent-image";
+		/** Store the current composer image for the direct edit_image command. */
+		const CONVERSATION_IMAGE_API = "/api/dsh-imagegen/conversation-image";
 		/**
 		* Host-computed per-channel usage counters (generation-count badges in the
 		* settings card): entries are tallied from the persisted history and gallery
@@ -152,6 +154,18 @@ window.__ModuleLoader__.load({
 					body: JSON.stringify({ prompt })
 				}))).prompt;
 			}
+			/** Stage a generated image as a durable reference for `/edit_image`. */
+			async attachConversationImage(sessionId, dataUrl, name) {
+				await readEnvelope(await fetch(CONVERSATION_IMAGE_API, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({
+						sessionId,
+						dataUrl,
+						name
+					})
+				}));
+			}
 			async taskSubmit(request) {
 				return (await readEnvelope(await fetch(TASK_API.submit, {
 					method: "POST",
@@ -291,11 +305,78 @@ window.__ModuleLoader__.load({
 		*/
 		const zh = {
 			"entry.label": "AI 生图",
-			"entry.tooltip": "AI 生图面板（gpt-image-2 / grok-imagine-image / nanobanana / seedream 系列）",
+			"entry.tooltip": "AI 生图面板（gpt-image-2 / glm-image / grok-imagine-image / nanobanana / seedream 系列）",
+			"entry.newSession": "新会话",
+			"entry.newSessionTooltip": "创建一个新的 DSH 会话",
+			"entry.image": "生图",
 			"panel.title": "AI 生图",
 			"panel.githubTip": "觉得好用或有建议？欢迎来 GitHub 提 issues、点个 star 支持一下！",
+			"conversation.add": "加入对话",
+			"conversation.adding": "加入中…",
+			"conversation.added": "图片已加入当前对话",
+			"conversation.addHint": "加入对话后可使用 /edit_image 修改；命令使用插件图片模型",
+			"conversation.noSession": "请先打开一个会话，再加入图片",
+			"conversation.unavailable": "当前会话暂不可用",
+			"conversation.busy": "当前对话正在发送，请稍后再试",
 			"mode.text": "文生图",
 			"mode.edit": "图生图",
+			"workspace.label": "创作模式",
+			"workspace.normal": "普通生图",
+			"workspace.ecommerce": "电商模式",
+			"chat.expand": "展开右侧对话",
+			"chat.collapse": "收起右侧对话",
+			"chat.toggle": "对话",
+			"config.resizeHint": "拖拽调整参数栏宽度",
+			"ecommerce.generation": "生成设置",
+			"ecommerce.title": "电商模式",
+			"ecommerce.badge": "预览",
+			"ecommerce.short": "电商",
+			"ecommerce.anchorPending": "已生成主图，其余图片正在自动参考主图生成，保证整套同款…",
+			"ecommerce.anchorFailed": "主图生成失败，其余图片已暂停。请重试主图（或整组重新生成）后再继续。",
+			"ecommerce.anchorNote": "锚定生成：先出主图，其余图片自动参考主图，保证整套同款",
+			"ecommerce.noAssetWarn": "未上传商品图：主图将按文字描述生成并作为锚定基准，建议先上传商品主图获得更高一致性",
+			"ecommerce.product": "商品信息",
+			"ecommerce.productName": "商品名称（必填）",
+			"ecommerce.projectName": "项目名称（可选）",
+			"ecommerce.constraints": "卖点与约束",
+			"ecommerce.sellingPoints": "商品卖点，例如：防水防污 / 大容量 / 便携",
+			"ecommerce.protectedFeatures": "必须保留的特征，例如：颜色、Logo、包装文字、结构",
+			"ecommerce.styleHint": "风格补充，例如：高级感 / 写实 / 自然光",
+			"ecommerce.setStructure": "套图结构",
+			"ecommerce.preview": "生成套图预览",
+			"ecommerce.planTitle": "预计生成 {count} 张图片",
+			"ecommerce.planSlot": "{count} 张 · {description}",
+			"ecommerce.confirm": "确认生成整套图片",
+			"ecommerce.uploadRef": "上传商品素材（可选，最多 4 张：主体 / 包装 / 细节 / 风格）",
+			"ecommerce.uploadShort": "上传素材",
+			"ecommerce.sellingTitle": "商品卖点",
+			"ecommerce.advanced": "高级选项（项目 / 平台 / 约束）",
+			"ecommerce.params": "参数选择",
+			"ecommerce.platformLabel": "平台",
+			"ecommerce.languageLabel": "文案语言",
+			"ecommerce.ratioLabel": "比例",
+			"ecommerce.categoryLabel": "类目",
+			"ecommerce.multiSelect": "可多选",
+			"ecommerce.countHint": "点击调整数量（1-4）",
+			"ecommerce.refSettings": "参考图设置（可选）",
+			"ecommerce.styleTitle": "风格 / 补充提示",
+			"ecommerce.protectedLabel": "必须保留的特征（可选）",
+			"ecommerce.assetsFull": "最多上传 4 张素材",
+			"ecommerce.refSelect": "该用途使用的参考图",
+			"ecommerce.refNone": "不使用参考图",
+			"ecommerce.role.product": "商品主体",
+			"ecommerce.role.packaging": "包装",
+			"ecommerce.role.detail": "细节/角度",
+			"ecommerce.role.style": "风格参考",
+			"ecommerce.footerReady": "将生成 {count} 张套图",
+			"ecommerce.footerEmpty": "请选择套图结构",
+			"ecommerce.results.title": "套图结果",
+			"ecommerce.results.progress": "{done}/{total} 已完成",
+			"ecommerce.results.failed": "{count} 张失败",
+			"ecommerce.results.empty": "确认生成后，每张图片的任务状态和结果会按用途显示在这里",
+			"ecommerce.results.regenerate": "重新生成",
+			"ecommerce.results.export": "导出清单",
+			"ecommerce.results.newProduct": "新商品",
 			"prompt.placeholder": "描述你想要的画面，例如：一只戴着宇航员头盔的橘猫，在月球上举起望远镜，水彩风格，柔和光线…",
 			"prompt.required": "请输入提示词",
 			"prompt.count": "{count}",
@@ -338,6 +419,7 @@ window.__ModuleLoader__.load({
 			"detail.high": "高清",
 			"detail.hint": "透传参数，部分 gpt-image-2 网关支持；官方接口请保持「自动」",
 			"model.label": "模型",
+			"model.noEditModels": "当前模式暂无可用模型",
 			"compare.enable": "多模型对比",
 			"compare.models": "参与对比的模型",
 			"compare.title": "多模型结果对比",
@@ -352,6 +434,8 @@ window.__ModuleLoader__.load({
 			"edit.required": "请先上传参考图片",
 			"canvas.emptyTitle": "开始你的创作",
 			"canvas.emptyHint": "在左侧输入提示词并点击「开始生成」，结果将显示在这里",
+			"canvas.new": "新建作图",
+			"canvas.newHint": "开始新的作图并清空预览",
 			"canvas.error": "生成失败：{error}",
 			"canvas.submitting": "正在加入生成队列…",
 			"canvas.queued": "已加入生成队列",
@@ -364,6 +448,7 @@ window.__ModuleLoader__.load({
 			"history.title": "历史记录",
 			"history.empty": "暂无历史记录，生成图片后会保存在这里",
 			"history.clear": "清空",
+			"history.clearConfirm": "确定要清空全部历史记录吗？此操作不可撤销。",
 			"history.restore": "恢复",
 			"history.delete": "删除",
 			"history.images": "张",
@@ -407,6 +492,7 @@ window.__ModuleLoader__.load({
 			"gallery.already": "已在画廊中",
 			"gallery.delete": "移出画廊",
 			"gallery.clear": "清空画廊",
+			"gallery.clearConfirm": "确定要清空整个画廊吗？此操作不可撤销。",
 			"gallery.empty": "画廊还是空的，把喜欢的图片加入进来吧",
 			"gallery.viewing": "画廊 · {time}",
 			"preview.title": "图片预览",
@@ -434,6 +520,8 @@ window.__ModuleLoader__.load({
 			"config.disabled": "插件已停用，请在设置中重新启用。",
 			"connection.connected": "已连接",
 			"connection.disconnected": "未连接",
+			"panel.collapseConfig": "收起参数栏",
+			"panel.expandConfig": "展开参数栏",
 			"update.available": "检测到新版本：{version}",
 			"update.install": "在线更新",
 			"update.installing": "更新中…",
@@ -568,23 +656,88 @@ window.__ModuleLoader__.load({
 			"channels.addModelConfirm": "添加",
 			"channels.copyFrom": "从其他渠道复制…",
 			"channels.copyApply": "复制",
-			"channels.candidatesTitle": "候选模型（点击加入）",
-			"channels.candidatesQuick": "只勾已收录协议",
+			"channels.candidatesTitle": "图片模型候选（点击加入）",
 			"channels.deleteThisChannel": "删除此渠道",
 			"channels.setDefault": "设为默认渠道",
 			"channels.presetPickerTitle": "添加提供方",
 			"channels.presetPickerHint": "选择一个内置提供方，仅需填写 API 密钥",
-			"channels.presetModelsHint": "{n} 个预置模型",
 			"channels.presetCustomHint": "自行填写 API 地址、密钥与模型目录",
 			"channels.presetLoadFailed": "加载提供方失败：{error}"
 		};
 		const en = {
 			"entry.label": "AI Image",
-			"entry.tooltip": "AI image generation studio (gpt-image-2 / grok-imagine-image / nanobanana / seedream family)",
+			"entry.tooltip": "AI image generation studio (gpt-image-2 / glm-image / grok-imagine-image / nanobanana / seedream family)",
+			"entry.newSession": "New session",
+			"entry.newSessionTooltip": "Create a new DSH session",
+			"entry.image": "Image",
 			"panel.title": "AI Image",
 			"panel.githubTip": "Like it or have suggestions? Head to GitHub to open issues and star us!",
+			"conversation.add": "Add to chat",
+			"conversation.adding": "Adding…",
+			"conversation.added": "Image added to the current chat",
+			"conversation.addHint": "After adding to chat, use /edit_image to modify it; the command uses the plugin image model",
+			"conversation.noSession": "Open a session before adding an image",
+			"conversation.unavailable": "The current session is unavailable",
+			"conversation.busy": "The chat is sending a message; try again shortly",
 			"mode.text": "Text to Image",
 			"mode.edit": "Image to Image",
+			"workspace.label": "Workspace",
+			"workspace.normal": "Standard",
+			"workspace.ecommerce": "E-commerce",
+			"chat.expand": "Expand the conversation pane",
+			"chat.collapse": "Collapse the conversation pane",
+			"chat.toggle": "Chat",
+			"config.resizeHint": "Drag to resize the parameter panel",
+			"ecommerce.generation": "Generation settings",
+			"ecommerce.title": "E-commerce Mode",
+			"ecommerce.badge": "Beta",
+			"ecommerce.short": "Store",
+			"ecommerce.anchorPending": "Main image generated — remaining images are being generated with the main image as reference to keep the set consistent…",
+			"ecommerce.anchorFailed": "Main image failed; remaining images are paused. Retry the main image or regenerate the set.",
+			"ecommerce.anchorNote": "Anchored: main image first, remaining images reference it automatically for a consistent set",
+			"ecommerce.noAssetWarn": "No product image uploaded: the main image will be generated from text as the anchor. Upload one for higher consistency.",
+			"ecommerce.product": "Product details",
+			"ecommerce.productName": "Product name (required)",
+			"ecommerce.projectName": "Project name (optional)",
+			"ecommerce.constraints": "Selling points & constraints",
+			"ecommerce.sellingPoints": "Selling points, e.g. waterproof / large capacity / portable",
+			"ecommerce.protectedFeatures": "Features to preserve: color, logo, packaging text, structure",
+			"ecommerce.styleHint": "Style hint, e.g. premium / realistic / natural light",
+			"ecommerce.setStructure": "Image set structure",
+			"ecommerce.preview": "Preview product set",
+			"ecommerce.planTitle": "Plan to generate {count} images",
+			"ecommerce.planSlot": "{count} images · {description}",
+			"ecommerce.confirm": "Confirm and generate set",
+			"ecommerce.uploadRef": "Upload product assets (optional, up to 4: product / packaging / detail / style)",
+			"ecommerce.uploadShort": "Upload",
+			"ecommerce.sellingTitle": "Selling points",
+			"ecommerce.advanced": "Advanced (project / platform / constraints)",
+			"ecommerce.params": "Parameters",
+			"ecommerce.platformLabel": "Platform",
+			"ecommerce.languageLabel": "Copy language",
+			"ecommerce.ratioLabel": "Aspect ratio",
+			"ecommerce.categoryLabel": "Category",
+			"ecommerce.multiSelect": "multi-select",
+			"ecommerce.countHint": "Click to adjust count (1-4)",
+			"ecommerce.refSettings": "Reference images (optional)",
+			"ecommerce.styleTitle": "Style / extra hints",
+			"ecommerce.protectedLabel": "Features to preserve (optional)",
+			"ecommerce.assetsFull": "Up to 4 assets",
+			"ecommerce.refSelect": "Reference image for this slot",
+			"ecommerce.refNone": "No reference",
+			"ecommerce.role.product": "Product",
+			"ecommerce.role.packaging": "Packaging",
+			"ecommerce.role.detail": "Detail / angle",
+			"ecommerce.role.style": "Style",
+			"ecommerce.footerReady": "{count} images in this set",
+			"ecommerce.footerEmpty": "Select the image set structure",
+			"ecommerce.results.title": "Product set results",
+			"ecommerce.results.progress": "{done}/{total} completed",
+			"ecommerce.results.failed": "{count} failed",
+			"ecommerce.results.empty": "After confirming, each image task and result will show here grouped by purpose",
+			"ecommerce.results.regenerate": "Regenerate",
+			"ecommerce.results.export": "Export manifest",
+			"ecommerce.results.newProduct": "New product",
 			"prompt.placeholder": "Describe the picture you want, e.g. an orange cat in an astronaut helmet raising a telescope on the moon, watercolor style, soft light…",
 			"prompt.required": "Enter a prompt first",
 			"prompt.count": "{count}",
@@ -627,6 +780,7 @@ window.__ModuleLoader__.load({
 			"detail.high": "High",
 			"detail.hint": "Passthrough parameter supported by some gpt-image-2 gateways; keep \"Auto\" for official endpoints",
 			"model.label": "Model",
+			"model.noEditModels": "No model is available for this mode",
 			"compare.enable": "Multi-model comparison",
 			"compare.models": "Models to compare",
 			"compare.title": "Multi-model comparison",
@@ -641,6 +795,8 @@ window.__ModuleLoader__.load({
 			"edit.required": "Upload a reference image first",
 			"canvas.emptyTitle": "Start creating",
 			"canvas.emptyHint": "Enter a prompt on the left and click \"Generate\"; results appear here",
+			"canvas.new": "New creation",
+			"canvas.newHint": "Start a new creation and clear the preview",
 			"canvas.error": "Generation failed: {error}",
 			"canvas.submitting": "Adding to the generation queue…",
 			"canvas.queued": "Added to the generation queue",
@@ -653,6 +809,7 @@ window.__ModuleLoader__.load({
 			"history.title": "History",
 			"history.empty": "No history yet — generations will be saved here",
 			"history.clear": "Clear",
+			"history.clearConfirm": "Clear all history? This action cannot be undone.",
 			"history.restore": "Restore",
 			"history.delete": "Delete",
 			"history.images": "images",
@@ -696,6 +853,7 @@ window.__ModuleLoader__.load({
 			"gallery.already": "Already in gallery",
 			"gallery.delete": "Remove",
 			"gallery.clear": "Clear gallery",
+			"gallery.clearConfirm": "Clear the entire gallery? This action cannot be undone.",
 			"gallery.empty": "The gallery is empty — add images you like here",
 			"gallery.viewing": "Gallery · {time}",
 			"preview.title": "Image preview",
@@ -723,6 +881,8 @@ window.__ModuleLoader__.load({
 			"config.disabled": "The plugin is disabled — re-enable it in Settings.",
 			"connection.connected": "Connected",
 			"connection.disconnected": "Disconnected",
+			"panel.collapseConfig": "Collapse settings panel",
+			"panel.expandConfig": "Expand settings panel",
 			"update.available": "A new version is available: {version}",
 			"update.install": "Update online",
 			"update.installing": "Updating…",
@@ -857,13 +1017,11 @@ window.__ModuleLoader__.load({
 			"channels.addModelConfirm": "Add",
 			"channels.copyFrom": "Copy from another channel…",
 			"channels.copyApply": "Copy",
-			"channels.candidatesTitle": "Candidates (click to add)",
-			"channels.candidatesQuick": "Add only known protocols",
+			"channels.candidatesTitle": "Image model candidates (click to add)",
 			"channels.deleteThisChannel": "Delete this channel",
 			"channels.setDefault": "Set as default channel",
 			"channels.presetPickerTitle": "Add provider",
 			"channels.presetPickerHint": "Pick a built-in provider — only the API key is needed",
-			"channels.presetModelsHint": "{n} preset model(s)",
 			"channels.presetCustomHint": "Configure the API URL, key, and model catalog yourself",
 			"channels.presetLoadFailed": "Failed to load providers: {error}"
 		};
@@ -903,47 +1061,47 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var templates_module_css_default = {
-			"detailMeta": "o0mAxG_detailMeta",
-			"body": "o0mAxG_body",
-			"cardSource": "o0mAxG_cardSource",
-			"notice": "o0mAxG_notice",
-			"cardCategory": "o0mAxG_cardCategory",
-			"detailActions": "o0mAxG_detailActions",
-			"overlay": "o0mAxG_overlay",
-			"shell": "o0mAxG_shell",
+			"dsh-imagegen-templates-spin": "o0mAxG_dsh-imagegen-templates-spin",
+			"headerActions": "o0mAxG_headerActions",
 			"cardMeta": "o0mAxG_cardMeta",
+			"detailPrompt": "o0mAxG_detailPrompt",
+			"close": "o0mAxG_close",
+			"detailLink": "o0mAxG_detailLink",
+			"overlay": "o0mAxG_overlay",
 			"categoryPill": "o0mAxG_categoryPill",
+			"notice": "o0mAxG_notice",
+			"title": "o0mAxG_title",
+			"grid": "o0mAxG_grid",
+			"cardSource": "o0mAxG_cardSource",
+			"heading": "o0mAxG_heading",
 			"thumbWrap": "o0mAxG_thumbWrap",
+			"detail": "o0mAxG_detail",
 			"thumbPlaceholder": "o0mAxG_thumbPlaceholder",
-			"cardBody": "o0mAxG_cardBody",
-			"attribution": "o0mAxG_attribution",
-			"sourceLink": "o0mAxG_sourceLink",
+			"detailMedia": "o0mAxG_detailMedia",
 			"detailInfo": "o0mAxG_detailInfo",
-			"detail": "o0mAxG_detail",
-			"detailTitle": "o0mAxG_detailTitle",
-			"footer": "o0mAxG_footer",
-			"detailPrompt": "o0mAxG_detailPrompt",
 			"thumb": "o0mAxG_thumb",
-			"detailLink": "o0mAxG_detailLink",
-			"title": "o0mAxG_title",
+			"footer": "o0mAxG_footer",
+			"attribution": "o0mAxG_attribution",
+			"cardCategory": "o0mAxG_cardCategory",
+			"sourceLink": "o0mAxG_sourceLink",
 			"meta": "o0mAxG_meta",
 			"toolbar": "o0mAxG_toolbar",
-			"detailOverlay": "o0mAxG_detailOverlay",
-			"detailImage": "o0mAxG_detailImage",
-			"categoryRow": "o0mAxG_categoryRow",
-			"dsh-imagegen-templates-spin": "o0mAxG_dsh-imagegen-templates-spin",
-			"headerActions": "o0mAxG_headerActions",
+			"detailActions": "o0mAxG_detailActions",
+			"cardTitle": "o0mAxG_cardTitle",
 			"search": "o0mAxG_search",
-			"card": "o0mAxG_card",
-			"heading": "o0mAxG_heading",
 			"spinner": "o0mAxG_spinner",
-			"close": "o0mAxG_close",
-			"header": "o0mAxG_header",
+			"cardBody": "o0mAxG_cardBody",
 			"featuredBadge": "o0mAxG_featuredBadge",
-			"cardTitle": "o0mAxG_cardTitle",
-			"grid": "o0mAxG_grid",
+			"body": "o0mAxG_body",
+			"detailMeta": "o0mAxG_detailMeta",
+			"header": "o0mAxG_header",
+			"categoryRow": "o0mAxG_categoryRow",
+			"detailImage": "o0mAxG_detailImage",
+			"detailTitle": "o0mAxG_detailTitle",
 			"state": "o0mAxG_state",
-			"detailMedia": "o0mAxG_detailMedia"
+			"card": "o0mAxG_card",
+			"shell": "o0mAxG_shell",
+			"detailOverlay": "o0mAxG_detailOverlay"
 		};
 		//#endregion
 		//#region src/client/TemplateLibrary.tsx
@@ -1656,7 +1814,8 @@ window.__ModuleLoader__.load({
 			"nanobanana2",
 			"nanobanana2-lite",
 			"nanobanana-pro",
-			"seedream-5.0-pro"
+			"seedream-5.0-pro",
+			"glm-image"
 		];
 		/** Normalize user-entered model identifiers and retain a usable legacy default. */
 		function normalizeImageModels(value) {
@@ -1670,8 +1829,118 @@ window.__ModuleLoader__.load({
 			return unique.size > 0 ? [...unique] : [...DEFAULT_IMAGE_MODELS];
 		}
 		//#endregion
+		//#region src/model-catalog.ts
+		const ENTRIES = {
+			"gpt-image": {
+				label: "gpt-image",
+				labelZh: "GPT 图像",
+				known: true,
+				supportsEdit: true,
+				supportsAspectRatio: false,
+				qualityTiers: [
+					"1K",
+					"2K",
+					"4K"
+				]
+			},
+			"dall-e": {
+				label: "DALL·E",
+				labelZh: "DALL·E",
+				known: true,
+				supportsEdit: true,
+				supportsAspectRatio: false,
+				qualityTiers: ["auto"]
+			},
+			grok: {
+				label: "grok",
+				labelZh: "Grok",
+				known: true,
+				supportsEdit: true,
+				supportsAspectRatio: true,
+				qualityTiers: ["1K", "2K"]
+			},
+			nanobanana: {
+				label: "nanobanana",
+				labelZh: "Nano Banana",
+				known: true,
+				supportsEdit: true,
+				supportsAspectRatio: true,
+				qualityTiers: [
+					"1K",
+					"2K",
+					"4K"
+				]
+			},
+			seedream: {
+				label: "seedream",
+				labelZh: "Seedream",
+				known: true,
+				supportsEdit: true,
+				supportsAspectRatio: true,
+				qualityTiers: ["1K", "2K"]
+			},
+			zhipu: {
+				label: "GLM-Image",
+				labelZh: "智谱图像",
+				known: true,
+				supportsEdit: false,
+				supportsAspectRatio: false,
+				qualityTiers: ["HD"]
+			}
+		};
+		/** Official Gemini image ids served by Nano Banana gateways. */
+		const NANOBANANA_GEMINI_IDS = /* @__PURE__ */ new Set([
+			"gemini-3-pro-image",
+			"gemini-3-pro-image-preview",
+			"gemini-3.1-flash-image",
+			"gemini-3.1-flash-image-preview",
+			"gemini-3.1-flash-lite-image",
+			"gemini-2.5-flash-image"
+		]);
+		/** Classify one upstream model id into its request-shaping family. */
+		function describeModel(model) {
+			const id = model.trim();
+			if (/^gpt-image/i.test(id)) return {
+				family: "gpt-image",
+				...ENTRIES["gpt-image"]
+			};
+			if (/^dall-e/i.test(id)) return {
+				family: "dall-e",
+				...ENTRIES["dall-e"]
+			};
+			if (/^grok-imagine(?:-|$)/.test(id)) return {
+				family: "grok",
+				...ENTRIES.grok
+			};
+			if (/^nanobanana/i.test(id) || NANOBANANA_GEMINI_IDS.has(id)) return {
+				family: "nanobanana",
+				...ENTRIES.nanobanana
+			};
+			if (/^(?:doubao-)?seedream/i.test(id)) return {
+				family: "seedream",
+				...ENTRIES.seedream
+			};
+			if (/^(?:glm-image|cogview(?:-|$))/i.test(id)) return {
+				family: "zhipu",
+				...ENTRIES.zhipu
+			};
+			return {
+				family: "unknown",
+				label: "unknown",
+				labelZh: "未知协议",
+				known: false,
+				supportsEdit: true,
+				supportsAspectRatio: false,
+				qualityTiers: []
+			};
+		}
+		//#endregion
+		//#region src/client/conversation-sync.ts
+		/** Document event used to bridge chat tool results into the image workspace. */
+		const CHAT_IMAGE_EVENT = "dsh-imagegen:chat-images";
+		//#endregion
 		//#region \0dsh-css:E:\dsh-plugin\src\client\panel.module.css.mjs
-		const css$2 = "[data-pane=conversation],[class*=centerCol]{position:relative}[data-dsh-imagegen-view]{z-index:60;background:var(--dsw-alias-bg-base);display:none;position:absolute;inset:0}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-imagegen-view]{display:block}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane=conversation]>:not([data-dsh-imagegen-view]),html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*=centerCol]>:not([data-dsh-imagegen-view]){display:none!important}.Yvqh9W_entry{width:100%;height:32px;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.Yvqh9W_entry:hover{background:var(--dsw-specific-sidebar-nav-item-hover);color:var(--dsw-alias-label-primary)}.Yvqh9W_entry[data-active]{background:var(--dsw-specific-sidebar-nav-item-active);color:var(--dsw-alias-label-primary);font-weight:600}.Yvqh9W_entryIcon{flex:none;justify-content:center;align-items:center;display:inline-flex}.Yvqh9W_entryLabel{text-overflow:ellipsis;overflow:hidden}[data-dsh-frame][data-sidebar-collapsed] .Yvqh9W_entry{justify-content:center;width:100%;padding:0}[data-dsh-frame][data-sidebar-collapsed] .Yvqh9W_entryLabel{display:none}.Yvqh9W_view{overflow:hidden}.Yvqh9W_panel,.Yvqh9W_panel *,.Yvqh9W_panel :before,.Yvqh9W_panel :after{box-sizing:border-box}.Yvqh9W_panel{background:var(--dsw-alias-bg-base);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;position:relative;overflow:hidden}.Yvqh9W_panelHeader{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.Yvqh9W_panelHeading{align-items:baseline;gap:10px;min-width:0;display:flex}.Yvqh9W_panelTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700}.Yvqh9W_githubLink{width:22px;height:22px;color:var(--dsw-alias-label-secondary);border-radius:6px;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:color .12s,background .12s;display:inline-flex}.Yvqh9W_githubLink:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.Yvqh9W_connectionStatus{border:1px solid var(--dsw-alias-label-error);height:28px;color:var(--dsw-alias-label-error);font:inherit;white-space:nowrap;background:0 0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;line-height:1;display:inline-flex}.Yvqh9W_connectionStatus[data-connected=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.Yvqh9W_connectionDot{background:currentColor;border-radius:50%;width:6px;height:6px}.Yvqh9W_updateBanner{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);overflow-wrap:anywhere;border-radius:10px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px 7px 12px;font-size:12px;line-height:1.5;display:flex}.Yvqh9W_updateBanner[data-kind=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.Yvqh9W_updateText{min-width:0}.Yvqh9W_updateActions{flex:none;align-items:center;gap:10px;display:inline-flex}.Yvqh9W_updateRelease{color:inherit;text-underline-offset:2px;white-space:nowrap;text-decoration:underline}@media (width<=700px){.Yvqh9W_panelHeader{align-items:flex-start}.Yvqh9W_panelHeading{flex-direction:column;align-items:flex-start;gap:2px}.Yvqh9W_updateBanner{flex-direction:column;align-items:flex-start}.Yvqh9W_updateActions{justify-content:space-between;width:100%}}.Yvqh9W_studio{flex:1;gap:14px;min-width:0;min-height:0;display:flex}.Yvqh9W_config{flex-direction:column;flex:none;gap:12px;width:300px;min-width:260px;max-width:340px;height:100%;min-height:0;display:flex;overflow:hidden}.Yvqh9W_configScroll{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.Yvqh9W_configScroll::-webkit-scrollbar{width:8px}.Yvqh9W_configScroll::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_canvas{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.Yvqh9W_taskTray{z-index:6;border:1px solid var(--dsw-alias-border-l2);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 92%, transparent);backdrop-filter:blur(10px);border-radius:9px;flex-direction:column;width:min(360px,100% - 24px);max-height:calc(100% - 24px);display:flex;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.Yvqh9W_taskTray[data-open=false]{width:auto;max-width:calc(100% - 24px)}.Yvqh9W_taskTrayHeader{min-height:34px;color:var(--dsw-alias-label-primary);border-bottom:1px solid var(--dsw-alias-border-l1);align-items:stretch;font-size:12px;font-weight:600;display:flex}.Yvqh9W_taskTray[data-open=false] .Yvqh9W_taskTrayHeader{border-bottom:0}.Yvqh9W_taskTrayToggle{min-width:0;color:inherit;cursor:pointer;font:inherit;font-size:inherit;font-weight:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.Yvqh9W_taskTrayToggle:hover{background:var(--dsw-alias-bg-layer-2)}.Yvqh9W_taskTrayCount{min-width:18px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);text-align:center;border-radius:999px;padding:1px 5px;font-size:11px;font-weight:500}.Yvqh9W_taskTrayChevron{color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:12px;font-weight:400}.Yvqh9W_taskTrayClose{border:0;border-left:1px solid var(--dsw-alias-border-l1);width:32px;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;background:0 0;font-size:17px}.Yvqh9W_taskTrayClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.Yvqh9W_taskTray[data-open=false] .Yvqh9W_taskTrayToggle{min-height:34px}.Yvqh9W_taskRows{min-height:0;overflow-y:auto}.Yvqh9W_taskTray[data-open=false] .Yvqh9W_taskRows{display:none}.Yvqh9W_taskRow{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 10px;display:grid}.Yvqh9W_taskRow:first-of-type{border-top:0}.Yvqh9W_taskStatus{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11px}.Yvqh9W_taskRow[data-status=running] .Yvqh9W_taskStatus{color:var(--dsw-alias-brand-primary)}.Yvqh9W_taskRow[data-status=failed] .Yvqh9W_taskStatus{color:var(--dsw-alias-label-error)}.Yvqh9W_taskPrompt{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.Yvqh9W_taskRow button{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border:0;border-radius:5px;padding:2px 7px;font-size:11px}.Yvqh9W_taskRow button:hover{color:var(--dsw-alias-brand-primary)}.Yvqh9W_configGuide{z-index:1100;background:#00000059;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.Yvqh9W_configGuideBody{border:1px solid var(--dsw-alias-border-l2);width:min(360px,100%);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border-radius:10px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 14px 40px #0003}.Yvqh9W_configGuideBody span{color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.55}.Yvqh9W_configGuideBody button{min-height:30px;color:var(--dsw-alias-bg-layer-1);background:var(--dsw-alias-brand-primary);cursor:pointer;font:inherit;border:0;border-radius:7px;align-self:flex-end;padding:0 12px;font-size:12px}.Yvqh9W_history{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:none;width:240px;min-width:200px;max-width:280px;min-height:0;display:flex;overflow:hidden}.Yvqh9W_historyHeader{border-bottom:1px solid var(--dsw-alias-border-l1);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.Yvqh9W_historyFilters{border-bottom:1px solid var(--dsw-alias-border-l1);grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px;display:grid}.Yvqh9W_historySearch,.Yvqh9W_historyFilters select,.Yvqh9W_gallerySearch{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);min-width:0;min-height:29px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.Yvqh9W_historySearch{grid-column:1/-1}.Yvqh9W_gallerySearch{width:156px}.Yvqh9W_galleryTagInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);width:130px;min-height:29px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.Yvqh9W_galleryBulkButton{border:1px solid var(--dsw-alias-border-l2);min-height:29px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.Yvqh9W_galleryBulkButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_galleryBulkButton:disabled{opacity:.45;cursor:default}.Yvqh9W_historyTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.Yvqh9W_historyClear{font:inherit;color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.Yvqh9W_historyClear:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.Yvqh9W_historyList{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.Yvqh9W_historyList::-webkit-scrollbar{width:8px}.Yvqh9W_historyList::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_historyEmpty{text-align:center;color:var(--dsw-alias-label-tertiary);flex:1;justify-content:center;align-items:center;padding:20px;font-size:12px;line-height:1.6;display:flex}.Yvqh9W_historyItem{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:10px;flex-direction:column;flex:none;gap:6px;padding:8px;display:flex}.Yvqh9W_historyItem:hover{border-color:var(--dsw-alias-border-l2)}.Yvqh9W_historyItem[data-active]{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_historyMain{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:8px;min-width:0;padding:0;display:flex}.Yvqh9W_historyThumb{object-fit:cover;background:var(--dsw-alias-bg-base);border-radius:8px;flex:none;width:52px;height:52px}.Yvqh9W_historyThumbPlaceholder{background:var(--dsw-alias-bg-layer-3);border-radius:8px;flex:none;width:52px;height:52px}.Yvqh9W_historyInfo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Yvqh9W_historyPrompt{color:var(--dsw-alias-label-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.Yvqh9W_historyMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.Yvqh9W_historyActions{justify-content:flex-end;gap:6px;display:flex}.Yvqh9W_historyAction{font:inherit;color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.Yvqh9W_historyAction:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.Yvqh9W_historyAction[data-danger]:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.Yvqh9W_card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}.Yvqh9W_modeRow{align-items:center;gap:8px;display:flex}.Yvqh9W_modePill{flex:1;justify-content:center;height:28px;font-size:13px}.Yvqh9W_uploadBox{min-height:128px;color:var(--dsw-alias-label-secondary);border:1.5px dashed var(--dsw-alias-border-l2);cursor:pointer;font:inherit;text-align:center;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:12.5px;display:flex}.Yvqh9W_uploadBox:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-interactive-bg-hover)}.Yvqh9W_uploadBox:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Yvqh9W_uploadIcon{color:var(--dsw-alias-label-tertiary);display:inline-flex}.Yvqh9W_uploadHint{color:var(--dsw-alias-label-tertiary);font-size:11px}.Yvqh9W_reference{flex-direction:column;gap:8px;display:flex}.Yvqh9W_referenceImage{object-fit:contain;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;width:100%;max-height:176px}.Yvqh9W_referenceActions{gap:8px;display:flex}.Yvqh9W_hiddenFile{display:none}.Yvqh9W_prompt{width:100%;min-height:120px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.Yvqh9W_prompt:focus-visible{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_prompt::placeholder{color:var(--dsw-alias-label-tertiary)}.Yvqh9W_promptFooter{justify-content:space-between;align-items:center;gap:8px;margin-top:-6px;display:flex}.Yvqh9W_templatesButton{border:1px solid var(--dsw-alias-brand-primary);background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent), color-mix(in srgb, var(--dsw-alias-brand-primary) 5%, transparent));height:26px;color:var(--dsw-alias-brand-primary);cursor:pointer;box-shadow:0 1px 0 color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.Yvqh9W_templatesButton svg{flex:none}.Yvqh9W_templatesButton:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-alias-brand-primary) 24%, transparent), color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, transparent));color:var(--dsw-alias-brand-primary);box-shadow:0 2px 6px color-mix(in srgb, var(--dsw-alias-brand-primary) 30%, transparent);transform:translateY(-1px)}.Yvqh9W_templatesButton:active{transform:translateY(0)}.Yvqh9W_enhanceButton{border:1px solid var(--dsw-alias-border-l2);height:26px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:999px;margin-left:auto;padding:0 11px;font-size:12px}.Yvqh9W_enhanceButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_enhanceButton:disabled{opacity:.5;cursor:default}.Yvqh9W_promptCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.Yvqh9W_paramGroup{flex-direction:column;gap:8px;display:flex}.Yvqh9W_paramLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.Yvqh9W_optionRow{flex-wrap:wrap;gap:6px;display:flex}.Yvqh9W_optionGrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.Yvqh9W_optionPill{justify-content:center}.Yvqh9W_paramHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.45}.Yvqh9W_footer{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;align-items:stretch;gap:8px;padding:10px 2px 0 0;display:flex}.Yvqh9W_modelWrap{flex-direction:column;gap:5px;min-width:0;display:flex}.Yvqh9W_modelLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.Yvqh9W_modelSelect{width:100%;height:36px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;text-align:left;border-radius:18px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:13px;display:flex}.Yvqh9W_modelSelect:focus-visible{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_modelSelect:disabled{opacity:.55;cursor:default}.Yvqh9W_modelMenu{min-width:0;display:block;position:relative}.Yvqh9W_modelMenuList{z-index:40;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 -8px 24px #0000002e}.Yvqh9W_modelMenuItem{width:100%;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;padding:7px 10px;font-size:13px;display:block;overflow:hidden}.Yvqh9W_modelMenuItem:hover{background:var(--dsw-alias-bg-hover)}.Yvqh9W_modelMenuItem[data-selected]{color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-bg-layer-1);font-weight:600}.Yvqh9W_generateButton{width:100%}.Yvqh9W_generateInner{align-items:center;gap:7px;display:inline-flex}.Yvqh9W_canvasState{text-align:center;color:var(--dsw-alias-label-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.Yvqh9W_canvasStateTitle{color:var(--dsw-alias-label-secondary);font-size:14px;font-weight:600}.Yvqh9W_canvasStateHint{max-width:380px;font-size:12px;line-height:1.6}.Yvqh9W_canvasEmptyIcon{color:var(--dsw-alias-label-tertiary);margin-bottom:4px;display:inline-flex}.Yvqh9W_canvasError{color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-label-error);overflow-wrap:anywhere;border-radius:10px;flex:none;margin:14px;padding:10px 14px;font-size:12.5px;line-height:1.6}.Yvqh9W_canvasBody{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.Yvqh9W_canvasBody::-webkit-scrollbar{width:8px}.Yvqh9W_canvasBody::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_canvasMeta{color:var(--dsw-alias-label-tertiary);flex:none;align-items:center;gap:8px;font-size:12px;display:flex}.Yvqh9W_canvasHistoryTag{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}.Yvqh9W_grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;display:grid}.Yvqh9W_grid[data-count=\"1\"] .Yvqh9W_imageCard{grid-area:1/1/3/3}.Yvqh9W_imageCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);cursor:zoom-in;border-radius:12px;flex-direction:column;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.Yvqh9W_imageCard:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Yvqh9W_image{object-fit:cover;background:var(--dsw-alias-bg-base);flex:1;width:100%;min-height:0;display:block}.Yvqh9W_imageCaption{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid var(--dsw-alias-border-l1);padding:7px 10px;font-size:11px;line-height:1.5;overflow:hidden}.Yvqh9W_download{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;transition:opacity .12s;position:absolute;top:8px;right:8px}.Yvqh9W_imageCard:hover .Yvqh9W_download{opacity:1}.Yvqh9W_download:hover{background:var(--dsw-alias-bg-base)}.Yvqh9W_galleryAdd{font:inherit;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;opacity:0;backdrop-filter:blur(4px);border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;top:8px;left:8px}.Yvqh9W_imageCard:hover .Yvqh9W_galleryAdd{opacity:1}.Yvqh9W_galleryAdd:hover{background:var(--dsw-alias-bg-base)}.Yvqh9W_galleryAdd:disabled{opacity:.4;cursor:default}.Yvqh9W_zoomHint{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;bottom:8px;left:8px}.Yvqh9W_imageCard:hover .Yvqh9W_zoomHint{opacity:1}.Yvqh9W_spinner,.Yvqh9W_bigSpinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;animation:.8s linear infinite Yvqh9W_dshImageGenSpin;display:inline-block}.Yvqh9W_spinner{width:11px;height:11px}.Yvqh9W_bigSpinner{width:30px;height:30px;color:var(--dsw-alias-state-business-primary);border-width:3px;margin-bottom:6px}.Yvqh9W_lightbox{z-index:1000;backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.Yvqh9W_lightboxClose{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:16px;right:16px}.Yvqh9W_lightboxClose:hover{background:#ffffff42}.Yvqh9W_lightboxNav{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.Yvqh9W_lightboxNav:hover{background:#ffffff42}.Yvqh9W_lightboxNav[data-dir=prev]{left:max(20px,50% - 640px)}.Yvqh9W_lightboxNav[data-dir=next]{right:max(20px,50% - 640px)}.Yvqh9W_lightboxFigure{flex-direction:column;gap:10px;width:min(1100px,100vw - 160px);max-width:min(1100px,100vw - 160px);height:min(820px,100vh - 48px);min-height:0;margin:0;display:flex}.Yvqh9W_lightboxStage{background:#ffffff0a;border-radius:10px;flex:1;min-height:0;position:relative;overflow:auto}.Yvqh9W_lightboxScaleFrame{justify-content:center;align-items:center;min-width:100%;min-height:100%;display:flex}.Yvqh9W_lightboxImage{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%;display:block;box-shadow:0 24px 80px #00000080}.Yvqh9W_lightboxTools{justify-content:center;align-items:center;gap:6px;display:flex}.Yvqh9W_lightboxTool,.Yvqh9W_lightboxZoomLevel,.Yvqh9W_lightboxCopy{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;justify-content:center;align-items:center;display:inline-flex}.Yvqh9W_lightboxTool,.Yvqh9W_lightboxZoomLevel{height:32px}.Yvqh9W_lightboxTool{border-radius:50%;width:32px}.Yvqh9W_lightboxZoomLevel{min-width:58px;font:inherit;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 9px;font-size:12px}.Yvqh9W_lightboxTool:hover,.Yvqh9W_lightboxZoomLevel:hover,.Yvqh9W_lightboxCopy:hover{background:#ffffff42}.Yvqh9W_lightboxCaptionRow{align-items:flex-start;gap:8px;min-width:0;display:flex}.Yvqh9W_lightboxCaption{color:#ffffffe6;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.Yvqh9W_lightboxCopy{min-height:28px;font:inherit;white-space:nowrap;border-radius:999px;flex:none;gap:5px;padding:4px 9px;font-size:12px}.Yvqh9W_lightboxMeta{justify-content:space-between;align-items:center;gap:12px;display:flex}.Yvqh9W_lightboxIndex{color:#fffc;font-variant-numeric:tabular-nums;font-size:12px}.Yvqh9W_lightboxActions{align-items:center;gap:8px;display:inline-flex}.Yvqh9W_lightboxDownload,.Yvqh9W_lightboxEdit{font:inherit;color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;padding:4px 14px;font-size:12.5px;font-weight:500;text-decoration:none}.Yvqh9W_lightboxDownload:hover,.Yvqh9W_lightboxEdit:hover{background:#ffffff42}.Yvqh9W_lightboxEdit{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px}@media (width<=720px){.Yvqh9W_lightbox{padding:16px}.Yvqh9W_lightboxFigure{width:calc(100vw - 32px);max-width:none}.Yvqh9W_lightboxNav[data-dir=prev]{left:20px}.Yvqh9W_lightboxNav[data-dir=next]{right:20px}.Yvqh9W_lightboxCaptionRow,.Yvqh9W_lightboxMeta{flex-direction:column;align-items:stretch}.Yvqh9W_lightboxCopy,.Yvqh9W_lightboxActions{align-self:flex-end}}@keyframes Yvqh9W_dshImageGenSpin{to{transform:rotate(360deg)}}.Yvqh9W_galleryToast{z-index:30;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);backdrop-filter:blur(6px);pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:6px 16px;font-size:13px;font-weight:500;animation:.16s ease-out Yvqh9W_dshImageGenToastIn;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000038}@keyframes Yvqh9W_dshImageGenToastIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.Yvqh9W_download,.Yvqh9W_spinner,.Yvqh9W_bigSpinner{transition:none;animation-duration:1.5s}}.Yvqh9W_config[data-gallery=true] .Yvqh9W_configScroll>:not(:first-child),.Yvqh9W_config[data-gallery=true] .Yvqh9W_footer,.Yvqh9W_canvas[data-gallery=true]>.Yvqh9W_canvasState,.Yvqh9W_canvas[data-gallery=true]>.Yvqh9W_canvasError,.Yvqh9W_canvas[data-gallery=true]>.Yvqh9W_canvasBody,.Yvqh9W_studio:has(.Yvqh9W_config[data-gallery=true])>.Yvqh9W_history{display:none}.Yvqh9W_config[data-gallery=true] .Yvqh9W_configScroll{flex:none;order:1;display:flex;overflow:visible}.Yvqh9W_config[data-gallery=true] .Yvqh9W_galleryFilters{flex:1;order:2;min-height:0}.Yvqh9W_galleryFilters{padding:18px 14px;overflow:hidden auto}.Yvqh9W_galleryFilterHeading{color:var(--dsw-alias-label-tertiary);margin:0 4px 10px;font-size:12px;font-weight:600}.Yvqh9W_galleryFilter{width:100%;min-height:34px;color:var(--dsw-alias-label-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.Yvqh9W_galleryFilter:hover,.Yvqh9W_galleryFilter[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent)}.Yvqh9W_galleryFilterCount{min-width:20px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2);text-align:center;border-radius:999px;padding:1px 6px;font-size:11px}.Yvqh9W_galleryFilterDivider{background:var(--dsw-alias-border-l1);height:1px;margin:18px 4px}.Yvqh9W_galleryRatioList{flex-wrap:wrap;gap:6px;display:flex}.Yvqh9W_galleryRatio{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;border:0;border-radius:999px;padding:6px 10px;font-size:12px}.Yvqh9W_galleryRatio[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 13%, transparent)}.Yvqh9W_galleryTagFilterList{flex-wrap:wrap;gap:6px;display:flex}.Yvqh9W_galleryTagFilter{border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:100%;min-height:27px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:11px;display:inline-flex}.Yvqh9W_galleryTagFilter span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.Yvqh9W_galleryTagFilter span:last-child{color:var(--dsw-alias-label-tertiary);font-size:10px}.Yvqh9W_galleryTagFilter:hover,.Yvqh9W_galleryTagFilter[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent)}.Yvqh9W_galleryFilterNote{color:var(--dsw-alias-label-quaternary);margin:20px 4px 0;font-size:11px;line-height:1.5}.Yvqh9W_galleryWorkspace{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;padding:22px 24px 26px;display:flex;position:absolute;inset:0;overflow:hidden}.Yvqh9W_galleryToolbar{flex:none;justify-content:space-between;align-items:center;gap:16px;min-width:0;margin-bottom:18px;display:flex}.Yvqh9W_galleryHeading{color:var(--dsw-alias-label-primary);margin:0;font-size:20px;font-weight:700;display:inline}.Yvqh9W_galleryCount{color:var(--dsw-alias-label-tertiary);margin-left:8px;font-size:13px}.Yvqh9W_galleryToolbarActions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.Yvqh9W_gallerySelectMode,.Yvqh9W_galleryBulkButton,.Yvqh9W_gallerySelectionClear{border:1px solid var(--dsw-alias-border-l1);min-height:30px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:7px;padding:0 10px;font-size:12px}.Yvqh9W_gallerySelectMode:hover,.Yvqh9W_gallerySelectMode[data-active],.Yvqh9W_galleryBulkButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 38%, var(--dsw-alias-border-l1));background:color-mix(in srgb, var(--dsw-alias-brand-primary) 11%, transparent)}.Yvqh9W_galleryBulkButton:disabled{cursor:not-allowed;opacity:.45}.Yvqh9W_gallerySelectionBar{border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 35%, var(--dsw-alias-border-l1));background:color-mix(in srgb, var(--dsw-alias-brand-primary) 7%, var(--dsw-alias-bg-layer-1));border-radius:9px;flex:none;align-items:center;gap:10px;min-width:0;margin:-4px 0 16px;padding:10px 12px;display:flex}.Yvqh9W_gallerySelectionBar strong{color:var(--dsw-alias-brand-primary);flex:none;font-size:12px}.Yvqh9W_gallerySelectionClear{margin-left:auto}.Yvqh9W_gallerySelectionClear:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.Yvqh9W_galleryTagInput,.Yvqh9W_gallerySearch{border:1px solid var(--dsw-alias-border-l1);min-width:0;height:30px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);font:inherit;border-radius:7px;outline:none;padding:0 10px;font-size:12px}.Yvqh9W_galleryTagInput{flex:190px}.Yvqh9W_galleryTagInput:focus,.Yvqh9W_gallerySearch:focus{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_galleryViewToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:9px;padding:3px;display:flex}.Yvqh9W_galleryViewToggle button,.Yvqh9W_gallerySort,.Yvqh9W_galleryClear{min-height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:12px}.Yvqh9W_galleryViewToggle button[data-active],.Yvqh9W_galleryViewToggle button:hover,.Yvqh9W_gallerySort:hover,.Yvqh9W_galleryClear:hover{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 11%, transparent)}.Yvqh9W_gallerySort{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1)}.Yvqh9W_galleryClear{border:1px solid var(--dsw-alias-border-l1)}.Yvqh9W_compareControl{flex-direction:column;gap:6px;margin:0 0 10px;display:flex}.Yvqh9W_compareToggle,.Yvqh9W_compareModelChoices label{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.Yvqh9W_compareToggle input,.Yvqh9W_compareModelChoices input{accent-color:var(--dsw-alias-brand-primary)}.Yvqh9W_compareModelChoices{flex-wrap:wrap;gap:6px;display:flex}.Yvqh9W_compareModelChoices label{border:1px solid var(--dsw-alias-border-l1);border-radius:5px;padding:4px 6px;font-size:10px}.Yvqh9W_comparisonBoard{z-index:4;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;display:flex;position:absolute;inset:126px 14px 14px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.Yvqh9W_comparisonBoard>header{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.Yvqh9W_comparisonBoard>header div{align-items:baseline;gap:7px;display:flex}.Yvqh9W_comparisonBoard>header strong{color:var(--dsw-alias-label-primary);font-size:13px}.Yvqh9W_comparisonBoard>header span{color:var(--dsw-alias-label-tertiary);font-size:11px}.Yvqh9W_comparisonBoard>header button{border:1px solid var(--dsw-alias-border-l1);min-height:28px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border-radius:5px;padding:0 9px;font-size:11px}.Yvqh9W_comparisonGrid{flex:1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:12px;display:grid;overflow:auto}.Yvqh9W_comparisonGrid article{flex-direction:column;gap:7px;min-width:0;display:flex}.Yvqh9W_comparisonGrid article>strong{color:var(--dsw-alias-label-primary);font-size:12px}.Yvqh9W_comparisonGrid article>span{min-height:160px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2);place-items:center;font-size:12px;display:grid}.Yvqh9W_comparisonGrid img{object-fit:contain;background:var(--dsw-alias-bg-base);width:100%;min-height:160px;max-height:calc(100vh - 260px);display:block}.Yvqh9W_comparisonFullscreen{z-index:1200;background:#000000eb;padding:54px 24px 24px;position:fixed;inset:0;overflow:auto}.Yvqh9W_comparisonFullscreenGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;min-height:100%;display:grid}.Yvqh9W_comparisonFullscreen figure{min-width:0;margin:0}.Yvqh9W_comparisonFullscreen figcaption{color:#fff;margin-bottom:8px;font-size:13px;font-weight:600}.Yvqh9W_comparisonFullscreen img{background:#111;width:100%;margin-bottom:10px;display:block}.Yvqh9W_galleryMasonry{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:16px;width:100%;min-width:0;max-width:100%;height:0;min-height:0;padding:2px 8px 16px 2px;display:grid;overflow:hidden scroll}.Yvqh9W_galleryMasonry::-webkit-scrollbar{width:8px}.Yvqh9W_galleryMasonry::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_galleryCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;width:100%;margin:0;display:block;position:relative;overflow:hidden;box-shadow:0 5px 18px #18203612}.Yvqh9W_galleryCard[data-selected]{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent), 0 5px 18px #18203612}.Yvqh9W_gallerySelect{z-index:2;cursor:pointer;background:#00000094;border:1px solid #ffffffbf;border-radius:7px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:9px;right:9px}.Yvqh9W_gallerySelect input{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer;margin:0}.Yvqh9W_galleryImageButton{background:var(--dsw-alias-bg-base);cursor:zoom-in;border:0;width:100%;padding:0;display:block;position:relative}.Yvqh9W_galleryImageButton[data-selecting]{cursor:pointer}.Yvqh9W_galleryImage{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.Yvqh9W_galleryMasonry[data-view=masonry] .Yvqh9W_galleryCard:nth-child(3n+1) .Yvqh9W_galleryImage{aspect-ratio:4/5}.Yvqh9W_galleryMasonry[data-view=masonry] .Yvqh9W_galleryCard:nth-child(3n+2) .Yvqh9W_galleryImage{aspect-ratio:4/3}.Yvqh9W_galleryMasonry[data-view=masonry] .Yvqh9W_galleryCard:nth-child(3n) .Yvqh9W_galleryImage{aspect-ratio:3/4}.Yvqh9W_galleryBadge{color:#fff;backdrop-filter:blur(4px);background:#121724c2;border-radius:999px;padding:4px 9px;font-size:11px;position:absolute;top:10px;left:10px}.Yvqh9W_galleryCardFooter{align-items:center;gap:9px;min-width:0;padding:10px 12px;display:flex}.Yvqh9W_galleryAvatar{color:#fff;background:var(--dsw-alias-brand-primary);border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:grid}.Yvqh9W_galleryCardInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.Yvqh9W_galleryCardInfo strong,.Yvqh9W_galleryCardInfo small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.Yvqh9W_galleryCardInfo strong{color:var(--dsw-alias-label-primary);font-size:12px}.Yvqh9W_galleryCardInfo small{color:var(--dsw-alias-label-tertiary);font-size:10px}.Yvqh9W_galleryTags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.Yvqh9W_galleryTags button{max-width:96px;min-height:19px;color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent);cursor:pointer;font:inherit;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:4px;padding:1px 6px;font-size:10px;line-height:1.35;overflow:hidden}.Yvqh9W_galleryTags button:hover{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 17%, transparent)}.Yvqh9W_galleryTags .Yvqh9W_galleryTagEdit{color:var(--dsw-alias-label-tertiary);background:0 0;flex:none}.Yvqh9W_galleryTagEditor{align-items:center;gap:6px;padding:0 12px 10px 48px;display:flex}.Yvqh9W_galleryTagEditor input{border:1px solid var(--dsw-alias-border-l2);min-width:0;height:27px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:6px;outline:none;flex:1;padding:0 8px;font-size:11px}.Yvqh9W_galleryTagEditor input:focus{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_galleryTagEditor button{border:1px solid var(--dsw-alias-border-l2);height:27px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:6px;padding:0 8px;font-size:11px}.Yvqh9W_galleryTagEditor button[type=submit]{color:var(--dsw-alias-brand-primary)}.Yvqh9W_galleryRemove{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;font-size:18px}.Yvqh9W_galleryRemove:hover{color:var(--dsw-alias-state-error);background:var(--dsw-alias-bg-layer-2)}@media (width<=1100px){.Yvqh9W_galleryMasonry{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.Yvqh9W_studio{flex-direction:column;overflow:auto}.Yvqh9W_config{width:auto;max-width:none;height:auto;min-height:0}.Yvqh9W_config[data-gallery=true]{flex:none}.Yvqh9W_canvas{min-height:560px}.Yvqh9W_galleryToolbar{flex-direction:column;align-items:flex-start}.Yvqh9W_galleryToolbarActions{flex-wrap:wrap;width:100%}.Yvqh9W_galleryMasonry{grid-template-columns:1fr}}";
+		const css$2 = "[data-pane=conversation],[class*=centerCol]{min-width:0;min-height:0;position:relative}[data-dsh-imagegen-view]{z-index:60;background:var(--dsw-alias-bg-base);grid-area:1/1;min-width:0;min-height:0;display:none;position:relative}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane=conversation],html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*=centerCol]{grid-template-columns:minmax(0, 1fr) 8px minmax(320px, clamp(320px, var(--dsh-imagegen-chat-width,36%), 70%));background:var(--dsw-alias-border-l1);grid-template-rows:minmax(0,1fr);gap:1px;overflow:hidden;display:grid!important}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-imagegen-view]{display:block}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-slot=conversation]{background:var(--dsw-alias-bg-base);grid-area:1/3;align-items:stretch;width:auto;min-width:0;min-height:0;overflow:hidden;display:flex!important}html[data-dsh-imagegen-active] [data-slot=conversation]>[data-phase]{flex:auto;align-self:stretch;width:100%;min-width:0;max-width:none}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-dsh-imagegen-chat-resizer]{grid-area:1/2}.Yvqh9W_chatResizer{z-index:70;width:8px;min-width:8px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-border-l1);cursor:col-resize;touch-action:none;justify-content:center;align-items:center;display:none;position:relative}.Yvqh9W_chatResizer:before{content:\"\";opacity:.55;background:currentColor;border-radius:3px;width:3px;height:36px}.Yvqh9W_chatResizer:hover,.Yvqh9W_chatResizer:focus-visible{color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-bg-layer-2);outline:none}html[data-dsh-imagegen-active] [data-dsh-imagegen-chat-resizer]{display:flex!important}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane=conversation]>:not([data-dsh-imagegen-view]):not([data-slot=conversation]):not([data-dsh-imagegen-chat-resizer]),html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*=centerCol]>:not([data-dsh-imagegen-view]):not([data-slot=conversation]):not([data-dsh-imagegen-chat-resizer]),html[data-dsh-imagegen-active] [data-dsh-imagegen-sidebar-root]>:not([data-dsh-imagegen-session-tabs]):not([class*=logoRow]):not([class*=regionArea]):not([class*=footArea]){display:none!important}@media (width<=760px){html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane=conversation],html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*=centerCol]{grid-template-rows:minmax(0,1fr) minmax(340px,.9fr);grid-template-columns:minmax(0,1fr);overflow-y:auto}html[data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-slot=conversation]{grid-area:2/1}html[data-dsh-imagegen-active] [data-dsh-imagegen-chat-resizer]{display:none!important}}.Yvqh9W_entry{width:100%;height:32px;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.Yvqh9W_entry:hover{background:var(--dsw-specific-sidebar-nav-item-hover);color:var(--dsw-alias-label-primary)}.Yvqh9W_entry[data-active]{background:var(--dsw-specific-sidebar-nav-item-active);color:var(--dsw-alias-label-primary);font-weight:600}.Yvqh9W_entryIcon{flex:none;justify-content:center;align-items:center;display:inline-flex}.Yvqh9W_entryLabel{text-overflow:ellipsis;overflow:hidden}.Yvqh9W_sessionTabs{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:9px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px;width:100%;min-width:0;padding:3px;display:grid}.Yvqh9W_sessionTab{min-width:0;height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}[data-sidebar-collapsed] .Yvqh9W_sessionTabs{background:0 0;border:none;border-radius:0;flex-direction:column;gap:6px;width:auto;padding:0;display:flex}[data-sidebar-collapsed] .Yvqh9W_sessionTab{border-radius:9px;width:34px;height:34px;padding:0;font-size:0}[data-sidebar-collapsed] .Yvqh9W_sessionTabLabel{display:none}.Yvqh9W_sessionTab:hover,.Yvqh9W_sessionTab[data-active]{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-sidebar-nav-item-active)}.Yvqh9W_sessionTabIcon{flex:none;justify-content:center;align-items:center;display:inline-flex}.Yvqh9W_sessionTabLabel{text-overflow:ellipsis;min-width:0;overflow:hidden}[class*=regionArea]{min-height:0;position:relative}.Yvqh9W_sidebarHistoryHost{z-index:30;background:var(--dsw-alias-bg-base);min-width:0;min-height:0;padding:6px 4px;display:none;position:absolute;inset:0;overflow:hidden}html[data-dsh-imagegen-active] .Yvqh9W_sidebarHistoryHost{display:flex}.Yvqh9W_sidebarHistoryHost .Yvqh9W_history{background:0 0;border:0;border-radius:8px;width:100%;height:100%}[data-dsh-frame][data-sidebar-collapsed] .Yvqh9W_sidebarHistoryHost{display:none}[data-dsh-frame][data-sidebar-collapsed] .Yvqh9W_entry{justify-content:center;width:100%;padding:0}[data-dsh-frame][data-sidebar-collapsed] .Yvqh9W_entryLabel{display:none}.Yvqh9W_view{width:100%;min-width:0;min-height:0;overflow:hidden}.Yvqh9W_panel,.Yvqh9W_panel *,.Yvqh9W_panel :before,.Yvqh9W_panel :after{box-sizing:border-box}.Yvqh9W_panel{background:var(--dsw-alias-bg-base);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;position:relative;overflow:hidden}.Yvqh9W_panelHeader{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.Yvqh9W_panelHeading{align-items:baseline;gap:10px;min-width:0;display:flex}.Yvqh9W_panelTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700}.Yvqh9W_githubLink{width:22px;height:22px;color:var(--dsw-alias-label-secondary);border-radius:6px;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:color .12s,background .12s;display:inline-flex}.Yvqh9W_githubLink:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.Yvqh9W_connectionStatus{border:1px solid var(--dsw-alias-label-error);height:28px;color:var(--dsw-alias-label-error);font:inherit;white-space:nowrap;background:0 0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;line-height:1;display:inline-flex}.Yvqh9W_connectionStatus[data-connected=true]{border-color:var(--dsw-alias-state-success-primary);color:var(--dsw-alias-state-success-primary)}.Yvqh9W_connectionDot{background:currentColor;border-radius:50%;width:6px;height:6px}.Yvqh9W_updateBanner{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);overflow-wrap:anywhere;border-radius:10px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px 7px 12px;font-size:12px;line-height:1.5;display:flex}.Yvqh9W_updateBanner[data-kind=ok]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}.Yvqh9W_updateText{min-width:0}.Yvqh9W_updateActions{flex:none;align-items:center;gap:10px;display:inline-flex}.Yvqh9W_updateRelease{color:inherit;text-underline-offset:2px;white-space:nowrap;text-decoration:underline}@media (width<=700px){.Yvqh9W_panelHeader{align-items:flex-start}.Yvqh9W_panelHeading{flex-direction:column;align-items:flex-start;gap:2px}.Yvqh9W_updateBanner{flex-direction:column;align-items:flex-start}.Yvqh9W_updateActions{justify-content:space-between;width:100%}}.Yvqh9W_studio{flex:1;min-width:0;min-height:0;display:flex}.Yvqh9W_generation{gap:14px;width:100%;min-width:0;min-height:0;display:flex}.Yvqh9W_config{width:clamp(240px, var(--dsh-imagegen-config-width,300px), 480px);flex-direction:column;flex:none;gap:12px;min-width:240px;max-width:480px;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.Yvqh9W_configHeader{flex:none;justify-content:flex-end;min-height:28px;display:flex}.Yvqh9W_configToggle{border:1px solid var(--dsw-alias-border-l1);width:28px;height:28px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.Yvqh9W_configToggle:hover,.Yvqh9W_configToggle:focus-visible{border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-brand-primary);outline:none}.Yvqh9W_config[data-collapsed=true]{gap:0;width:38px;min-width:38px;max-width:38px}.Yvqh9W_config[data-collapsed=true] .Yvqh9W_configHeader{justify-content:center}.Yvqh9W_config[data-collapsed=true]>:not(.Yvqh9W_configHeader){display:none}.Yvqh9W_configScroll{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.Yvqh9W_configScroll::-webkit-scrollbar{width:8px}.Yvqh9W_configScroll::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_canvas{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.Yvqh9W_taskTray{z-index:6;border:1px solid var(--dsw-alias-border-l2);background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 92%, transparent);backdrop-filter:blur(10px);border-radius:9px;flex-direction:column;width:min(360px,100% - 24px);max-height:calc(100% - 24px);display:flex;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.Yvqh9W_taskTray[data-open=false]{width:auto;max-width:calc(100% - 24px)}.Yvqh9W_taskTrayHeader{min-height:34px;color:var(--dsw-alias-label-primary);border-bottom:1px solid var(--dsw-alias-border-l1);align-items:stretch;font-size:12px;font-weight:600;display:flex}.Yvqh9W_taskTray[data-open=false] .Yvqh9W_taskTrayHeader{border-bottom:0}.Yvqh9W_taskTrayToggle{min-width:0;color:inherit;cursor:pointer;font:inherit;font-size:inherit;font-weight:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:8px 10px;display:flex}.Yvqh9W_taskTrayToggle:hover{background:var(--dsw-alias-bg-layer-2)}.Yvqh9W_taskTrayCount{min-width:18px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);text-align:center;border-radius:999px;padding:1px 5px;font-size:11px;font-weight:500}.Yvqh9W_taskTrayChevron{color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:12px;font-weight:400}.Yvqh9W_taskTrayClose{border:0;border-left:1px solid var(--dsw-alias-border-l1);width:32px;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;background:0 0;font-size:17px}.Yvqh9W_taskTrayClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.Yvqh9W_taskTray[data-open=false] .Yvqh9W_taskTrayToggle{min-height:34px}.Yvqh9W_taskRows{min-height:0;overflow-y:auto}.Yvqh9W_taskTray[data-open=false] .Yvqh9W_taskRows{display:none}.Yvqh9W_taskRow{border-top:1px solid var(--dsw-alias-border-l1);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 10px;display:grid}.Yvqh9W_taskRow:first-of-type{border-top:0}.Yvqh9W_taskStatus{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11px}.Yvqh9W_taskRow[data-status=running] .Yvqh9W_taskStatus{color:var(--dsw-alias-brand-primary)}.Yvqh9W_taskRow[data-status=failed] .Yvqh9W_taskStatus{color:var(--dsw-alias-label-error)}.Yvqh9W_taskPrompt{color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.Yvqh9W_taskRow button{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border:0;border-radius:5px;padding:2px 7px;font-size:11px}.Yvqh9W_taskRow button:hover{color:var(--dsw-alias-brand-primary)}.Yvqh9W_configGuide{z-index:1100;background:#00000059;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.Yvqh9W_configGuideBody{border:1px solid var(--dsw-alias-border-l2);width:min(360px,100%);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);border-radius:10px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 14px 40px #0003}.Yvqh9W_configGuideBody span{color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.55}.Yvqh9W_configGuideBody button{min-height:30px;color:var(--dsw-alias-bg-layer-1);background:var(--dsw-alias-brand-primary);cursor:pointer;font:inherit;border:0;border-radius:7px;align-self:flex-end;padding:0 12px;font-size:12px}.Yvqh9W_history{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;flex-direction:column;width:auto;min-width:0;max-width:none;min-height:0;display:flex;overflow:hidden}.Yvqh9W_historyHeader{border-bottom:1px solid var(--dsw-alias-border-l1);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.Yvqh9W_historyHeaderActions{flex:none;align-items:center;gap:6px;display:flex}.Yvqh9W_historyFilters{border-bottom:1px solid var(--dsw-alias-border-l1);grid-template-columns:1fr 1fr;gap:6px;padding:8px 10px;display:grid}.Yvqh9W_historySearch,.Yvqh9W_historyFilters select,.Yvqh9W_gallerySearch{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);min-width:0;min-height:29px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.Yvqh9W_historySearch{grid-column:1/-1}.Yvqh9W_gallerySearch{width:156px}.Yvqh9W_galleryTagInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);width:130px;min-height:29px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.Yvqh9W_galleryBulkButton{border:1px solid var(--dsw-alias-border-l2);min-height:29px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:7px;padding:0 8px;font-size:11px}.Yvqh9W_galleryBulkButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_galleryBulkButton:disabled{opacity:.45;cursor:default}.Yvqh9W_historyTitle{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.Yvqh9W_historyNew{width:26px;height:26px;color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.Yvqh9W_historyNew:hover{color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_historyClear{font:inherit;color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.Yvqh9W_historyClear:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.Yvqh9W_historyList{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.Yvqh9W_historyList::-webkit-scrollbar{width:8px}.Yvqh9W_historyList::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_historyEmpty{text-align:center;color:var(--dsw-alias-label-tertiary);flex:1;justify-content:center;align-items:center;padding:20px;font-size:12px;line-height:1.6;display:flex}.Yvqh9W_historyItem{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:10px;flex-direction:column;flex:none;gap:6px;padding:8px;display:flex}.Yvqh9W_historyItem:hover{border-color:var(--dsw-alias-border-l2)}.Yvqh9W_historyItem[data-active]{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_historyMain{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:8px;min-width:0;padding:0;display:flex}.Yvqh9W_historyThumb{object-fit:cover;background:var(--dsw-alias-bg-base);border-radius:8px;flex:none;width:52px;height:52px}.Yvqh9W_historyThumbPlaceholder{background:var(--dsw-alias-bg-layer-3);border-radius:8px;flex:none;width:52px;height:52px}.Yvqh9W_historyInfo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Yvqh9W_historyPrompt{color:var(--dsw-alias-label-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.Yvqh9W_historyMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.Yvqh9W_historyActions{justify-content:flex-end;gap:6px;display:flex}.Yvqh9W_historyAction{font:inherit;color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.Yvqh9W_historyAction:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.Yvqh9W_historyAction[data-danger]:hover{color:var(--dsw-alias-label-error);border-color:var(--dsw-alias-label-error)}.Yvqh9W_card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;flex:none;gap:10px;padding:12px;display:flex}.Yvqh9W_ecommerceWorkspace{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:6px 2px 12px;display:flex}.Yvqh9W_ecommerceSection{background:0 0;border:none;border-radius:0;flex-direction:column;gap:8px;padding:0;display:flex}.Yvqh9W_ecommerceSection h3{align-items:baseline;gap:6px;margin:0;font-size:13.5px;font-weight:600;display:flex}.Yvqh9W_ecommerceSectionHint{color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:400}.Yvqh9W_ecommerceSection input:not([type=checkbox]),.Yvqh9W_ecommerceSection select,.Yvqh9W_ecommerceSection textarea{box-sizing:border-box;width:100%;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);font:inherit;border-radius:8px;padding:8px 10px}.Yvqh9W_ecommerceSection textarea{resize:vertical;min-height:60px}.Yvqh9W_ecommerceField{flex-direction:column;gap:4px;min-width:0;display:flex}.Yvqh9W_ecommerceFieldLabel{color:var(--dsw-alias-label-secondary);font-size:11.5px}.Yvqh9W_ecommerceParamGrid{grid-template-columns:1fr 1fr;gap:10px 8px;display:grid}.Yvqh9W_ecommerceUploadHero{border:1.5px dashed var(--dsw-alias-border-l2);min-height:78px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;text-align:center;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;display:flex}.Yvqh9W_ecommerceUploadHero:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-interactive-bg-hover)}.Yvqh9W_ecommerceUploadHero span{font-size:12px}.Yvqh9W_ecommerceUploadHero small{color:var(--dsw-alias-label-tertiary);font-size:10.5px}.Yvqh9W_ecommerceStructureGrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.Yvqh9W_ecommerceSlotCard{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);height:34px;color:var(--dsw-alias-label-primary);cursor:pointer;font:inherit;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex;position:relative}.Yvqh9W_ecommerceSlotCard:hover{border-color:var(--dsw-alias-label-dimmed)}.Yvqh9W_ecommerceSlotCard[data-active]{background:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-base);font-weight:600}.Yvqh9W_ecommerceSlotCount{background:var(--dsw-alias-brand-primary);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:-6px;right:-6px}.Yvqh9W_ecommerceRefRow{grid-template-columns:64px 1fr;align-items:center;gap:8px;display:grid}.Yvqh9W_ecommerceRefRow>span{color:var(--dsw-alias-label-secondary);font-size:12px}.Yvqh9W_ecommercePrimaryAction{border-radius:999px;width:100%;height:38px;font-size:13.5px}.Yvqh9W_previewBadge{background:var(--dsw-alias-brand-primary);color:#fff;letter-spacing:.02em;border-radius:4px;margin-left:5px;padding:0 4px;font-size:9px;font-weight:700;line-height:13px}.Yvqh9W_ecommercePlanNote{color:var(--dsw-alias-label-secondary);font-size:11.5px;line-height:1.5}.Yvqh9W_ecommercePlanWarn{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);border-radius:6px;padding:6px 8px;font-size:11.5px;line-height:1.5}.Yvqh9W_ecommerceAssets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.Yvqh9W_ecommerceAsset{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-3);border-radius:8px;flex-direction:column;gap:3px;padding:4px;display:flex;position:relative}.Yvqh9W_ecommerceAsset img{object-fit:cover;border-radius:5px;width:100%;height:44px}.Yvqh9W_ecommerceAsset select{width:100%;min-width:0;padding:2px;font-size:10px}.Yvqh9W_ecommerceAsset button{color:#fff;cursor:pointer;text-align:center;background:#0000008c;border:none;border-radius:50%;width:16px;height:16px;padding:0;font-size:11px;line-height:15px;position:absolute;top:7px;right:7px}.Yvqh9W_ecommerceAsset button:hover{background:#000c}.Yvqh9W_ecommerceAssetAdd{border:1.5px dashed var(--dsw-alias-border-l2);min-height:78px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.Yvqh9W_ecommerceAssetAdd:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.Yvqh9W_ecommerceAssetAdd span{font-size:16px;line-height:1}.Yvqh9W_ecommerceAssetAdd small{font-size:10px}.Yvqh9W_ecommerceAdvancedToggle{width:100%;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:12.5px;display:flex}.Yvqh9W_ecommerceAdvancedToggle:hover{color:var(--dsw-alias-label-primary)}.Yvqh9W_ecommerceAdvancedChevron{font-size:11px}.Yvqh9W_ecommerceAdvancedBody{flex-direction:column;gap:8px;margin-top:8px;display:flex}.Yvqh9W_ecommerceFooterBody{flex-direction:column;gap:8px;display:flex}.Yvqh9W_ecommercePlanMini{border:1px solid var(--dsw-alias-brand-primary);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.Yvqh9W_ecommercePlanMini>strong{font-size:12.5px}.Yvqh9W_ecommercePlanList{flex-direction:column;gap:3px;max-height:116px;display:flex;overflow-y:auto}.Yvqh9W_ecommercePlanList>div{color:var(--dsw-alias-label-secondary);justify-content:space-between;gap:12px;font-size:11.5px;display:flex}.Yvqh9W_ecommercePlanBack{color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-size:12px}.Yvqh9W_ecommercePlanBack:hover{color:var(--dsw-alias-label-primary)}.Yvqh9W_ecommerceFooterHint{color:var(--dsw-alias-label-secondary);font-size:12px}.Yvqh9W_ecommerceResults{flex-direction:column;gap:14px;width:100%;margin:0 auto;padding:16px 18px;display:flex;overflow-y:auto}.Yvqh9W_ecommerceResultsHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.Yvqh9W_ecommerceResultsHeader h3{margin:0;font-size:15px}.Yvqh9W_ecommerceResultsHeader>div:first-child{align-items:baseline;gap:10px;display:flex}.Yvqh9W_ecommerceResultsHeader span{color:var(--dsw-alias-label-secondary);font-size:12px}.Yvqh9W_ecommerceResultsActions{gap:8px;display:flex}.Yvqh9W_ecommerceResultsEmpty{color:var(--dsw-alias-label-tertiary);text-align:center;border:1.5px dashed var(--dsw-alias-border-l2);border-radius:12px;padding:32px 16px;font-size:13px}.Yvqh9W_ecommerceGroups{flex-direction:column;gap:16px;display:flex}.Yvqh9W_ecommerceGroup{background:0 0;border:none;border-radius:0;flex-direction:column;gap:8px;padding:0;display:flex}.Yvqh9W_ecommerceGroup>header{align-items:center;gap:10px;font-size:13px;display:flex}.Yvqh9W_ecommerceGroup>header strong{font-size:13px}.Yvqh9W_ecommerceGroup>header span{color:var(--dsw-alias-label-secondary);font-size:12px}.Yvqh9W_ecommerceGroup>header button{margin-left:auto}.Yvqh9W_ecommerceGroupGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.Yvqh9W_ecommerceTaskCard{aspect-ratio:1;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-3);border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.Yvqh9W_ecommerceTaskCard[data-status=failed],.Yvqh9W_ecommerceTaskCard[data-status=cancelled]{color:var(--dsw-alias-label-tertiary);font-size:12px}.Yvqh9W_ecommerceTaskCard .Yvqh9W_imageCard{border:none;border-radius:0;width:100%;height:100%;margin:0}.Yvqh9W_ecommerceTaskCard .Yvqh9W_image{object-fit:cover;width:100%;height:100%}.Yvqh9W_ecommerceResultBadge{color:#fff;pointer-events:none;background:#0000008c;border-radius:999px;padding:0 7px;font-size:10px;line-height:16px;position:absolute;top:6px;left:6px}.Yvqh9W_ecommerceTaskActions{opacity:0;background:linear-gradient(#0000,#0000008c);justify-content:center;gap:4px;padding:10px 4px 5px;transition:opacity .12s;display:flex;position:absolute;bottom:0;left:0;right:0}.Yvqh9W_ecommerceTaskCard:hover .Yvqh9W_ecommerceTaskActions{opacity:1}.Yvqh9W_ecommerceActionChip{color:#111;cursor:pointer;white-space:nowrap;background:#ffffffeb;border:none;border-radius:6px;padding:0 6px;font-size:10px;font-weight:500;line-height:18px;text-decoration:none}.Yvqh9W_ecommerceActionChip:hover{background:#fff}.Yvqh9W_ecommerceActionChip:disabled{opacity:.5;cursor:default}.Yvqh9W_ecommerceTaskState{color:var(--dsw-alias-label-secondary);text-align:center;word-break:break-all;flex-direction:column;gap:3px;padding:10px 8px;font-size:11px;display:flex}.Yvqh9W_ecommerceTaskState b{color:var(--dsw-alias-label-primary);font-size:12px}.Yvqh9W_topNav{flex:none;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.Yvqh9W_topNavItem{height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:13px;display:inline-flex}.Yvqh9W_topNavItem,.Yvqh9W_topNavItem span{white-space:nowrap}.Yvqh9W_topNavItem:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.Yvqh9W_topNavItem[data-active]{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-base);font-weight:600}.Yvqh9W_topNavDivider{background:var(--dsw-alias-border-l2);width:1px;height:16px;margin:0 8px}.Yvqh9W_panelHeaderActions{align-items:center;gap:10px;display:inline-flex}.Yvqh9W_chatToggle{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);height:26px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;display:inline-flex}.Yvqh9W_chatToggle:hover{color:var(--dsw-alias-label-primary)}.Yvqh9W_chatToggle[data-open=true]{color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}html[data-dsh-imagegen-chat-collapsed][data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-pane=conversation],html[data-dsh-imagegen-chat-collapsed][data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [class*=centerCol]{grid-template-columns:minmax(0,1fr)}html[data-dsh-imagegen-chat-collapsed][data-dsh-imagegen-active]:not([data-dsh-taskboard-active]):not([data-dsh-ssh-active]) [data-slot=conversation],html[data-dsh-imagegen-chat-collapsed] [data-dsh-imagegen-chat-resizer]{display:none!important}.Yvqh9W_configResizer{cursor:col-resize;z-index:6;width:6px;height:100%;position:absolute;top:0;right:0}.Yvqh9W_configResizer:hover{background:linear-gradient(90deg, transparent, var(--dsw-alias-border-l2))}.Yvqh9W_config[data-collapsed=true] .Yvqh9W_configResizer{display:none}.Yvqh9W_modeRow{align-items:center;gap:8px;display:flex}.Yvqh9W_modePill{flex:1;justify-content:center;height:28px;font-size:12.5px}.Yvqh9W_modePill,.Yvqh9W_modePill span,.Yvqh9W_modePill div{white-space:nowrap;min-width:0}.Yvqh9W_uploadBox{min-height:128px;color:var(--dsw-alias-label-secondary);border:1.5px dashed var(--dsw-alias-border-l2);cursor:pointer;font:inherit;text-align:center;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:12.5px;display:flex}.Yvqh9W_uploadBox:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-interactive-bg-hover)}.Yvqh9W_uploadBox:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Yvqh9W_uploadIcon{color:var(--dsw-alias-label-tertiary);display:inline-flex}.Yvqh9W_uploadHint{color:var(--dsw-alias-label-tertiary);font-size:11px}.Yvqh9W_reference{flex-direction:column;gap:8px;display:flex}.Yvqh9W_referenceImage{object-fit:contain;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;width:100%;max-height:176px}.Yvqh9W_referenceActions{gap:8px;display:flex}.Yvqh9W_hiddenFile{display:none}.Yvqh9W_prompt{width:100%;min-height:120px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.Yvqh9W_prompt:focus-visible{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_prompt::placeholder{color:var(--dsw-alias-label-tertiary)}.Yvqh9W_promptFooter{justify-content:space-between;align-items:center;gap:8px;margin-top:-6px;display:flex}.Yvqh9W_templatesButton{border:1px solid var(--dsw-alias-brand-primary);background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent), color-mix(in srgb, var(--dsw-alias-brand-primary) 5%, transparent));height:26px;color:var(--dsw-alias-brand-primary);cursor:pointer;box-shadow:0 1px 0 color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.Yvqh9W_templatesButton svg{flex:none}.Yvqh9W_templatesButton:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-alias-brand-primary) 24%, transparent), color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, transparent));color:var(--dsw-alias-brand-primary);box-shadow:0 2px 6px color-mix(in srgb, var(--dsw-alias-brand-primary) 30%, transparent);transform:translateY(-1px)}.Yvqh9W_templatesButton:active{transform:translateY(0)}.Yvqh9W_enhanceButton{border:1px solid var(--dsw-alias-border-l2);height:26px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);font:inherit;cursor:pointer;border-radius:999px;margin-left:auto;padding:0 11px;font-size:12px}.Yvqh9W_enhanceButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_enhanceButton:disabled{opacity:.5;cursor:default}.Yvqh9W_promptCount{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:11px}.Yvqh9W_paramGroup{flex-direction:column;gap:8px;display:flex}.Yvqh9W_paramLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.Yvqh9W_optionRow{flex-wrap:wrap;gap:6px;display:flex}.Yvqh9W_optionGrid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.Yvqh9W_optionPill{justify-content:center}.Yvqh9W_paramHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.45}.Yvqh9W_footer{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;align-items:stretch;gap:8px;padding:10px 2px 0 0;display:flex}.Yvqh9W_modelWrap{flex-direction:column;gap:5px;min-width:0;display:flex}.Yvqh9W_modelLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.Yvqh9W_modelSelect{width:100%;height:36px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;text-align:left;border-radius:18px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:13px;display:flex}.Yvqh9W_modelSelect:focus-visible{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_modelSelect:disabled{opacity:.55;cursor:default}.Yvqh9W_modelMenu{min-width:0;display:block;position:relative}.Yvqh9W_modelMenuList{z-index:40;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 -8px 24px #0000002e}.Yvqh9W_modelMenuItem{width:100%;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;padding:7px 10px;font-size:13px;display:block;overflow:hidden}.Yvqh9W_modelMenuItem:hover{background:var(--dsw-alias-bg-hover)}.Yvqh9W_modelMenuItem[data-selected]{color:var(--dsw-alias-brand-primary);background:var(--dsw-alias-bg-layer-1);font-weight:600}.Yvqh9W_generateButton{width:100%}.Yvqh9W_generateInner{align-items:center;gap:7px;display:inline-flex}.Yvqh9W_canvasState{text-align:center;color:var(--dsw-alias-label-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.Yvqh9W_canvasStateTitle{color:var(--dsw-alias-label-secondary);font-size:14px;font-weight:600}.Yvqh9W_canvasStateHint{max-width:380px;font-size:12px;line-height:1.6}.Yvqh9W_canvasEmptyIcon{color:var(--dsw-alias-label-tertiary);margin-bottom:4px;display:inline-flex}.Yvqh9W_canvasError{color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-label-error);overflow-wrap:anywhere;border-radius:10px;flex:none;margin:14px;padding:10px 14px;font-size:12.5px;line-height:1.6}.Yvqh9W_canvasBody{scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.Yvqh9W_canvasBody::-webkit-scrollbar{width:8px}.Yvqh9W_canvasBody::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_canvasMeta{color:var(--dsw-alias-label-tertiary);flex:none;align-items:center;gap:8px;font-size:12px;display:flex}.Yvqh9W_canvasHistoryTag{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}.Yvqh9W_grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:0;display:grid}.Yvqh9W_grid[data-count=\"1\"] .Yvqh9W_imageCard{grid-area:1/1/3/3}.Yvqh9W_imageCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);cursor:zoom-in;border-radius:12px;flex-direction:column;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.Yvqh9W_imageCard:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Yvqh9W_image{object-fit:cover;background:var(--dsw-alias-bg-base);flex:1;width:100%;min-height:0;display:block}.Yvqh9W_imageCaption{color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;border-top:1px solid var(--dsw-alias-border-l1);padding:7px 10px;font-size:11px;line-height:1.5;overflow:hidden}.Yvqh9W_download{color:#fff;opacity:0;backdrop-filter:blur(4px);background:#0f1218d1;border:1px solid #ffffff9e;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;text-decoration:none;transition:opacity .12s;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000047}.Yvqh9W_imageCard:hover .Yvqh9W_download{opacity:1}.Yvqh9W_download:hover{background:#0f1218f0}.Yvqh9W_download:focus-visible{opacity:1;outline-offset:2px;outline:2px solid #fff}.Yvqh9W_galleryAdd{font:inherit;color:#fff;cursor:pointer;opacity:0;backdrop-filter:blur(4px);background:#0f1218d1;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #00000047}.Yvqh9W_imageCard:hover .Yvqh9W_galleryAdd{opacity:1}.Yvqh9W_galleryAdd:hover{background:#0f1218f0}.Yvqh9W_galleryAdd:focus-visible{opacity:1;outline-offset:2px;outline:2px solid #fff}.Yvqh9W_galleryAdd:disabled{opacity:.4;cursor:default}.Yvqh9W_conversationAdd{color:#fff;cursor:pointer;font:inherit;opacity:0;backdrop-filter:blur(4px);background:#0f1218d1;border:1px solid #ffffff9e;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;top:38px;left:8px;box-shadow:0 2px 8px #00000047}.Yvqh9W_imageCard:hover .Yvqh9W_conversationAdd,.Yvqh9W_conversationAdd:focus-visible{opacity:1}.Yvqh9W_conversationAdd:hover{background:#0f1218f0}.Yvqh9W_conversationAdd:focus-visible{opacity:1;outline-offset:2px;outline:2px solid #fff}.Yvqh9W_conversationAdd:disabled{opacity:.4;cursor:default}.Yvqh9W_zoomHint{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);opacity:0;backdrop-filter:blur(4px);pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;transition:opacity .12s;display:inline-flex;position:absolute;bottom:8px;left:8px}.Yvqh9W_imageCard:hover .Yvqh9W_zoomHint{opacity:1}.Yvqh9W_spinner,.Yvqh9W_bigSpinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;animation:.8s linear infinite Yvqh9W_dshImageGenSpin;display:inline-block}.Yvqh9W_spinner{width:11px;height:11px}.Yvqh9W_bigSpinner{width:30px;height:30px;color:var(--dsw-alias-state-business-primary);border-width:3px;margin-bottom:6px}.Yvqh9W_lightbox{z-index:1000;backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.Yvqh9W_lightboxClose{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:16px;right:16px}.Yvqh9W_lightboxClose:hover{background:#ffffff42}.Yvqh9W_lightboxNav{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.Yvqh9W_lightboxNav:hover{background:#ffffff42}.Yvqh9W_lightboxNav[data-dir=prev]{left:max(20px,50% - 640px)}.Yvqh9W_lightboxNav[data-dir=next]{right:max(20px,50% - 640px)}.Yvqh9W_lightboxFigure{flex-direction:column;gap:10px;width:min(1100px,100vw - 160px);max-width:min(1100px,100vw - 160px);height:min(820px,100vh - 48px);min-height:0;margin:0;display:flex}.Yvqh9W_lightboxStage{background:#ffffff0a;border-radius:10px;flex:1;min-height:0;position:relative;overflow:auto}.Yvqh9W_lightboxScaleFrame{justify-content:center;align-items:center;min-width:100%;min-height:100%;display:flex}.Yvqh9W_lightboxImage{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%;display:block;box-shadow:0 24px 80px #00000080}.Yvqh9W_lightboxTools{justify-content:center;align-items:center;gap:6px;display:flex}.Yvqh9W_lightboxTool,.Yvqh9W_lightboxZoomLevel,.Yvqh9W_lightboxCopy{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;justify-content:center;align-items:center;display:inline-flex}.Yvqh9W_lightboxTool,.Yvqh9W_lightboxZoomLevel{height:32px}.Yvqh9W_lightboxTool{border-radius:50%;width:32px}.Yvqh9W_lightboxZoomLevel{min-width:58px;font:inherit;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 9px;font-size:12px}.Yvqh9W_lightboxTool:hover,.Yvqh9W_lightboxZoomLevel:hover,.Yvqh9W_lightboxCopy:hover{background:#ffffff42}.Yvqh9W_lightboxCaptionRow{align-items:flex-start;gap:8px;min-width:0;display:flex}.Yvqh9W_lightboxCaption{color:#ffffffe6;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.Yvqh9W_lightboxCopy{min-height:28px;font:inherit;white-space:nowrap;border-radius:999px;flex:none;gap:5px;padding:4px 9px;font-size:12px}.Yvqh9W_lightboxMeta{justify-content:space-between;align-items:center;gap:12px;display:flex}.Yvqh9W_lightboxIndex{color:#fffc;font-variant-numeric:tabular-nums;font-size:12px}.Yvqh9W_lightboxActions{align-items:center;gap:8px;display:inline-flex}.Yvqh9W_lightboxDownload,.Yvqh9W_lightboxEdit{font:inherit;color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;padding:4px 14px;font-size:12.5px;font-weight:500;text-decoration:none}.Yvqh9W_lightboxDownload:hover,.Yvqh9W_lightboxEdit:hover{background:#ffffff42}.Yvqh9W_lightboxEdit{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px}@media (width<=720px){.Yvqh9W_lightbox{padding:16px}.Yvqh9W_lightboxFigure{width:calc(100vw - 32px);max-width:none}.Yvqh9W_lightboxNav[data-dir=prev]{left:20px}.Yvqh9W_lightboxNav[data-dir=next]{right:20px}.Yvqh9W_lightboxCaptionRow,.Yvqh9W_lightboxMeta{flex-direction:column;align-items:stretch}.Yvqh9W_lightboxCopy,.Yvqh9W_lightboxActions{align-self:flex-end}}@keyframes Yvqh9W_dshImageGenSpin{to{transform:rotate(360deg)}}.Yvqh9W_galleryToast{z-index:30;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);border:1px solid var(--dsw-alias-border-l2);backdrop-filter:blur(6px);pointer-events:none;border-radius:999px;align-items:center;gap:7px;padding:6px 16px;font-size:13px;font-weight:500;animation:.16s ease-out Yvqh9W_dshImageGenToastIn;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000038}@keyframes Yvqh9W_dshImageGenToastIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.Yvqh9W_conversationToast{z-index:30;border:1px solid var(--dsw-alias-border-l2);max-width:calc(100% - 32px);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-mask-1);pointer-events:none;backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:7px;padding:6px 16px;font-size:13px;font-weight:500;animation:.16s ease-out Yvqh9W_dshImageGenToastIn;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000038}@media (prefers-reduced-motion:reduce){.Yvqh9W_download,.Yvqh9W_spinner,.Yvqh9W_bigSpinner{transition:none;animation-duration:1.5s}}.Yvqh9W_config[data-gallery=true] .Yvqh9W_configScroll>:not(:first-child),.Yvqh9W_config[data-gallery=true] .Yvqh9W_footer,.Yvqh9W_canvas[data-gallery=true]>.Yvqh9W_canvasState,.Yvqh9W_canvas[data-gallery=true]>.Yvqh9W_canvasError,.Yvqh9W_canvas[data-gallery=true]>.Yvqh9W_canvasBody,.Yvqh9W_studio:has(.Yvqh9W_config[data-gallery=true])>.Yvqh9W_history{display:none}.Yvqh9W_config[data-gallery=true] .Yvqh9W_configScroll{flex:none;order:1;display:flex;overflow:visible}.Yvqh9W_config[data-gallery=true] .Yvqh9W_galleryFilters{flex:1;order:2;min-height:0}.Yvqh9W_galleryFilters{padding:18px 14px;overflow:hidden auto}.Yvqh9W_galleryFilterHeading{color:var(--dsw-alias-label-tertiary);margin:0 4px 10px;font-size:12px;font-weight:600}.Yvqh9W_galleryFilter{width:100%;min-height:34px;color:var(--dsw-alias-label-secondary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.Yvqh9W_galleryFilter:hover,.Yvqh9W_galleryFilter[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent)}.Yvqh9W_galleryFilterCount{min-width:20px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2);text-align:center;border-radius:999px;padding:1px 6px;font-size:11px}.Yvqh9W_galleryFilterDivider{background:var(--dsw-alias-border-l1);height:1px;margin:18px 4px}.Yvqh9W_galleryRatioList{flex-wrap:wrap;gap:6px;display:flex}.Yvqh9W_galleryRatio{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;border:0;border-radius:999px;padding:6px 10px;font-size:12px}.Yvqh9W_galleryRatio[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 13%, transparent)}.Yvqh9W_galleryTagFilterList{flex-wrap:wrap;gap:6px;display:flex}.Yvqh9W_galleryTagFilter{border:1px solid var(--dsw-alias-border-l1);min-width:0;max-width:100%;min-height:27px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-size:11px;display:inline-flex}.Yvqh9W_galleryTagFilter span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.Yvqh9W_galleryTagFilter span:last-child{color:var(--dsw-alias-label-tertiary);font-size:10px}.Yvqh9W_galleryTagFilter:hover,.Yvqh9W_galleryTagFilter[data-active]{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent)}.Yvqh9W_galleryFilterNote{color:var(--dsw-alias-label-quaternary);margin:20px 4px 0;font-size:11px;line-height:1.5}.Yvqh9W_galleryWorkspace{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;padding:22px 24px 26px;display:flex;position:absolute;inset:0;overflow:hidden}.Yvqh9W_galleryToolbar{flex:none;justify-content:space-between;align-items:center;gap:16px;min-width:0;margin-bottom:18px;display:flex}.Yvqh9W_galleryHeading{color:var(--dsw-alias-label-primary);margin:0;font-size:20px;font-weight:700;display:inline}.Yvqh9W_galleryCount{color:var(--dsw-alias-label-tertiary);margin-left:8px;font-size:13px}.Yvqh9W_galleryToolbarActions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.Yvqh9W_gallerySelectMode,.Yvqh9W_galleryBulkButton,.Yvqh9W_gallerySelectionClear{border:1px solid var(--dsw-alias-border-l1);min-height:30px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:7px;padding:0 10px;font-size:12px}.Yvqh9W_gallerySelectMode:hover,.Yvqh9W_gallerySelectMode[data-active],.Yvqh9W_galleryBulkButton:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 38%, var(--dsw-alias-border-l1));background:color-mix(in srgb, var(--dsw-alias-brand-primary) 11%, transparent)}.Yvqh9W_galleryBulkButton:disabled{cursor:not-allowed;opacity:.45}.Yvqh9W_gallerySelectionBar{border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 35%, var(--dsw-alias-border-l1));background:color-mix(in srgb, var(--dsw-alias-brand-primary) 7%, var(--dsw-alias-bg-layer-1));border-radius:9px;flex:none;align-items:center;gap:10px;min-width:0;margin:-4px 0 16px;padding:10px 12px;display:flex}.Yvqh9W_gallerySelectionBar strong{color:var(--dsw-alias-brand-primary);flex:none;font-size:12px}.Yvqh9W_gallerySelectionClear{margin-left:auto}.Yvqh9W_gallerySelectionClear:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.Yvqh9W_galleryTagInput,.Yvqh9W_gallerySearch{border:1px solid var(--dsw-alias-border-l1);min-width:0;height:30px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-1);font:inherit;border-radius:7px;outline:none;padding:0 10px;font-size:12px}.Yvqh9W_galleryTagInput{flex:190px}.Yvqh9W_galleryTagInput:focus,.Yvqh9W_gallerySearch:focus{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_galleryViewToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:9px;padding:3px;display:flex}.Yvqh9W_galleryViewToggle button,.Yvqh9W_gallerySort,.Yvqh9W_galleryClear{min-height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:12px}.Yvqh9W_galleryViewToggle button[data-active],.Yvqh9W_galleryViewToggle button:hover,.Yvqh9W_gallerySort:hover,.Yvqh9W_galleryClear:hover{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 11%, transparent)}.Yvqh9W_gallerySort{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1)}.Yvqh9W_galleryClear{border:1px solid var(--dsw-alias-border-l1)}.Yvqh9W_compareControl{flex-direction:column;gap:6px;margin:0 0 10px;display:flex}.Yvqh9W_compareToggle,.Yvqh9W_compareModelChoices label{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.Yvqh9W_compareToggle input,.Yvqh9W_compareModelChoices input{accent-color:var(--dsw-alias-brand-primary)}.Yvqh9W_compareModelChoices{flex-wrap:wrap;gap:6px;display:flex}.Yvqh9W_compareModelChoices label{border:1px solid var(--dsw-alias-border-l1);border-radius:5px;padding:4px 6px;font-size:10px}.Yvqh9W_comparisonBoard{z-index:4;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:8px;flex-direction:column;display:flex;position:absolute;inset:14px;overflow:hidden;box-shadow:0 8px 24px #0000001f}.Yvqh9W_comparisonBoard>header{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.Yvqh9W_comparisonBoard>header div{align-items:baseline;gap:7px;display:flex}.Yvqh9W_comparisonBoard>header strong{color:var(--dsw-alias-label-primary);font-size:13px}.Yvqh9W_comparisonBoard>header span{color:var(--dsw-alias-label-tertiary);font-size:11px}.Yvqh9W_comparisonBoard>header button{border:1px solid var(--dsw-alias-border-l1);min-height:28px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;border-radius:5px;padding:0 9px;font-size:11px}.Yvqh9W_comparisonGrid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}.Yvqh9W_comparisonGrid article{flex-direction:column;gap:7px;min-width:0;height:100%;min-height:0;display:flex}.Yvqh9W_comparisonGrid article>strong{color:var(--dsw-alias-label-primary);font-size:12px}.Yvqh9W_comparisonImageButton{cursor:zoom-in;background:var(--dsw-alias-bg-base);border:0;flex:1;width:100%;min-height:0;padding:0;display:flex;overflow:hidden}.Yvqh9W_comparisonImageButton:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.Yvqh9W_comparisonGrid article>span{min-height:0;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2);flex:1;place-items:center;font-size:12px;display:grid}.Yvqh9W_comparisonGrid img{object-fit:contain;background:var(--dsw-alias-bg-base);flex:1;width:100%;height:100%;min-height:0;max-height:none;display:block}.Yvqh9W_comparisonFullscreen{z-index:1200;background:#000000eb;padding:54px 24px 24px;position:fixed;inset:0;overflow:auto}.Yvqh9W_comparisonFullscreenGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;min-height:100%;display:grid}.Yvqh9W_comparisonFullscreen figure{min-width:0;margin:0}.Yvqh9W_comparisonFullscreen figcaption{color:#fff;margin-bottom:8px;font-size:13px;font-weight:600}.Yvqh9W_comparisonFullscreen img{background:#111;width:100%;margin-bottom:10px;display:block}.Yvqh9W_historyItem[data-comparison]{border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 55%, var(--dsw-alias-border-l1))}.Yvqh9W_galleryMasonry{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--dsw-alias-border-l2) transparent;flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:16px;width:100%;min-width:0;max-width:100%;height:0;min-height:0;padding:2px 8px 16px 2px;display:grid;overflow:hidden scroll}.Yvqh9W_galleryMasonry::-webkit-scrollbar{width:8px}.Yvqh9W_galleryMasonry::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l2);border-radius:999px}.Yvqh9W_galleryCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;width:100%;margin:0;display:block;position:relative;overflow:hidden;box-shadow:0 5px 18px #18203612}.Yvqh9W_galleryCard[data-selected]{border-color:var(--dsw-alias-brand-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent), 0 5px 18px #18203612}.Yvqh9W_gallerySelect{z-index:2;cursor:pointer;background:#00000094;border:1px solid #ffffffbf;border-radius:7px;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:9px;right:9px}.Yvqh9W_gallerySelect input{width:16px;height:16px;accent-color:var(--dsw-alias-brand-primary);cursor:pointer;margin:0}.Yvqh9W_galleryImageButton{background:var(--dsw-alias-bg-base);cursor:zoom-in;border:0;width:100%;padding:0;display:block;position:relative}.Yvqh9W_galleryImageButton[data-selecting]{cursor:pointer}.Yvqh9W_galleryImage{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.Yvqh9W_galleryMasonry[data-view=masonry] .Yvqh9W_galleryCard:nth-child(3n+1) .Yvqh9W_galleryImage{aspect-ratio:4/5}.Yvqh9W_galleryMasonry[data-view=masonry] .Yvqh9W_galleryCard:nth-child(3n+2) .Yvqh9W_galleryImage{aspect-ratio:4/3}.Yvqh9W_galleryMasonry[data-view=masonry] .Yvqh9W_galleryCard:nth-child(3n) .Yvqh9W_galleryImage{aspect-ratio:3/4}.Yvqh9W_galleryBadge{color:#fff;backdrop-filter:blur(4px);background:#121724c2;border-radius:999px;padding:4px 9px;font-size:11px;position:absolute;top:10px;left:10px}.Yvqh9W_galleryCardActions{padding:8px 12px 0;display:flex}.Yvqh9W_galleryCardAction{border:1px solid var(--dsw-alias-border-l2);width:100%;min-width:0;min-height:28px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2);cursor:pointer;font:inherit;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:10px;font-weight:500;display:inline-flex}.Yvqh9W_galleryCardAction:hover,.Yvqh9W_galleryCardAction:focus-visible{border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-brand-primary);outline:none}.Yvqh9W_galleryCardAction:disabled{cursor:wait;opacity:.55}.Yvqh9W_galleryCardFooter{align-items:center;gap:9px;min-width:0;padding:10px 12px;display:flex}.Yvqh9W_galleryAvatar{color:#fff;background:var(--dsw-alias-brand-primary);border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:grid}.Yvqh9W_galleryCardInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.Yvqh9W_galleryCardInfo strong,.Yvqh9W_galleryCardInfo small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.Yvqh9W_galleryCardInfo strong{color:var(--dsw-alias-label-primary);font-size:12px}.Yvqh9W_galleryCardInfo small{color:var(--dsw-alias-label-tertiary);font-size:10px}.Yvqh9W_galleryTags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.Yvqh9W_galleryTags button{max-width:96px;min-height:19px;color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent);cursor:pointer;font:inherit;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:4px;padding:1px 6px;font-size:10px;line-height:1.35;overflow:hidden}.Yvqh9W_galleryTags button:hover{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 17%, transparent)}.Yvqh9W_galleryTags .Yvqh9W_galleryTagEdit{color:var(--dsw-alias-label-tertiary);background:0 0;flex:none}.Yvqh9W_galleryTagEditor{align-items:center;gap:6px;padding:0 12px 10px 48px;display:flex}.Yvqh9W_galleryTagEditor input{border:1px solid var(--dsw-alias-border-l2);min-width:0;height:27px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2);font:inherit;border-radius:6px;outline:none;flex:1;padding:0 8px;font-size:11px}.Yvqh9W_galleryTagEditor input:focus{border-color:var(--dsw-alias-brand-primary)}.Yvqh9W_galleryTagEditor button{border:1px solid var(--dsw-alias-border-l2);height:27px;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-1);cursor:pointer;font:inherit;border-radius:6px;padding:0 8px;font-size:11px}.Yvqh9W_galleryTagEditor button[type=submit]{color:var(--dsw-alias-brand-primary)}.Yvqh9W_galleryRemove{width:24px;height:24px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;font-size:18px}.Yvqh9W_galleryRemove:hover{color:var(--dsw-alias-state-error);background:var(--dsw-alias-bg-layer-2)}@media (width<=1100px){.Yvqh9W_galleryMasonry{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.Yvqh9W_studio{grid-template-rows:minmax(220px,36%) minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow-y:auto}.Yvqh9W_history{grid-area:1/1;min-height:220px}.Yvqh9W_generation{flex-direction:column;grid-area:2/1;min-height:0}.Yvqh9W_config{width:auto;max-width:none;height:auto;min-height:0}.Yvqh9W_config[data-gallery=true]{flex:none}.Yvqh9W_canvas{min-height:560px}.Yvqh9W_galleryToolbar{flex-direction:column;align-items:flex-start}.Yvqh9W_galleryToolbarActions{flex-wrap:wrap;width:100%}.Yvqh9W_galleryMasonry{grid-template-columns:1fr}}";
 		const tagId$2 = "@dickpy/dsh-imagegen/panel.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1681,166 +1950,226 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var panel_module_css_default = {
-			"image": "Yvqh9W_image",
-			"galleryTagInput": "Yvqh9W_galleryTagInput",
-			"lightboxCaptionRow": "Yvqh9W_lightboxCaptionRow",
-			"bigSpinner": "Yvqh9W_bigSpinner",
-			"galleryTagEdit": "Yvqh9W_galleryTagEdit",
-			"canvasState": "Yvqh9W_canvasState",
-			"compareControl": "Yvqh9W_compareControl",
-			"galleryTagFilter": "Yvqh9W_galleryTagFilter",
-			"taskTrayCount": "Yvqh9W_taskTrayCount",
-			"historyEmpty": "Yvqh9W_historyEmpty",
-			"gallerySelectionClear": "Yvqh9W_gallerySelectionClear",
-			"historyPrompt": "Yvqh9W_historyPrompt",
+			"optionRow": "Yvqh9W_optionRow",
 			"galleryFilterNote": "Yvqh9W_galleryFilterNote",
+			"ecommerceAsset": "Yvqh9W_ecommerceAsset",
+			"ecommerceFooterHint": "Yvqh9W_ecommerceFooterHint",
+			"lightboxClose": "Yvqh9W_lightboxClose",
 			"imageCaption": "Yvqh9W_imageCaption",
-			"compareModelChoices": "Yvqh9W_compareModelChoices",
+			"taskTrayCount": "Yvqh9W_taskTrayCount",
+			"lightboxActions": "Yvqh9W_lightboxActions",
+			"ecommerceRefRow": "Yvqh9W_ecommerceRefRow",
+			"historyHeader": "Yvqh9W_historyHeader",
+			"paramGroup": "Yvqh9W_paramGroup",
+			"gallerySelectMode": "Yvqh9W_gallerySelectMode",
+			"lightboxCaptionRow": "Yvqh9W_lightboxCaptionRow",
 			"entryLabel": "Yvqh9W_entryLabel",
-			"panelHeader": "Yvqh9W_panelHeader",
-			"comparisonGrid": "Yvqh9W_comparisonGrid",
-			"galleryCard": "Yvqh9W_galleryCard",
-			"galleryTagFilterList": "Yvqh9W_galleryTagFilterList",
-			"galleryCardInfo": "Yvqh9W_galleryCardInfo",
-			"galleryViewToggle": "Yvqh9W_galleryViewToggle",
-			"history": "Yvqh9W_history",
-			"comparisonFullscreenGrid": "Yvqh9W_comparisonFullscreenGrid",
-			"taskRow": "Yvqh9W_taskRow",
-			"prompt": "Yvqh9W_prompt",
-			"taskTrayHeader": "Yvqh9W_taskTrayHeader",
-			"optionGrid": "Yvqh9W_optionGrid",
-			"taskTray": "Yvqh9W_taskTray",
-			"canvasStateTitle": "Yvqh9W_canvasStateTitle",
-			"taskPrompt": "Yvqh9W_taskPrompt",
-			"connectionDot": "Yvqh9W_connectionDot",
-			"galleryFilter": "Yvqh9W_galleryFilter",
-			"dshImageGenSpin": "Yvqh9W_dshImageGenSpin",
-			"galleryRatioList": "Yvqh9W_galleryRatioList",
-			"gallerySort": "Yvqh9W_gallerySort",
-			"grid": "Yvqh9W_grid",
-			"gallerySelectionBar": "Yvqh9W_gallerySelectionBar",
-			"templatesButton": "Yvqh9W_templatesButton",
-			"updateActions": "Yvqh9W_updateActions",
-			"configGuide": "Yvqh9W_configGuide",
-			"modelLabel": "Yvqh9W_modelLabel",
-			"configGuideBody": "Yvqh9W_configGuideBody",
-			"paramLabel": "Yvqh9W_paramLabel",
-			"taskTrayToggle": "Yvqh9W_taskTrayToggle",
-			"canvas": "Yvqh9W_canvas",
-			"entryIcon": "Yvqh9W_entryIcon",
+			"configToggle": "Yvqh9W_configToggle",
+			"sessionTab": "Yvqh9W_sessionTab",
+			"galleryBadge": "Yvqh9W_galleryBadge",
+			"historyTitle": "Yvqh9W_historyTitle",
+			"topNavDivider": "Yvqh9W_topNavDivider",
+			"configResizer": "Yvqh9W_configResizer",
+			"taskTrayChevron": "Yvqh9W_taskTrayChevron",
 			"generateInner": "Yvqh9W_generateInner",
-			"historyInfo": "Yvqh9W_historyInfo",
-			"updateBanner": "Yvqh9W_updateBanner",
+			"historyActions": "Yvqh9W_historyActions",
 			"zoomHint": "Yvqh9W_zoomHint",
-			"lightboxActions": "Yvqh9W_lightboxActions",
-			"galleryAvatar": "Yvqh9W_galleryAvatar",
+			"modelSelect": "Yvqh9W_modelSelect",
+			"enhanceButton": "Yvqh9W_enhanceButton",
+			"sidebarHistoryHost": "Yvqh9W_sidebarHistoryHost",
+			"lightboxImage": "Yvqh9W_lightboxImage",
+			"conversationToast": "Yvqh9W_conversationToast",
+			"lightboxEdit": "Yvqh9W_lightboxEdit",
+			"canvasStateTitle": "Yvqh9W_canvasStateTitle",
 			"galleryHeading": "Yvqh9W_galleryHeading",
-			"download": "Yvqh9W_download",
-			"historyActions": "Yvqh9W_historyActions",
-			"panelTitle": "Yvqh9W_panelTitle",
-			"galleryCount": "Yvqh9W_galleryCount",
-			"reference": "Yvqh9W_reference",
-			"galleryMasonry": "Yvqh9W_galleryMasonry",
-			"galleryRemove": "Yvqh9W_galleryRemove",
-			"historyTitle": "Yvqh9W_historyTitle",
-			"connectionStatus": "Yvqh9W_connectionStatus",
-			"historyMain": "Yvqh9W_historyMain",
-			"galleryToolbar": "Yvqh9W_galleryToolbar",
-			"configScroll": "Yvqh9W_configScroll",
-			"comparisonFullscreen": "Yvqh9W_comparisonFullscreen",
-			"historyHeader": "Yvqh9W_historyHeader",
-			"imageCard": "Yvqh9W_imageCard",
-			"updateRelease": "Yvqh9W_updateRelease",
-			"canvasBody": "Yvqh9W_canvasBody",
-			"promptCount": "Yvqh9W_promptCount",
-			"paramGroup": "Yvqh9W_paramGroup",
-			"generateButton": "Yvqh9W_generateButton",
-			"lightboxCaption": "Yvqh9W_lightboxCaption",
-			"canvasHistoryTag": "Yvqh9W_canvasHistoryTag",
-			"uploadBox": "Yvqh9W_uploadBox",
-			"lightboxNav": "Yvqh9W_lightboxNav",
-			"updateText": "Yvqh9W_updateText",
+			"ecommerceResults": "Yvqh9W_ecommerceResults",
 			"galleryTags": "Yvqh9W_galleryTags",
-			"canvasEmptyIcon": "Yvqh9W_canvasEmptyIcon",
-			"gallerySelectMode": "Yvqh9W_gallerySelectMode",
-			"galleryWorkspace": "Yvqh9W_galleryWorkspace",
-			"galleryRatio": "Yvqh9W_galleryRatio",
 			"spinner": "Yvqh9W_spinner",
-			"panel": "Yvqh9W_panel",
-			"historyClear": "Yvqh9W_historyClear",
-			"lightboxTools": "Yvqh9W_lightboxTools",
-			"card": "Yvqh9W_card",
-			"compareToggle": "Yvqh9W_compareToggle",
-			"lightboxEdit": "Yvqh9W_lightboxEdit",
-			"uploadHint": "Yvqh9W_uploadHint",
-			"enhanceButton": "Yvqh9W_enhanceButton",
-			"footer": "Yvqh9W_footer",
-			"galleryBadge": "Yvqh9W_galleryBadge",
-			"historyFilters": "Yvqh9W_historyFilters",
-			"gallerySelect": "Yvqh9W_gallerySelect",
-			"modePill": "Yvqh9W_modePill",
-			"view": "Yvqh9W_view",
-			"taskStatus": "Yvqh9W_taskStatus",
+			"taskTray": "Yvqh9W_taskTray",
 			"modeRow": "Yvqh9W_modeRow",
-			"comparisonBoard": "Yvqh9W_comparisonBoard",
+			"historyThumbPlaceholder": "Yvqh9W_historyThumbPlaceholder",
+			"historyEmpty": "Yvqh9W_historyEmpty",
+			"ecommercePlanBack": "Yvqh9W_ecommercePlanBack",
+			"conversationAdd": "Yvqh9W_conversationAdd",
+			"ecommerceSlotCount": "Yvqh9W_ecommerceSlotCount",
+			"ecommerceGroups": "Yvqh9W_ecommerceGroups",
+			"bigSpinner": "Yvqh9W_bigSpinner",
 			"taskRows": "Yvqh9W_taskRows",
-			"galleryImageButton": "Yvqh9W_galleryImageButton",
-			"uploadIcon": "Yvqh9W_uploadIcon",
-			"historyList": "Yvqh9W_historyList",
-			"promptFooter": "Yvqh9W_promptFooter",
+			"configScroll": "Yvqh9W_configScroll",
+			"galleryToast": "Yvqh9W_galleryToast",
+			"lightboxNav": "Yvqh9W_lightboxNav",
+			"ecommerceAssets": "Yvqh9W_ecommerceAssets",
 			"panelHeading": "Yvqh9W_panelHeading",
-			"optionPill": "Yvqh9W_optionPill",
-			"modelMenuList": "Yvqh9W_modelMenuList",
-			"canvasError": "Yvqh9W_canvasError",
-			"canvasStateHint": "Yvqh9W_canvasStateHint",
-			"referenceActions": "Yvqh9W_referenceActions",
+			"galleryTagFilter": "Yvqh9W_galleryTagFilter",
+			"comparisonFullscreen": "Yvqh9W_comparisonFullscreen",
+			"lightboxTools": "Yvqh9W_lightboxTools",
+			"optionGrid": "Yvqh9W_optionGrid",
+			"galleryCount": "Yvqh9W_galleryCount",
 			"modelMenu": "Yvqh9W_modelMenu",
-			"modelMenuItem": "Yvqh9W_modelMenuItem",
+			"paramHint": "Yvqh9W_paramHint",
+			"ecommerceParamGrid": "Yvqh9W_ecommerceParamGrid",
+			"lightboxCopy": "Yvqh9W_lightboxCopy",
+			"templatesButton": "Yvqh9W_templatesButton",
+			"canvasState": "Yvqh9W_canvasState",
+			"ecommerceWorkspace": "Yvqh9W_ecommerceWorkspace",
+			"promptFooter": "Yvqh9W_promptFooter",
+			"galleryFilterDivider": "Yvqh9W_galleryFilterDivider",
+			"lightboxCaption": "Yvqh9W_lightboxCaption",
+			"entry": "Yvqh9W_entry",
+			"canvas": "Yvqh9W_canvas",
+			"configHeader": "Yvqh9W_configHeader",
+			"chatResizer": "Yvqh9W_chatResizer",
+			"ecommerceResultsHeader": "Yvqh9W_ecommerceResultsHeader",
+			"updateBanner": "Yvqh9W_updateBanner",
+			"topNavItem": "Yvqh9W_topNavItem",
+			"galleryClear": "Yvqh9W_galleryClear",
+			"compareModelChoices": "Yvqh9W_compareModelChoices",
+			"referenceActions": "Yvqh9W_referenceActions",
+			"comparisonBoard": "Yvqh9W_comparisonBoard",
+			"galleryCardInfo": "Yvqh9W_galleryCardInfo",
+			"galleryBulkButton": "Yvqh9W_galleryBulkButton",
+			"ecommercePlanList": "Yvqh9W_ecommercePlanList",
+			"entryIcon": "Yvqh9W_entryIcon",
+			"ecommerceResultBadge": "Yvqh9W_ecommerceResultBadge",
+			"ecommerceAdvancedChevron": "Yvqh9W_ecommerceAdvancedChevron",
+			"historyThumb": "Yvqh9W_historyThumb",
+			"lightboxScaleFrame": "Yvqh9W_lightboxScaleFrame",
+			"ecommerceFieldLabel": "Yvqh9W_ecommerceFieldLabel",
+			"comparisonImageButton": "Yvqh9W_comparisonImageButton",
+			"card": "Yvqh9W_card",
+			"configGuideBody": "Yvqh9W_configGuideBody",
+			"ecommerceField": "Yvqh9W_ecommerceField",
+			"ecommerceTaskState": "Yvqh9W_ecommerceTaskState",
+			"galleryWorkspace": "Yvqh9W_galleryWorkspace",
 			"lightbox": "Yvqh9W_lightbox",
+			"generateButton": "Yvqh9W_generateButton",
+			"galleryRatioList": "Yvqh9W_galleryRatioList",
+			"taskPrompt": "Yvqh9W_taskPrompt",
+			"lightboxZoomLevel": "Yvqh9W_lightboxZoomLevel",
+			"historyPrompt": "Yvqh9W_historyPrompt",
+			"ecommercePlanMini": "Yvqh9W_ecommercePlanMini",
+			"sessionTabLabel": "Yvqh9W_sessionTabLabel",
+			"prompt": "Yvqh9W_prompt",
 			"lightboxMeta": "Yvqh9W_lightboxMeta",
-			"lightboxDownload": "Yvqh9W_lightboxDownload",
-			"historyMeta": "Yvqh9W_historyMeta",
+			"modelLabel": "Yvqh9W_modelLabel",
+			"gallerySelectionBar": "Yvqh9W_gallerySelectionBar",
+			"galleryCardActions": "Yvqh9W_galleryCardActions",
+			"galleryAvatar": "Yvqh9W_galleryAvatar",
+			"githubLink": "Yvqh9W_githubLink",
+			"galleryToolbar": "Yvqh9W_galleryToolbar",
+			"galleryCardFooter": "Yvqh9W_galleryCardFooter",
+			"compareToggle": "Yvqh9W_compareToggle",
+			"historySearch": "Yvqh9W_historySearch",
+			"lightboxFigure": "Yvqh9W_lightboxFigure",
+			"uploadBox": "Yvqh9W_uploadBox",
+			"galleryFilter": "Yvqh9W_galleryFilter",
+			"galleryTagEditor": "Yvqh9W_galleryTagEditor",
+			"download": "Yvqh9W_download",
+			"galleryToolbarActions": "Yvqh9W_galleryToolbarActions",
+			"imageCard": "Yvqh9W_imageCard",
+			"comparisonFullscreenGrid": "Yvqh9W_comparisonFullscreenGrid",
+			"gallerySelect": "Yvqh9W_gallerySelect",
+			"taskTrayHeader": "Yvqh9W_taskTrayHeader",
+			"ecommerceResultsActions": "Yvqh9W_ecommerceResultsActions",
+			"topNav": "Yvqh9W_topNav",
+			"connectionStatus": "Yvqh9W_connectionStatus",
+			"ecommercePlanWarn": "Yvqh9W_ecommercePlanWarn",
+			"paramLabel": "Yvqh9W_paramLabel",
+			"ecommerceGroup": "Yvqh9W_ecommerceGroup",
+			"canvasEmptyIcon": "Yvqh9W_canvasEmptyIcon",
+			"sessionTabIcon": "Yvqh9W_sessionTabIcon",
+			"historyAction": "Yvqh9W_historyAction",
+			"ecommerceSlotCard": "Yvqh9W_ecommerceSlotCard",
+			"panelHeaderActions": "Yvqh9W_panelHeaderActions",
+			"modelMenuList": "Yvqh9W_modelMenuList",
+			"taskTrayToggle": "Yvqh9W_taskTrayToggle",
+			"updateActions": "Yvqh9W_updateActions",
+			"uploadIcon": "Yvqh9W_uploadIcon",
 			"canvasMeta": "Yvqh9W_canvasMeta",
-			"taskTrayChevron": "Yvqh9W_taskTrayChevron",
+			"canvasHistoryTag": "Yvqh9W_canvasHistoryTag",
+			"dshImageGenSpin": "Yvqh9W_dshImageGenSpin",
+			"galleryImageButton": "Yvqh9W_galleryImageButton",
+			"gallerySearch": "Yvqh9W_gallerySearch",
 			"historyItem": "Yvqh9W_historyItem",
+			"promptCount": "Yvqh9W_promptCount",
+			"grid": "Yvqh9W_grid",
+			"historyHeaderActions": "Yvqh9W_historyHeaderActions",
+			"view": "Yvqh9W_view",
+			"taskStatus": "Yvqh9W_taskStatus",
+			"taskRow": "Yvqh9W_taskRow",
+			"galleryCard": "Yvqh9W_galleryCard",
+			"footer": "Yvqh9W_footer",
+			"galleryImage": "Yvqh9W_galleryImage",
+			"ecommerceGroupGrid": "Yvqh9W_ecommerceGroupGrid",
+			"panelHeader": "Yvqh9W_panelHeader",
+			"lightboxDownload": "Yvqh9W_lightboxDownload",
+			"ecommerceSection": "Yvqh9W_ecommerceSection",
+			"hiddenFile": "Yvqh9W_hiddenFile",
+			"galleryRatio": "Yvqh9W_galleryRatio",
+			"ecommerceResultsEmpty": "Yvqh9W_ecommerceResultsEmpty",
+			"historyMain": "Yvqh9W_historyMain",
+			"configGuide": "Yvqh9W_configGuide",
+			"connectionDot": "Yvqh9W_connectionDot",
+			"historyFilters": "Yvqh9W_historyFilters",
 			"config": "Yvqh9W_config",
-			"optionRow": "Yvqh9W_optionRow",
+			"ecommerceFooterBody": "Yvqh9W_ecommerceFooterBody",
+			"modePill": "Yvqh9W_modePill",
+			"ecommerceTaskActions": "Yvqh9W_ecommerceTaskActions",
+			"reference": "Yvqh9W_reference",
+			"galleryAdd": "Yvqh9W_galleryAdd",
+			"gallerySort": "Yvqh9W_gallerySort",
+			"galleryViewToggle": "Yvqh9W_galleryViewToggle",
+			"galleryMasonry": "Yvqh9W_galleryMasonry",
+			"galleryRemove": "Yvqh9W_galleryRemove",
+			"galleryTagInput": "Yvqh9W_galleryTagInput",
+			"updateText": "Yvqh9W_updateText",
+			"generation": "Yvqh9W_generation",
+			"ecommerceAdvancedToggle": "Yvqh9W_ecommerceAdvancedToggle",
+			"image": "Yvqh9W_image",
+			"historyMeta": "Yvqh9W_historyMeta",
 			"modelWrap": "Yvqh9W_modelWrap",
-			"modelSelect": "Yvqh9W_modelSelect",
-			"lightboxTool": "Yvqh9W_lightboxTool",
-			"dshImageGenToastIn": "Yvqh9W_dshImageGenToastIn",
+			"lightboxStage": "Yvqh9W_lightboxStage",
+			"lightboxIndex": "Yvqh9W_lightboxIndex",
 			"galleryFilterCount": "Yvqh9W_galleryFilterCount",
-			"galleryFilterDivider": "Yvqh9W_galleryFilterDivider",
-			"galleryClear": "Yvqh9W_galleryClear",
-			"galleryCardFooter": "Yvqh9W_galleryCardFooter",
-			"galleryTagEditor": "Yvqh9W_galleryTagEditor",
+			"galleryTagFilterList": "Yvqh9W_galleryTagFilterList",
+			"comparisonGrid": "Yvqh9W_comparisonGrid",
+			"historyClear": "Yvqh9W_historyClear",
 			"studio": "Yvqh9W_studio",
+			"ecommercePrimaryAction": "Yvqh9W_ecommercePrimaryAction",
+			"previewBadge": "Yvqh9W_previewBadge",
+			"chatToggle": "Yvqh9W_chatToggle",
+			"lightboxTool": "Yvqh9W_lightboxTool",
+			"historyList": "Yvqh9W_historyList",
+			"ecommerceAdvancedBody": "Yvqh9W_ecommerceAdvancedBody",
+			"dshImageGenToastIn": "Yvqh9W_dshImageGenToastIn",
+			"history": "Yvqh9W_history",
+			"modelMenuItem": "Yvqh9W_modelMenuItem",
+			"sessionTabs": "Yvqh9W_sessionTabs",
+			"ecommerceStructureGrid": "Yvqh9W_ecommerceStructureGrid",
+			"canvasStateHint": "Yvqh9W_canvasStateHint",
+			"ecommerceSectionHint": "Yvqh9W_ecommerceSectionHint",
+			"ecommerceUploadHero": "Yvqh9W_ecommerceUploadHero",
 			"referenceImage": "Yvqh9W_referenceImage",
-			"entry": "Yvqh9W_entry",
-			"galleryAdd": "Yvqh9W_galleryAdd",
-			"lightboxClose": "Yvqh9W_lightboxClose",
-			"galleryToolbarActions": "Yvqh9W_galleryToolbarActions",
-			"lightboxIndex": "Yvqh9W_lightboxIndex",
-			"paramHint": "Yvqh9W_paramHint",
-			"historyAction": "Yvqh9W_historyAction",
-			"lightboxImage": "Yvqh9W_lightboxImage",
-			"githubLink": "Yvqh9W_githubLink",
-			"hiddenFile": "Yvqh9W_hiddenFile",
-			"lightboxZoomLevel": "Yvqh9W_lightboxZoomLevel",
-			"galleryImage": "Yvqh9W_galleryImage",
-			"galleryBulkButton": "Yvqh9W_galleryBulkButton",
-			"gallerySearch": "Yvqh9W_gallerySearch",
-			"historySearch": "Yvqh9W_historySearch",
-			"lightboxScaleFrame": "Yvqh9W_lightboxScaleFrame",
-			"historyThumb": "Yvqh9W_historyThumb",
-			"galleryFilters": "Yvqh9W_galleryFilters",
-			"lightboxCopy": "Yvqh9W_lightboxCopy",
-			"taskTrayClose": "Yvqh9W_taskTrayClose",
-			"galleryToast": "Yvqh9W_galleryToast",
+			"galleryTagEdit": "Yvqh9W_galleryTagEdit",
+			"ecommerceTaskCard": "Yvqh9W_ecommerceTaskCard",
+			"ecommercePlanNote": "Yvqh9W_ecommercePlanNote",
+			"ecommerceActionChip": "Yvqh9W_ecommerceActionChip",
+			"canvasError": "Yvqh9W_canvasError",
 			"galleryFilterHeading": "Yvqh9W_galleryFilterHeading",
-			"historyThumbPlaceholder": "Yvqh9W_historyThumbPlaceholder",
-			"lightboxFigure": "Yvqh9W_lightboxFigure",
-			"lightboxStage": "Yvqh9W_lightboxStage"
+			"taskTrayClose": "Yvqh9W_taskTrayClose",
+			"uploadHint": "Yvqh9W_uploadHint",
+			"optionPill": "Yvqh9W_optionPill",
+			"gallerySelectionClear": "Yvqh9W_gallerySelectionClear",
+			"updateRelease": "Yvqh9W_updateRelease",
+			"historyNew": "Yvqh9W_historyNew",
+			"canvasBody": "Yvqh9W_canvasBody",
+			"panel": "Yvqh9W_panel",
+			"historyInfo": "Yvqh9W_historyInfo",
+			"ecommerceAssetAdd": "Yvqh9W_ecommerceAssetAdd",
+			"panelTitle": "Yvqh9W_panelTitle",
+			"galleryFilters": "Yvqh9W_galleryFilters",
+			"compareControl": "Yvqh9W_compareControl",
+			"galleryCardAction": "Yvqh9W_galleryCardAction"
 		};
 		//#endregion
 		//#region src/client/ImageGenPanel.tsx
@@ -1895,9 +2224,78 @@ window.__ModuleLoader__.load({
 			"high"
 		];
 		const REF_IMAGE_MAX_BYTES = 10 * 1024 * 1024;
+		const CONVERSATION_IMAGE_MAX_DIMENSION = 2e3;
+		const CONVERSATION_IMAGE_JPEG_QUALITY = .9;
 		const PREVIEW_SCALE_MIN = .5;
 		const PREVIEW_SCALE_MAX = 3;
 		const PREVIEW_SCALE_STEP = .25;
+		const CONFIG_COLLAPSED_STORAGE_KEY = "dsh-imagegen-config-collapsed";
+		const ECOMMERCE_DRAFT_STORAGE_KEY = "dsh-imagegen-ecommerce-draft";
+		/** Reference roles an uploaded product asset can play (slot selections can
+		*  also pick 'none'). */
+		const ECOMMERCE_ASSET_ROLES = [
+			"product",
+			"packaging",
+			"detail",
+			"style"
+		];
+		const MAX_ECOMMERCE_ASSETS = 4;
+		const ECOMMERCE_ROLE_PROMPT_LABELS = {
+			product: "商品主体",
+			packaging: "包装",
+			detail: "细节/角度",
+			style: "风格参考"
+		};
+		const PRODUCT_SET_SLOTS = [
+			{
+				key: "main",
+				label: "主图",
+				description: "干净背景，突出商品主体",
+				count: 1,
+				enabled: true,
+				refRole: "product"
+			},
+			{
+				key: "selling-point",
+				label: "卖点图",
+				description: "用画面展示商品核心卖点",
+				count: 2,
+				enabled: true,
+				refRole: "product"
+			},
+			{
+				key: "scene",
+				label: "场景图",
+				description: "真实生活或使用场景",
+				count: 2,
+				enabled: true,
+				refRole: "product"
+			},
+			{
+				key: "detail",
+				label: "细节图",
+				description: "材质、结构或工艺特写",
+				count: 1,
+				enabled: true,
+				refRole: "detail"
+			},
+			{
+				key: "spec",
+				label: "规格图",
+				description: "尺寸、容量或参数展示",
+				count: 1,
+				enabled: false,
+				refRole: "product"
+			},
+			{
+				key: "model",
+				label: "使用图",
+				description: "人物上手或穿戴效果",
+				count: 1,
+				enabled: false,
+				refRole: "product"
+			}
+		];
 		/** Legacy pixel sizes saved by older versions, mapped onto the current
 		*  aspect-ratio vocabulary so restoring old history entries still works. */
 		const LEGACY_SIZE_TO_RATIO = {
@@ -1927,6 +2325,37 @@ window.__ModuleLoader__.load({
 		function clampPreviewScale(scale) {
 			return Math.min(PREVIEW_SCALE_MAX, Math.max(PREVIEW_SCALE_MIN, scale));
 		}
+		/** Keep the image canvas preference across panel remounts without making it
+		* part of the host settings document. */
+		function readConfigCollapsed() {
+			try {
+				return window.localStorage.getItem(CONFIG_COLLAPSED_STORAGE_KEY) === "true";
+			} catch {
+				return false;
+			}
+		}
+		const CHAT_COLLAPSED_STORAGE_KEY = "dsh-imagegen:chat-collapsed";
+		const CONFIG_WIDTH_STORAGE_KEY = "dsh-imagegen:config-width";
+		const CONFIG_WIDTH_MIN = 260;
+		const CONFIG_WIDTH_MAX = 480;
+		const CONFIG_WIDTH_DEFAULT = 300;
+		/** The chat pane starts collapsed unless the user explicitly opened it. */
+		function readChatOpen() {
+			try {
+				return window.localStorage.getItem(CHAT_COLLAPSED_STORAGE_KEY) === "open";
+			} catch {
+				return false;
+			}
+		}
+		function readConfigWidth() {
+			try {
+				const raw = window.localStorage.getItem(CONFIG_WIDTH_STORAGE_KEY);
+				if (raw === null) return CONFIG_WIDTH_DEFAULT;
+				const value = Number(raw);
+				if (Number.isFinite(value) && value > 0) return Math.min(CONFIG_WIDTH_MAX, Math.max(CONFIG_WIDTH_MIN, Math.round(value)));
+			} catch {}
+			return CONFIG_WIDTH_DEFAULT;
+		}
 		/** Read the current config from the settings scope snapshot. */
 		function useConfig(scope) {
 			const [value, setValue] = (0, react.useState)(scope.getSnapshot().value);
@@ -1964,6 +2393,127 @@ window.__ModuleLoader__.load({
 		function srcOf(image) {
 			return `data:${image.mime};base64,${image.b64}`;
 		}
+		/** Decode one durable conversation attachment into the panel's image shape. */
+		async function attachmentToGenerated(ref) {
+			const query = new URLSearchParams({
+				attachment_id: String(ref.attachmentId),
+				media_type: ref.mediaType,
+				bytes: String(ref.bytes),
+				width: String(ref.width),
+				height: String(ref.height)
+			});
+			const response = await fetch(`${AGENT_IMAGE_API}?${query.toString()}`);
+			if (!response.ok) throw new Error(`HTTP ${response.status}`);
+			const blob = await response.blob();
+			const dataUrl = await new Promise((resolve, reject) => {
+				const reader = new FileReader();
+				reader.onload = () => resolve(typeof reader.result === "string" ? reader.result : "");
+				reader.onerror = () => reject(/* @__PURE__ */ new Error("image read failed"));
+				reader.readAsDataURL(blob);
+			});
+			const comma = dataUrl.indexOf(",");
+			if (comma < 0) throw new Error("image decode failed");
+			return {
+				b64: dataUrl.slice(comma + 1),
+				mime: ref.mediaType
+			};
+		}
+		/** Convert a generated image into the browser-owned draft format. */
+		function generatedImageToFile(image, index) {
+			const binary = atob(image.b64);
+			const bytes = new Uint8Array(binary.length);
+			for (let offset = 0; offset < binary.length; offset += 1) bytes[offset] = binary.charCodeAt(offset);
+			return new File([bytes], `dsh-image-${index + 1}.${extensionOf(image.mime)}`, { type: image.mime });
+		}
+		/** Decode a data URL into a browser File for the native composer. */
+		function dataUrlToFile(dataUrl, name) {
+			const match = /^data:(image\/(?:png|jpeg|webp|gif));base64,(.*)$/su.exec(dataUrl);
+			if (match === null || match[1] === void 0 || match[2] === void 0) throw new Error("image processing returned an invalid data URL");
+			const binary = atob(match[2]);
+			const bytes = new Uint8Array(binary.length);
+			for (let offset = 0; offset < binary.length; offset += 1) bytes[offset] = binary.charCodeAt(offset);
+			return new File([bytes], name, { type: match[1] });
+		}
+		/** Read intrinsic dimensions without changing the original preview. */
+		function imageDimensions(dataUrl) {
+			return new Promise((resolve, reject) => {
+				const image = new Image();
+				image.onload = () => {
+					const width = image.naturalWidth || image.width;
+					const height = image.naturalHeight || image.height;
+					if (width < 1 || height < 1) reject(/* @__PURE__ */ new Error("image dimensions are unavailable"));
+					else resolve({
+						width,
+						height
+					});
+				};
+				image.onerror = () => reject(/* @__PURE__ */ new Error("image decode failed"));
+				image.src = dataUrl;
+			});
+		}
+		/** Prepare the smaller conversation copy required by the host attachment policy. */
+		async function prepareConversationImage(image, index) {
+			const dataUrl = srcOf(image);
+			const { width, height } = await imageDimensions(dataUrl);
+			const longestSide = Math.max(width, height);
+			if (longestSide <= CONVERSATION_IMAGE_MAX_DIMENSION) return {
+				file: generatedImageToFile(image, index),
+				dataUrl
+			};
+			const scale = CONVERSATION_IMAGE_MAX_DIMENSION / longestSide;
+			const targetWidth = Math.max(1, Math.round(width * scale));
+			const targetHeight = Math.max(1, Math.round(height * scale));
+			const canvas = document.createElement("canvas");
+			canvas.width = targetWidth;
+			canvas.height = targetHeight;
+			const context = canvas.getContext("2d");
+			if (context === null) throw new Error("image resize is unavailable in this browser");
+			const source = await new Promise((resolve, reject) => {
+				const sourceImage = new Image();
+				sourceImage.onload = () => resolve(sourceImage);
+				sourceImage.onerror = () => reject(/* @__PURE__ */ new Error("image decode failed"));
+				sourceImage.src = dataUrl;
+			});
+			context.drawImage(source, 0, 0, targetWidth, targetHeight);
+			const resizedDataUrl = canvas.toDataURL("image/jpeg", CONVERSATION_IMAGE_JPEG_QUALITY);
+			return {
+				dataUrl: resizedDataUrl,
+				file: dataUrlToFile(resizedDataUrl, `dsh-image-${index + 1}.jpg`)
+			};
+		}
+		/** Follow the native session selection while the image panel stays mounted. */
+		function useCurrentSessionId(sessions) {
+			const [sessionId, setSessionId] = (0, react.useState)(() => sessions?.list.getSnapshot().current);
+			(0, react.useEffect)(() => {
+				if (sessions === void 0) {
+					setSessionId(void 0);
+					return;
+				}
+				const sync = () => {
+					setSessionId(sessions.list.getSnapshot().current);
+				};
+				sync();
+				return sessions.list.subscribe(sync);
+			}, [sessions]);
+			return sessionId;
+		}
+		/** Find the host mounted in the shell's left navigation region. */
+		function useSidebarHistoryHost() {
+			const [host, setHost] = (0, react.useState)(() => document.querySelector("[data-dsh-imagegen-history-host]"));
+			(0, react.useEffect)(() => {
+				const sync = () => {
+					setHost(document.querySelector("[data-dsh-imagegen-history-host]"));
+				};
+				sync();
+				const observer = new MutationObserver(sync);
+				observer.observe(document.body, {
+					childList: true,
+					subtree: true
+				});
+				return () => observer.disconnect();
+			}, []);
+			return host;
+		}
 		/** Fetch persisted history image refs and decode them back to in-memory
 		*  GeneratedImage[] (base64), so the canvas/preview can reuse the same
 		*  rendering path as a fresh generation. */
@@ -1992,9 +2542,66 @@ window.__ModuleLoader__.load({
 			const pad = (n) => String(n).padStart(2, "0");
 			return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
 		}
+		function defaultEcommerceDraft() {
+			return {
+				projectId: "",
+				projectName: "",
+				category: "通用商品",
+				platform: "通用",
+				language: "中文",
+				size: "1:1",
+				productName: "",
+				sellingPoints: "",
+				protectedFeatures: "",
+				styleHint: "",
+				slots: PRODUCT_SET_SLOTS.map((slot) => ({ ...slot }))
+			};
+		}
+		function ecommercePrompt(draft, slot) {
+			const points = draft.sellingPoints.trim() || "突出商品真实材质、结构和核心价值";
+			const protectedFeatures = draft.protectedFeatures.trim() || "保持商品颜色、形状、Logo、包装文字和结构真实，不添加不存在的配件";
+			const refClause = slot.refRole !== void 0 && slot.refRole !== "none" ? `本图以上传的${ECOMMERCE_ROLE_PROMPT_LABELS[slot.refRole]}图片为参考，商品与风格必须与参考图保持一致；` : "";
+			return `电商${slot.label}：为${draft.productName.trim() || "该商品"}制作${slot.description}。商品品类：${draft.category}；平台：${draft.platform}；语言：${draft.language}。商品卖点：${points}。必须遵守：${protectedFeatures}。${refClause}整体要求：商品主体清晰、比例真实、光线自然、画面干净、适合电商发布；${draft.styleHint.trim()}`;
+		}
+		/** Consistency prefix for slots generated after the main image exists. */
+		function withAnchorNote(prompt) {
+			return "商品套图一致性约束：附件是本套商品的主图，图中商品（外形、颜色、材质、Logo、包装文字）必须与附件完全一致，不得重新发明商品。" + prompt;
+		}
+		function modelsOfHistoryEntry(entry) {
+			return entry.comparisonModels?.length !== void 0 && entry.comparisonModels.length > 1 ? entry.comparisonModels : [entry.model];
+		}
+		/** Comparison runs collapse by comparisonId, product sets by projectId. */
+		function historyGroupKey(entry) {
+			if (entry.comparisonId !== void 0) return entry.comparisonId;
+			if (entry.workflow === "ecommerce" && entry.projectId !== void 0) return `project:${entry.projectId}`;
+			return entry.id;
+		}
+		/** Collapse the per-model history rows that belong to one comparison run. */
+		function groupHistoryEntries(entries) {
+			const groups = /* @__PURE__ */ new Map();
+			for (const entry of entries) {
+				const key = historyGroupKey(entry);
+				const existing = groups.get(key);
+				if (existing === void 0) groups.set(key, {
+					key,
+					entries: [entry],
+					models: modelsOfHistoryEntry(entry)
+				});
+				else {
+					existing.entries.push(entry);
+					existing.models = [.../* @__PURE__ */ new Set([...existing.models, ...modelsOfHistoryEntry(entry)])];
+				}
+			}
+			return [...groups.values()];
+		}
+		function newComparisonId() {
+			const cryptoApi = globalThis.crypto;
+			if (typeof cryptoApi?.randomUUID === "function") return cryptoApi.randomUUID();
+			return `comparison-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+		}
 		/** Render the studio. */
 		function ImageGenPanel(props) {
-			const { api, scope } = props;
+			const { api, scope, sessions, conversation } = props;
 			const config = useConfig(scope);
 			const enabled = config?.enabled ?? true;
 			const modelOptions = imageModelOptions(config);
@@ -2007,6 +2614,12 @@ window.__ModuleLoader__.load({
 			const apiKeySet = (config?.channels ?? []).length > 0 ? channelKeySet : legacyKeySet;
 			const connected = enabled && configured && apiKeySet;
 			const [tab, setTab] = (0, react.useState)("text");
+			const [workspace, setWorkspace] = (0, react.useState)("normal");
+			/** Switch to a normal-generation tab, leaving any task workspace. */
+			const openTab = (next) => {
+				setWorkspace("normal");
+				setTab(next);
+			};
 			const [prompt, setPrompt] = (0, react.useState)("");
 			const [size, setSize] = (0, react.useState)("auto");
 			const [quality, setQuality] = (0, react.useState)("auto");
@@ -2018,6 +2631,9 @@ window.__ModuleLoader__.load({
 			const [modelOpen, setModelOpen] = (0, react.useState)(false);
 			const [refImage, setRefImage] = (0, react.useState)(null);
 			const [images, setImages] = (0, react.useState)([]);
+			const [addingToConversation, setAddingToConversation] = (0, react.useState)(null);
+			const [galleryConversationAddingId, setGalleryConversationAddingId] = (0, react.useState)(null);
+			const [conversationMessage, setConversationMessage] = (0, react.useState)(null);
 			const [error, setError] = (0, react.useState)(null);
 			const [submitting, setSubmitting] = (0, react.useState)(false);
 			const [enhancing, setEnhancing] = (0, react.useState)(false);
@@ -2051,9 +2667,45 @@ window.__ModuleLoader__.load({
 			const [updateResult, setUpdateResult] = (0, react.useState)(null);
 			const [libraryOpen, setLibraryOpen] = (0, react.useState)(false);
 			const [tasks, setTasks] = (0, react.useState)([]);
+			const tasksRef = (0, react.useRef)([]);
 			const [taskTrayOpen, setTaskTrayOpen] = (0, react.useState)(false);
 			const [comparison, setComparison] = (0, react.useState)(null);
 			const [comparisonFullscreen, setComparisonFullscreen] = (0, react.useState)(false);
+			const [ecommerce, setEcommerce] = (0, react.useState)(() => {
+				try {
+					const saved = window.localStorage.getItem(ECOMMERCE_DRAFT_STORAGE_KEY);
+					if (saved !== null) {
+						const merged = {
+							...defaultEcommerceDraft(),
+							...JSON.parse(saved)
+						};
+						if (Array.isArray(merged.slots)) merged.slots = merged.slots.map((slot) => ({
+							...slot,
+							refRole: slot.refRole ?? "product"
+						}));
+						return merged;
+					}
+				} catch {}
+				return defaultEcommerceDraft();
+			});
+			const [ecommercePreview, setEcommercePreview] = (0, react.useState)(false);
+			const [ecommerceGenerating, setEcommerceGenerating] = (0, react.useState)(false);
+			const [ecommerceProjectId, setEcommerceProjectId] = (0, react.useState)(null);
+			const [ecommerceAssets, setEcommerceAssets] = (0, react.useState)([]);
+			/** History-restored product set currently shown in the results canvas. */
+			const [ecommerceRestored, setEcommerceRestored] = (0, react.useState)(null);
+			/** Pending main-image anchor: the main image task is in flight; once it
+			*  completes, the remaining slots are resubmitted with it as their shared
+			*  reference so every image in the set shows the same product. */
+			const [ecommerceAnchor, setEcommerceAnchor] = (0, react.useState)(null);
+			const [ecommerceRefOpen, setEcommerceRefOpen] = (0, react.useState)(false);
+			const [configCollapsed, setConfigCollapsed] = (0, react.useState)(readConfigCollapsed);
+			const [chatOpen, setChatOpen] = (0, react.useState)(readChatOpen);
+			const [configWidth, setConfigWidth] = (0, react.useState)(readConfigWidth);
+			const configAsideRef = (0, react.useRef)(null);
+			const currentSessionId = useCurrentSessionId(sessions);
+			const sidebarHistoryHost = useSidebarHistoryHost();
+			const modeModels = tab === "edit" ? imageModels.filter((candidate) => describeModel(candidate).supportsEdit) : imageModels;
 			const fileInput = (0, react.useRef)(null);
 			const previewStage = (0, react.useRef)(null);
 			const activeTasks = tasks.filter((task) => task.status === "queued" || task.status === "running");
@@ -2061,12 +2713,63 @@ window.__ModuleLoader__.load({
 			const generating = submitting || activeTasks.length > 0;
 			const elapsed = useElapsed(generating, activeTask?.startedAt ?? activeTask?.createdAt ?? null);
 			(0, react.useEffect)(() => {
-				setModel((previous) => imageModels.includes(previous) ? previous : imageModels[0]);
+				try {
+					window.localStorage.setItem(ECOMMERCE_DRAFT_STORAGE_KEY, JSON.stringify(ecommerce));
+				} catch {}
+			}, [ecommerce]);
+			(0, react.useEffect)(() => {
+				try {
+					window.localStorage.setItem(CONFIG_COLLAPSED_STORAGE_KEY, String(configCollapsed));
+				} catch {}
+			}, [configCollapsed]);
+			(0, react.useEffect)(() => {
+				if (chatOpen) delete document.documentElement.dataset.dshImagegenChatCollapsed;
+				else document.documentElement.dataset.dshImagegenChatCollapsed = "1";
+				try {
+					window.localStorage.setItem(CHAT_COLLAPSED_STORAGE_KEY, chatOpen ? "open" : "collapsed");
+				} catch {}
+			}, [chatOpen]);
+			(0, react.useEffect)(() => () => {
+				delete document.documentElement.dataset.dshImagegenChatCollapsed;
+			}, []);
+			(0, react.useEffect)(() => {
+				if (ecommerceAnchor === null) return;
+				const anchor = ecommerceAnchor;
+				const mains = tasks.filter((task) => anchor.mainTaskIds.includes(task.id));
+				if (mains.length === 0) return;
+				if (mains.every((task) => task.status === "failed" || task.status === "cancelled")) {
+					setEcommerceAnchor(null);
+					setError(tt("ecommerce.anchorFailed"));
+					return;
+				}
+				const done = mains.find((task) => task.status === "completed" && task.result !== void 0 && task.result.images.length > 0);
+				if (done === void 0) return;
+				setEcommerceAnchor(null);
+				const dataUrl = srcOf(done.result.images[0]);
+				const requests = anchor.remaining.map((request) => ({
+					...request,
+					mode: "edit",
+					image: dataUrl,
+					refName: "set-main-anchor",
+					prompt: withAnchorNote(request.prompt)
+				}));
+				Promise.all(requests.map((request) => api.taskSubmit(request))).then((submitted) => {
+					setTasks((previous) => [...submitted, ...previous]);
+				}).catch((caught) => {
+					setError(errorMessage(caught));
+				});
+			}, [
+				api,
+				tasks,
+				ecommerceAnchor
+			]);
+			(0, react.useEffect)(() => {
+				setModel((previous) => modeModels.includes(previous) ? previous : modeModels[0] ?? "");
 				setCompareModels((previous) => {
-					const retained = previous.filter((candidate) => imageModels.includes(candidate));
-					return retained.length > 0 ? retained : [imageModels[0]];
+					const retained = previous.filter((candidate) => modeModels.includes(candidate));
+					return retained.length > 0 ? retained : modeModels[0] === void 0 ? [] : [modeModels[0]];
 				});
-			}, [imageModels.join("\0")]);
+			}, [modeModels.join("\0")]);
 			const filteredGallery = gallery.filter((entry) => {
 				if (galleryFilter === "all") return true;
 				if (galleryFilter === "text" || galleryFilter === "edit") return entry.mode === galleryFilter;
@@ -2074,10 +2777,11 @@ window.__ModuleLoader__.load({
 			}).filter((entry) => galleryRatio === "all" || normalizeSize(entry.size) === galleryRatio).filter((entry) => galleryTagFilter === null || (entry.tags ?? []).includes(galleryTagFilter)).filter((entry) => galleryQuery.trim() === "" || `${entry.prompt} ${entry.model} ${(entry.tags ?? []).join(" ")}`.toLocaleLowerCase().includes(galleryQuery.trim().toLocaleLowerCase())).slice().sort((a, b) => gallerySort === "newest" ? b.createdAt - a.createdAt : a.createdAt - b.createdAt);
 			const galleryTagOptions = [...new Set(gallery.flatMap((entry) => entry.tags ?? []))].sort((a, b) => a.localeCompare(b));
 			const galleryModels = [.../* @__PURE__ */ new Set([...imageModels, ...gallery.map((entry) => entry.model)])];
-			const filteredHistory = history.filter((entry) => {
+			const filteredHistory = groupHistoryEntries(history).filter((group) => group.entries.some((entry) => {
 				const query = historyQuery.trim().toLocaleLowerCase();
-				return (query === "" || `${entry.prompt} ${entry.model}`.toLocaleLowerCase().includes(query)) && (historyModelFilter === "all" || entry.model === historyModelFilter) && (historyRatioFilter === "all" || normalizeSize(entry.size) === historyRatioFilter);
-			});
+				const models = modelsOfHistoryEntry(entry);
+				return (query === "" || `${entry.prompt} ${models.join(" ")}`.toLocaleLowerCase().includes(query)) && (historyModelFilter === "all" || models.includes(historyModelFilter)) && (historyRatioFilter === "all" || normalizeSize(entry.size) === historyRatioFilter);
+			}));
 			(0, react.useEffect)(() => {
 				let disposed = false;
 				api.historyList().then((entries) => {
@@ -2090,11 +2794,31 @@ window.__ModuleLoader__.load({
 					disposed = true;
 				};
 			}, [api]);
+			(0, react.useEffect)(() => {
+				const onChatImages = (event) => {
+					const detail = event.detail;
+					if (detail === void 0 || currentSessionId === void 0 || detail.sessionId !== currentSessionId) return;
+					Promise.all(detail.refs.map(attachmentToGenerated)).then((next) => {
+						openTab("text");
+						setImages(next);
+						setComparison(null);
+						setViewingHistoryId(null);
+						setGalleryViewingId(null);
+						setError(null);
+					}).catch((caught) => {
+						setError(errorMessage(caught));
+					});
+				};
+				document.addEventListener(CHAT_IMAGE_EVENT, onChatImages);
+				return () => document.removeEventListener(CHAT_IMAGE_EVENT, onChatImages);
+			}, [currentSessionId]);
 			(0, react.useEffect)(() => {
 				let disposed = false;
 				const refresh = () => {
 					api.taskList().then((next) => {
 						if (disposed) return;
+						const newlyCompleted = next.filter((task) => task.status === "completed" && task.result !== void 0 && !tasksRef.current.some((old) => old.id === task.id && old.status === "completed"));
+						tasksRef.current = next;
 						setTasks((previous) => {
 							const completed = next.find((task) => task.status === "completed" && !previous.some((old) => old.id === task.id && old.status === "completed") && !comparison?.taskIds.includes(task.id));
 							if (completed?.result !== void 0) {
@@ -2104,6 +2828,9 @@ window.__ModuleLoader__.load({
 							}
 							return next;
 						});
+						if (newlyCompleted.length > 0) api.historyList().then((entries) => {
+							if (!disposed) setHistory(entries);
+						}).catch(() => {});
 					}).catch(() => {});
 				};
 				refresh();
@@ -2206,6 +2933,39 @@ window.__ModuleLoader__.load({
 				};
 				reader.readAsDataURL(file);
 			};
+			/** Read uploaded product assets into session-only data-URL chips, capped at
+			*  MAX_ECOMMERCE_ASSETS. Each starts as the product-role reference. */
+			const acceptEcommerceFiles = (files) => {
+				if (files === void 0) return;
+				const incoming = Array.from(files).filter((file) => file.type.startsWith("image/") && file.size <= REF_IMAGE_MAX_BYTES);
+				if (incoming.length === 0) {
+					setError(tt("edit.uploadHint"));
+					return;
+				}
+				for (const file of incoming) {
+					const reader = new FileReader();
+					reader.onload = () => {
+						if (typeof reader.result !== "string") return;
+						const dataUrl = reader.result;
+						setEcommerceAssets((previous) => {
+							if (previous.length >= MAX_ECOMMERCE_ASSETS) {
+								setError(tt("ecommerce.assetsFull"));
+								return previous;
+							}
+							return [...previous, {
+								id: newComparisonId(),
+								dataUrl,
+								name: file.name,
+								role: "product"
+							}];
+						});
+					};
+					reader.onerror = () => {
+						setError(tt("edit.uploadHint"));
+					};
+					reader.readAsDataURL(file);
+				}
+			};
 			/** Run one generation. */
 			const handleGenerate = async () => {
 				if (submitting) return;
@@ -2227,8 +2987,8 @@ window.__ModuleLoader__.load({
 					return;
 				}
 				const request = {
-					mode: tab === "gallery" ? "text" : tab,
-					model: imageModels.includes(model) ? model : imageModels[0],
+					mode: tab === "edit" ? "edit" : "text",
+					model: modeModels.includes(model) ? model : modeModels[0] ?? "",
 					prompt: promptText,
 					size,
 					quality,
@@ -2241,27 +3001,200 @@ window.__ModuleLoader__.load({
 				setError(null);
 				setSubmitting(true);
 				try {
-					const targetModels = (compareEnabled ? compareModels : [request.model]).filter((candidate) => imageModels.includes(candidate));
+					const targetModels = (compareEnabled ? compareModels : [request.model]).filter((candidate) => modeModels.includes(candidate));
 					if (targetModels.length === 0) {
 						setError(tt("compare.selectRequired"));
 						return;
 					}
+					const comparisonId = targetModels.length > 1 ? newComparisonId() : void 0;
+					const comparisonFields = comparisonId === void 0 ? {} : {
+						comparisonId,
+						comparisonModels: targetModels
+					};
 					const submitted = await Promise.all(targetModels.map((targetModel) => api.taskSubmit({
 						...request,
-						model: targetModel
+						model: targetModel,
+						...comparisonFields
 					})));
 					setTasks((previous) => [...submitted, ...previous.filter((item) => !submitted.some((task) => task.id === item.id))]);
-					setComparison(targetModels.length > 1 ? {
+					setComparison(comparisonId === void 0 ? null : {
 						taskIds: submitted.map((task) => task.id),
-						prompt: promptText
-					} : null);
+						prompt: promptText,
+						comparisonId
+					});
 				} catch (caught) {
 					setError(errorMessage(caught));
 				} finally {
 					setSubmitting(false);
 				}
 			};
-			/** Open the full-screen image preview at a given index. */
+			const handleEcommerceGenerate = async () => {
+				if (ecommerceGenerateDisabled) return;
+				if (!enabled || !configured || !apiKeySet) {
+					openSettingsGuide("generation");
+					return;
+				}
+				const projectId = ecommerce.projectId || newComparisonId();
+				const buildRequest = (slot, index) => {
+					const refRole = slot.refRole ?? "product";
+					const asset = refRole === "none" ? void 0 : ecommerceAssets.find((item) => item.role === refRole);
+					return {
+						mode: asset !== void 0 ? "edit" : "text",
+						model: modeModels.includes(model) ? model : modeModels[0] ?? "",
+						prompt: ecommercePrompt(ecommerce, slot),
+						size: ecommerce.size,
+						quality,
+						n: 1,
+						detail,
+						...defaultChannelId !== void 0 ? { channelId: defaultChannelId } : {},
+						...asset !== void 0 ? {
+							image: asset.dataUrl,
+							refName: asset.name
+						} : {},
+						workflow: "ecommerce",
+						projectId,
+						projectName: ecommerce.projectName.trim() || ecommerce.productName.trim(),
+						slotKey: `${slot.key}-${index + 1}`,
+						slotLabel: slot.label
+					};
+				};
+				const mainSlots = ecommerceSlots.filter((slot) => slot.key === "main");
+				const otherSlots = ecommerceSlots.filter((slot) => slot.key !== "main");
+				const anchorChain = mainSlots.length > 0 && otherSlots.length > 0;
+				const requests = (anchorChain ? mainSlots : ecommerceSlots).flatMap((slot) => Array.from({ length: slot.count }, (_, index) => buildRequest(slot, index)));
+				const remaining = anchorChain ? otherSlots.flatMap((slot) => Array.from({ length: slot.count }, (_, index) => {
+					const { image: _image, refName: _refName, ...rest } = buildRequest(slot, index);
+					return rest;
+				})) : [];
+				setEcommerceGenerating(true);
+				setSubmitting(true);
+				setError(null);
+				setEcommerceProjectId(projectId);
+				setEcommerceRestored(null);
+				setEcommerceAnchor(null);
+				try {
+					const submitted = await Promise.all(requests.map((request) => api.taskSubmit(request)));
+					setTasks((previous) => [...submitted, ...previous]);
+					setEcommercePreview(false);
+					if (anchorChain) setEcommerceAnchor({
+						projectId,
+						mainTaskIds: submitted.map((task) => task.id),
+						remaining
+					});
+				} catch (caught) {
+					setError(errorMessage(caught));
+				} finally {
+					setSubmitting(false);
+					setEcommerceGenerating(false);
+				}
+			};
+			/** Start over with a fresh product draft (the old results stay in history). */
+			const newEcommerceProduct = () => {
+				setEcommerce(defaultEcommerceDraft());
+				setEcommercePreview(false);
+				setEcommerceProjectId(null);
+				setEcommerceRestored(null);
+				setEcommerceAnchor(null);
+				setEcommerceAssets([]);
+				setRefImage(null);
+				setError(null);
+			};
+			/** Re-run every image of one slot with its original request. */
+			const regenerateEcommerceSlot = async (label) => {
+				if (ecommerceGenerating) return;
+				const group = ecommerceMergedItems.filter((item) => item.label === label);
+				if (group.length === 0) return;
+				setEcommerceGenerating(true);
+				setError(null);
+				try {
+					const submitted = await Promise.all(group.map((item) => api.taskSubmit({ ...item.source })));
+					setTasks((previous) => [...submitted, ...previous]);
+				} catch (caught) {
+					setError(errorMessage(caught));
+				} finally {
+					setEcommerceGenerating(false);
+				}
+			};
+			/** Open one persisted product set from history: rebuild the grouped results
+			*  canvas from its entries. Reference images are not persisted, so restored
+			*  edit-mode slots regenerate as text-to-image. */
+			const viewEcommerceProject = async (group) => {
+				const entry = group.entries[0];
+				if (entry === void 0 || entry.projectId === void 0) return;
+				try {
+					const items = await Promise.all(group.entries.map(async (item) => ({
+						id: item.id,
+						label: item.slotLabel ?? "",
+						slotKey: item.slotKey ?? "",
+						status: "completed",
+						model: item.model,
+						prompt: item.prompt,
+						images: await historyImagesToGenerated(item.images),
+						source: {
+							mode: item.mode === "edit" ? "text" : item.mode,
+							model: item.model,
+							prompt: item.prompt,
+							size: item.size,
+							quality: item.quality,
+							detail: item.detail,
+							n: 1,
+							...item.channelId !== void 0 ? { channelId: item.channelId } : {},
+							workflow: "ecommerce",
+							projectId: entry.projectId,
+							projectName: entry.projectName ?? "",
+							slotKey: item.slotKey ?? "",
+							slotLabel: item.slotLabel ?? ""
+						}
+					})));
+					setWorkspace("ecommerce");
+					setEcommerceRestored({
+						projectId: entry.projectId,
+						projectName: entry.projectName ?? "",
+						items
+					});
+					setEcommerceProjectId(entry.projectId);
+					setEcommercePreview(false);
+					setError(null);
+					setViewingHistoryId(entry.id);
+					setGalleryViewingId(null);
+				} catch (caught) {
+					setError(errorMessage(caught));
+				}
+			};
+			/** Download a JSON manifest describing the whole product set (prompts,
+			*  slots and task outcomes) so results stay reproducible outside the panel. */
+			const exportEcommerceManifest = () => {
+				const manifest = {
+					project: {
+						id: ecommerceProjectId,
+						name: ecommerce.projectName || ecommerce.productName,
+						productName: ecommerce.productName,
+						category: ecommerce.category,
+						platform: ecommerce.platform,
+						language: ecommerce.language,
+						size: ecommerce.size,
+						sellingPoints: ecommerce.sellingPoints,
+						protectedFeatures: ecommerce.protectedFeatures,
+						styleHint: ecommerce.styleHint
+					},
+					generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+					images: ecommerceMergedItems.map((item) => ({
+						slotKey: item.slotKey,
+						slotLabel: item.label,
+						status: item.status,
+						model: item.model,
+						prompt: item.prompt,
+						error: item.error
+					}))
+				};
+				const blob = new Blob([JSON.stringify(manifest, null, 2)], { type: "application/json" });
+				const url = URL.createObjectURL(blob);
+				const anchor = document.createElement("a");
+				anchor.href = url;
+				anchor.download = `dsh-product-set-${(ecommerce.projectName || ecommerce.productName || "set").replace(/[^\w-]+/g, "-")}.json`;
+				anchor.click();
+				URL.revokeObjectURL(url);
+			};
 			const openPreview = (previewImages, index) => {
 				setPreview({
 					images: previewImages,
@@ -2311,10 +3244,21 @@ window.__ModuleLoader__.load({
 				});
 				return () => window.cancelAnimationFrame(frame);
 			}, [preview, previewScale]);
-			/** Load a past generation's images into the canvas. */
-			const viewHistoryEntry = async (entry) => {
+			const loadHistoryGroup = async (group) => {
+				return (await Promise.all(group.entries.map((entry) => historyImagesToGenerated(entry.images)))).flat();
+			};
+			/** View every model result from one comparison as one canvas result set. */
+			const viewHistoryGroup = async (group) => {
+				const entry = group.entries[0];
+				if (entry === void 0) return;
+				if (entry.workflow === "ecommerce" && entry.projectId !== void 0) {
+					await viewEcommerceProject(group);
+					return;
+				}
+				openTab("text");
 				try {
-					setImages(await historyImagesToGenerated(entry.images));
+					setImages(await loadHistoryGroup(group));
+					setComparison(null);
 					setError(null);
 					setViewingHistoryId(entry.id);
 					setGalleryViewingId(null);
@@ -2322,19 +3266,28 @@ window.__ModuleLoader__.load({
 					setError(errorMessage(caught));
 				}
 			};
-			/** Restore a past generation's parameters (and its images) into the form. */
-			const restoreHistoryEntry = async (entry) => {
+			/** Restore one comparison group, including its selected model set. */
+			const restoreHistoryGroup = async (group) => {
+				const entry = group.entries[0];
+				if (entry === void 0) return;
+				if (entry.workflow === "ecommerce" && entry.projectId !== void 0) {
+					await viewEcommerceProject(group);
+					return;
+				}
 				try {
-					const restored = await historyImagesToGenerated(entry.images);
-					setTab(entry.mode);
+					const restored = await loadHistoryGroup(group);
+					openTab(entry.mode);
 					setPrompt(entry.prompt);
 					setSize(normalizeSize(entry.size));
 					setQuality(normalizeQuality(entry.quality));
 					setDetail(DETAILS.includes(entry.detail) ? entry.detail : "");
 					setCount(entry.n >= 1 && entry.n <= 4 ? entry.n : 1);
 					setModel(imageModels.includes(entry.model) ? entry.model : imageModels[0]);
+					setCompareModels(group.models.filter((candidate) => imageModels.includes(candidate)));
+					setCompareEnabled(group.models.filter((candidate) => imageModels.includes(candidate)).length > 1);
 					setRefImage(null);
 					setImages(restored);
+					setComparison(null);
 					setError(null);
 					setViewingHistoryId(entry.id);
 					setGalleryViewingId(null);
@@ -2342,16 +3295,45 @@ window.__ModuleLoader__.load({
 					setError(errorMessage(caught));
 				}
 			};
-			/** Remove one history entry. */
-			const deleteHistoryEntry = async (id) => {
-				setHistory(history.filter((entry) => entry.id !== id));
-				if (viewingHistoryId === id) setViewingHistoryId(null);
+			/** Remove every persisted row belonging to one comparison group. */
+			const deleteHistoryGroup = async (group) => {
+				const ids = new Set(group.entries.map((entry) => entry.id));
+				setHistory((previous) => previous.filter((entry) => !ids.has(entry.id)));
+				if (viewingHistoryId !== null && ids.has(viewingHistoryId)) setViewingHistoryId(null);
+				if (ecommerceRestored !== null && group.entries.some((entry) => entry.projectId === ecommerceRestored.projectId)) {
+					setEcommerceRestored(null);
+					setEcommerceProjectId(null);
+					setEcommerceAnchor(null);
+				}
 				try {
-					setHistory(await api.historyRemove(id));
+					let next = history;
+					for (const id of ids) next = await api.historyRemove(id);
+					setHistory(next);
 				} catch {}
 			};
+			/** Reset the workspace for a fresh image-generation run. */
+			const startNewCreation = () => {
+				openTab("text");
+				setPrompt("");
+				setRefImage(null);
+				setImages([]);
+				setPreview(null);
+				setPreviewScale(1);
+				setPromptCopied(false);
+				setViewingHistoryId(null);
+				setGalleryViewingId(null);
+				setGallerySelecting(false);
+				setSelectedGalleryIds(/* @__PURE__ */ new Set());
+				setComparison(null);
+				setComparisonFullscreen(false);
+				setEcommerceRestored(null);
+				setError(null);
+				setConversationMessage(null);
+				setGalleryMessage(null);
+			};
 			/** Remove all history entries. */
 			const clearHistory = async () => {
+				if (!window.confirm(tt("history.clearConfirm"))) return;
 				setHistory([]);
 				setViewingHistoryId(null);
 				try {
@@ -2363,7 +3345,7 @@ window.__ModuleLoader__.load({
 			*  metadata + first image are saved); otherwise the current form state is
 			*  used. */
 			const addToGallery = async (image, entry) => {
-				if (galleryAdding || tab === "gallery") return;
+				if (galleryAdding || workspace === "normal" && tab === "gallery") return;
 				const source = entry ?? viewingEntry ?? {
 					mode: tab === "edit" ? "edit" : "text",
 					model,
@@ -2399,6 +3381,47 @@ window.__ModuleLoader__.load({
 					setGalleryAdding(false);
 				}
 			};
+			/** Put a generated image into the native conversation composer. */
+			const addImageToConversation = async (image, index, actionKey = index) => {
+				if (addingToConversation !== null) return;
+				if (conversation === void 0 || sessions === void 0 || currentSessionId === void 0) {
+					setError(tt("conversation.noSession"));
+					return;
+				}
+				const sessionScope = sessions.scope(currentSessionId);
+				if (sessionScope === void 0) {
+					setError(tt("conversation.unavailable"));
+					return;
+				}
+				setAddingToConversation(actionKey);
+				let attachments = [];
+				let added = false;
+				try {
+					const prepared = await prepareConversationImage(image, index);
+					const file = prepared.file;
+					attachments = conversation.createDraftImages([file]);
+					const input = conversation.input.for(sessionScope);
+					if (!input.addImages(attachments.map((attachment) => attachment.id))) throw new Error(tt("conversation.busy"));
+					added = true;
+					try {
+						await api.attachConversationImage(String(currentSessionId), prepared.dataUrl, file.name);
+					} catch (caught) {
+						for (const attachment of attachments) input.removeImage(attachment.id);
+						added = false;
+						throw caught;
+					}
+					if (input.state.getSnapshot().draft.trim() === "" && prompt.trim() !== "") input.setDraft(prompt.trim());
+					setConversationMessage(tt("conversation.added"));
+					window.setTimeout(() => {
+						setConversationMessage(null);
+					}, 2200);
+				} catch (caught) {
+					if (!added) conversation.releaseDraftImages(attachments);
+					setError(errorMessage(caught));
+				} finally {
+					setAddingToConversation(null);
+				}
+			};
 			/** Add one history entry's first image to the gallery (fetches it from the
 			*  history image route, then delegates to addToGallery). */
 			const addHistoryEntryToGallery = async (entry) => {
@@ -2411,35 +3434,29 @@ window.__ModuleLoader__.load({
 					setError(errorMessage(caught));
 				}
 			};
-			/** View a gallery image in the canvas. */
-			const viewGalleryEntry = async (entry) => {
+			/** Load a persisted gallery image and add it to the current chat draft. */
+			const addGalleryEntryToConversation = async (entry) => {
+				if (galleryConversationAddingId !== null || addingToConversation !== null || entry.images.length === 0) return;
+				setGalleryConversationAddingId(entry.id);
 				try {
-					const restored = await historyImagesToGenerated(entry.images);
-					setImages(restored);
-					setError(null);
-					setViewingHistoryId(null);
-					setGalleryViewingId(entry.id);
-					if (restored.length > 0) openPreview(restored, 0);
+					const [image] = await historyImagesToGenerated(entry.images.slice(0, 1));
+					if (image === void 0) return;
+					await addImageToConversation(image, 0, `gallery:${entry.id}`);
 				} catch (caught) {
 					setError(errorMessage(caught));
+				} finally {
+					setGalleryConversationAddingId(null);
 				}
 			};
-			/** Restore a gallery entry's parameters (and its images) into the form. */
-			const restoreGalleryEntry = async (entry) => {
+			/** View a gallery image in the canvas. */
+			const viewGalleryEntry = async (entry) => {
 				try {
 					const restored = await historyImagesToGenerated(entry.images);
-					setTab(entry.mode);
-					setPrompt(entry.prompt);
-					setSize(normalizeSize(entry.size));
-					setQuality(normalizeQuality(entry.quality));
-					setDetail(DETAILS.includes(entry.detail) ? entry.detail : "");
-					setCount(entry.n >= 1 && entry.n <= 4 ? entry.n : 1);
-					setModel(imageModels.includes(entry.model) ? entry.model : imageModels[0]);
-					setRefImage(null);
 					setImages(restored);
 					setError(null);
 					setViewingHistoryId(null);
-					setGalleryViewingId(null);
+					setGalleryViewingId(entry.id);
+					if (restored.length > 0) openPreview(restored, 0);
 				} catch (caught) {
 					setError(errorMessage(caught));
 				}
@@ -2454,6 +3471,7 @@ window.__ModuleLoader__.load({
 			};
 			/** Remove every gallery entry. */
 			const clearGalleryAll = async () => {
+				if (!window.confirm(tt("gallery.clearConfirm"))) return;
 				setGallery([]);
 				setGalleryViewingId(null);
 				try {
@@ -2521,7 +3539,31 @@ window.__ModuleLoader__.load({
 					anchor.click();
 				});
 			};
-			const generateDisabled = submitting;
+			const generateDisabled = submitting || modeModels.length === 0;
+			const ecommerceSlots = ecommerce.slots.filter((slot) => slot.enabled && slot.count > 0);
+			const ecommerceTotal = ecommerceSlots.reduce((total, slot) => total + slot.count, 0);
+			const ecommerceGenerateDisabled = submitting || ecommerceGenerating || ecommerceSlots.length === 0 || ecommerce.productName.trim() === "";
+			const ecommerceFileInput = (0, react.useRef)(null);
+			const ecommerceProjectTasks = ecommerceProjectId === null ? [] : tasks.filter((task) => task.request.workflow === "ecommerce" && task.request.projectId === ecommerceProjectId);
+			const liveSlotKeys = new Set(ecommerceProjectTasks.map((task) => task.request.slotKey ?? task.id));
+			const ecommerceMergedItems = [...ecommerceProjectTasks.map((task) => ({
+				id: task.id,
+				label: task.request.slotLabel ?? "",
+				slotKey: task.request.slotKey ?? "",
+				status: task.status,
+				model: task.request.model,
+				prompt: task.request.prompt,
+				...task.error !== void 0 ? { error: task.error } : {},
+				images: task.result?.images ?? [],
+				source: task.request
+			})), ...ecommerceRestored !== null && ecommerceRestored.projectId === ecommerceProjectId ? ecommerceRestored.items.filter((item) => !liveSlotKeys.has(item.slotKey)) : []];
+			const ecommerceDoneCount = ecommerceMergedItems.filter((item) => item.status === "completed").length;
+			const ecommerceFailedCount = ecommerceMergedItems.filter((item) => item.status === "failed" || item.status === "cancelled").length;
+			const ecommerceResultGroups = [...new Set(ecommerceMergedItems.map((item) => item.label))].filter((label) => label !== "").map((label) => ({
+				label,
+				items: ecommerceMergedItems.filter((item) => item.label === label)
+			}));
+			const conversationBusy = addingToConversation !== null || galleryConversationAddingId !== null;
 			const viewingEntry = viewingHistoryId === null ? null : history.find((entry) => entry.id === viewingHistoryId) ?? null;
 			const viewingGalleryEntry = galleryViewingId === null ? null : gallery.find((entry) => entry.id === galleryViewingId) ?? null;
 			const previewImage = preview === null ? null : preview.images[preview.index] ?? null;
@@ -2529,6 +3571,30 @@ window.__ModuleLoader__.load({
 			const comparisonResults = comparisonTasks.filter((task) => task.status === "completed" && task.result !== void 0);
 			const previewFrameScale = Math.max(1, previewScale);
 			const previewImageScale = previewScale / previewFrameScale;
+			/** Drag the config panel's right edge to resize it (persisted per browser). */
+			const onConfigResizeStart = (event) => {
+				if (event.button !== 0) return;
+				event.preventDefault();
+				const aside = configAsideRef.current;
+				if (aside === null) return;
+				const left = aside.getBoundingClientRect().left;
+				const onMove = (move) => {
+					const width = Math.round(Math.min(CONFIG_WIDTH_MAX, Math.max(CONFIG_WIDTH_MIN, move.clientX - left)));
+					setConfigWidth(width);
+					try {
+						window.localStorage.setItem(CONFIG_WIDTH_STORAGE_KEY, String(width));
+					} catch {}
+				};
+				const onUp = () => {
+					window.removeEventListener("pointermove", onMove);
+					document.documentElement.style.removeProperty("cursor");
+					document.documentElement.style.removeProperty("user-select");
+				};
+				window.addEventListener("pointermove", onMove);
+				window.addEventListener("pointerup", onUp, { once: true });
+				document.documentElement.style.setProperty("cursor", "col-resize");
+				document.documentElement.style.setProperty("user-select", "none");
+			};
 			const copyPreviewPrompt = async (text) => {
 				try {
 					if (navigator.clipboard?.writeText !== void 0) await navigator.clipboard.writeText(text);
@@ -2553,7 +3619,7 @@ window.__ModuleLoader__.load({
 			};
 			const addPreviewToEdit = () => {
 				if (previewImage === null || preview === null) return;
-				setTab("edit");
+				openTab("edit");
 				setRefImage({
 					dataUrl: srcOf(previewImage),
 					name: `dsh-image-${preview.index + 1}.${extensionOf(previewImage.mime)}`
@@ -2562,42 +3628,273 @@ window.__ModuleLoader__.load({
 				setError(null);
 				closePreview();
 			};
+			const historyPanel = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+				className: panel_module_css_default.history,
+				"data-dsh-imagegen-history": true,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: panel_module_css_default.historyHeader,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: panel_module_css_default.historyTitle,
+							children: tt("history.title")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.historyHeaderActions,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: panel_module_css_default.historyNew,
+								"data-history-new": "",
+								"aria-label": tt("canvas.new"),
+								title: tt("canvas.newHint"),
+								onClick: startNewCreation,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+									viewBox: "0 0 16 16",
+									width: "15",
+									height: "15",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "1.7",
+									strokeLinecap: "round",
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 3v10M3 8h10" })
+								})
+							}), history.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: panel_module_css_default.historyClear,
+								"data-history-clear": "",
+								onClick: () => {
+									clearHistory();
+								},
+								children: tt("history.clear")
+							}) : null]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.historyFilters,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: panel_module_css_default.historySearch,
+								value: historyQuery,
+								onChange: (event) => {
+									setHistoryQuery(event.target.value);
+								},
+								placeholder: tt("history.search"),
+								"aria-label": tt("history.search")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								value: historyModelFilter,
+								onChange: (event) => {
+									setHistoryModelFilter(event.target.value);
+								},
+								"aria-label": tt("history.model"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "all",
+									children: tt("history.allModels")
+								}), [...new Set(history.flatMap((entry) => modelsOfHistoryEntry(entry)))].map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: option,
+									children: option
+								}, option))]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								value: historyRatioFilter,
+								onChange: (event) => {
+									setHistoryRatioFilter(event.target.value);
+								},
+								"aria-label": tt("history.ratio"),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "all",
+									children: tt("history.allRatios")
+								}), [...new Set(history.map((entry) => normalizeSize(entry.size)))].map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: option,
+									children: option
+								}, option))]
+							})
+						]
+					}),
+					filteredHistory.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: panel_module_css_default.historyEmpty,
+						children: tt("history.empty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: panel_module_css_default.historyList,
+						children: filteredHistory.map((group) => {
+							const entry = group.entries[0];
+							const isComparison = group.models.length > 1;
+							const imageCount = group.entries.reduce((total, item) => total + item.images.length, 0);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: panel_module_css_default.historyItem,
+								"data-active": group.entries.some((item) => item.id === viewingHistoryId) ? "" : void 0,
+								"data-comparison": isComparison ? "" : void 0,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: panel_module_css_default.historyMain,
+									"data-dsh-imagegen-history-main": "",
+									onClick: () => {
+										viewHistoryGroup(group);
+									},
+									children: [entry.images.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+										className: panel_module_css_default.historyThumb,
+										src: entry.images[0].url,
+										alt: ""
+									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.historyThumbPlaceholder }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: panel_module_css_default.historyInfo,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: panel_module_css_default.historyPrompt,
+											children: entry.prompt
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: panel_module_css_default.historyMeta,
+											children: [
+												isComparison ? tt("compare.title") : entry.workflow === "ecommerce" ? `${tt("ecommerce.short")}${entry.projectName !== void 0 && entry.projectName !== "" ? ` · ${entry.projectName}` : ""}` : tt(`mode.${entry.mode === "edit" ? "edit" : "text"}`),
+												" · ",
+												isComparison ? group.models.join(" · ") : entry.model,
+												" · ",
+												formatTime(entry.createdAt),
+												" · ",
+												imageCount,
+												" ",
+												tt("history.images")
+											]
+										})]
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: panel_module_css_default.historyActions,
+									children: [
+										entry.images.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: panel_module_css_default.historyAction,
+											disabled: galleryAdding,
+											title: tt("gallery.add"),
+											onClick: () => {
+												addHistoryEntryToGallery(entry);
+											},
+											children: tt("gallery.add")
+										}) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: panel_module_css_default.historyAction,
+											onClick: () => {
+												restoreHistoryGroup(group);
+											},
+											children: tt("history.restore")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: panel_module_css_default.historyAction,
+											"data-danger": true,
+											onClick: () => {
+												deleteHistoryGroup(group);
+											},
+											children: tt("history.delete")
+										})
+									]
+								})]
+							}, group.key);
+						})
+					})
+				]
+			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: panel_module_css_default.panel,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 						className: panel_module_css_default.panelHeader,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: panel_module_css_default.panelHeading,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-								className: panel_module_css_default.panelTitle,
-								children: tt("panel.title")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-								className: panel_module_css_default.githubLink,
-								href: "https://github.com/dickpy/dsh-imagegen",
-								target: "_blank",
-								rel: "noreferrer",
-								title: tt("panel.githubTip"),
-								"aria-label": tt("panel.githubTip"),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-									viewBox: "0 0 16 16",
-									width: "15",
-									height: "15",
-									fill: "currentColor",
-									"aria-hidden": "true",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8z" })
-								})
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							className: panel_module_css_default.connectionStatus,
-							"data-connected": connected ? "true" : "false",
-							"aria-label": tt(connected ? "connection.connected" : "connection.disconnected"),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: panel_module_css_default.connectionDot,
-								"aria-hidden": "true"
-							}), tt(connected ? "connection.connected" : "connection.disconnected")]
-						})]
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.panelHeading,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+									className: panel_module_css_default.panelTitle,
+									children: tt("panel.title")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+									className: panel_module_css_default.githubLink,
+									href: "https://github.com/dickpy/dsh-imagegen",
+									target: "_blank",
+									rel: "noreferrer",
+									title: tt("panel.githubTip"),
+									"aria-label": tt("panel.githubTip"),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+										viewBox: "0 0 16 16",
+										width: "15",
+										height: "15",
+										fill: "currentColor",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8z" })
+									})
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+								className: panel_module_css_default.topNav,
+								role: "tablist",
+								"aria-label": tt("workspace.label"),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.topNavItem,
+										"data-active": workspace === "normal" && tab !== "gallery" ? "" : void 0,
+										onClick: () => {
+											if (workspace !== "normal" || tab === "gallery") openTab("text");
+										},
+										children: tt("workspace.normal")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: panel_module_css_default.topNavItem,
+										"data-active": workspace === "normal" && tab === "gallery" ? "" : void 0,
+										onClick: () => {
+											openTab("gallery");
+										},
+										children: tt("gallery.title")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: panel_module_css_default.topNavDivider,
+										"aria-hidden": "true"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: panel_module_css_default.topNavItem,
+										"data-active": workspace === "ecommerce" ? "" : void 0,
+										onClick: () => {
+											setWorkspace("ecommerce");
+										},
+										children: [tt("workspace.ecommerce"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: panel_module_css_default.previewBadge,
+											children: tt("ecommerce.badge")
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: panel_module_css_default.panelHeaderActions,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: panel_module_css_default.chatToggle,
+									"data-open": chatOpen ? "true" : "false",
+									"aria-pressed": chatOpen,
+									title: chatOpen ? tt("chat.collapse") : tt("chat.expand"),
+									onClick: () => {
+										setChatOpen((open) => !open);
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+										viewBox: "0 0 16 16",
+										width: "13",
+										height: "13",
+										fill: "none",
+										stroke: "currentColor",
+										strokeWidth: "1.4",
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 3.5h11v7.5H6.8L3.8 13.6v-2.6H2.5z" })
+									}), tt("chat.toggle")]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: panel_module_css_default.connectionStatus,
+									"data-connected": connected ? "true" : "false",
+									"aria-label": tt(connected ? "connection.connected" : "connection.disconnected"),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: panel_module_css_default.connectionDot,
+										"aria-hidden": "true"
+									}), tt(connected ? "connection.connected" : "connection.disconnected")]
+								})]
+							})
+						]
 					}),
 					update !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: panel_module_css_default.updateBanner,
@@ -2624,14 +3921,48 @@ window.__ModuleLoader__.load({
 							})]
 						})]
 					}) : null,
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: panel_module_css_default.studio,
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: panel_module_css_default.generation,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+								ref: configAsideRef,
 								className: panel_module_css_default.config,
-								"data-gallery": tab === "gallery" ? "true" : void 0,
+								style: { "--dsh-imagegen-config-width": `${configWidth}px` },
+								"data-collapsed": configCollapsed ? "true" : "false",
+								"data-gallery": workspace === "normal" && tab === "gallery" ? "true" : void 0,
 								children: [
-									tab === "gallery" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: panel_module_css_default.configResizer,
+										title: tt("config.resizeHint"),
+										onPointerDown: onConfigResizeStart
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: panel_module_css_default.configHeader,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: panel_module_css_default.configToggle,
+											"aria-expanded": !configCollapsed,
+											"aria-label": tt(configCollapsed ? "panel.expandConfig" : "panel.collapseConfig"),
+											title: tt(configCollapsed ? "panel.expandConfig" : "panel.collapseConfig"),
+											onClick: () => {
+												setConfigCollapsed((previous) => !previous);
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+												viewBox: "0 0 16 16",
+												width: "16",
+												height: "16",
+												fill: "none",
+												stroke: "currentColor",
+												strokeWidth: "1.6",
+												strokeLinecap: "round",
+												strokeLinejoin: "round",
+												"aria-hidden": "true",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: configCollapsed ? "M6 3l5 5-5 5" : "M10 3L5 8l5 5" })
+											})
+										})
+									}),
+									workspace === "normal" && tab === "gallery" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: panel_module_css_default.galleryFilters,
 										children: [
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2706,40 +4037,382 @@ window.__ModuleLoader__.load({
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: panel_module_css_default.configScroll,
 										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+											workspace === "normal" && tab !== "gallery" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
 												className: panel_module_css_default.card,
 												children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 													className: panel_module_css_default.modeRow,
 													role: "tablist",
 													"aria-label": tt("panel.title"),
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Pill, {
-															active: tab === "text",
-															onClick: () => {
-																setTab("text");
-															},
-															className: panel_module_css_default.modePill,
-															children: tt("mode.text")
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Pill, {
-															active: tab === "edit",
-															onClick: () => {
-																setTab("edit");
-															},
-															className: panel_module_css_default.modePill,
-															children: tt("mode.edit")
-														}),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Pill, {
-															active: tab === "gallery",
-															onClick: () => {
-																setTab("gallery");
-															},
-															className: panel_module_css_default.modePill,
-															children: tt("gallery.title")
-														})
-													]
+													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Pill, {
+														active: tab === "text",
+														onClick: () => {
+															setTab("text");
+														},
+														className: panel_module_css_default.modePill,
+														children: tt("mode.text")
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Pill, {
+														active: tab === "edit",
+														onClick: () => {
+															setTab("edit");
+														},
+														className: panel_module_css_default.modePill,
+														children: tt("mode.edit")
+													})]
 												})
-											}),
+											}) : null,
+											workspace === "ecommerce" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+												className: panel_module_css_default.ecommerceWorkspace,
+												"data-ecommerce-workspace": "",
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: panel_module_css_default.ecommerceSection,
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: tt("ecommerce.product") }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: panel_module_css_default.ecommerceField,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: panel_module_css_default.ecommerceFieldLabel,
+																	children: tt("ecommerce.productName")
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																	value: ecommerce.productName,
+																	placeholder: tt("ecommerce.productName"),
+																	onChange: (event) => setEcommerce((previous) => ({
+																		...previous,
+																		productName: event.target.value
+																	}))
+																})]
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																className: panel_module_css_default.ecommerceField,
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: panel_module_css_default.ecommerceFieldLabel,
+																	children: tt("ecommerce.projectName")
+																}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																	value: ecommerce.projectName,
+																	placeholder: tt("ecommerce.projectName"),
+																	onChange: (event) => setEcommerce((previous) => ({
+																		...previous,
+																		projectName: event.target.value
+																	}))
+																})]
+															}),
+															ecommerceAssets.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																type: "button",
+																className: panel_module_css_default.ecommerceUploadHero,
+																"data-ecommerce-upload": "",
+																onClick: () => {
+																	ecommerceFileInput.current?.click();
+																},
+																onDragOver: (event) => {
+																	event.preventDefault();
+																},
+																onDrop: (event) => {
+																	event.preventDefault();
+																	acceptEcommerceFiles(event.dataTransfer.files ?? void 0);
+																},
+																children: [
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+																		viewBox: "0 0 16 16",
+																		width: "15",
+																		height: "15",
+																		fill: "none",
+																		stroke: "currentColor",
+																		strokeWidth: "1.3",
+																		strokeLinecap: "round",
+																		strokeLinejoin: "round",
+																		"aria-hidden": "true",
+																		children: [
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 10V3.5" }),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.5 5.5L8 3l2.5 2.5" }),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 9.5V12a1.5 1.5 0 001.5 1.5h7A1.5 1.5 0 0013 12V9.5" })
+																		]
+																	}),
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt("ecommerce.uploadRef") }),
+																	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: tt("edit.uploadHint") })
+																]
+															}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																className: panel_module_css_default.ecommerceAssets,
+																children: [ecommerceAssets.map((asset) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+																	className: panel_module_css_default.ecommerceAsset,
+																	"data-ecommerce-asset": "",
+																	children: [
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+																			src: asset.dataUrl,
+																			alt: asset.name
+																		}),
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+																			value: asset.role,
+																			"data-ecommerce-asset-role": "",
+																			"aria-label": tt("ecommerce.refSelect"),
+																			onChange: (event) => setEcommerceAssets((previous) => previous.map((item) => item.id === asset.id ? {
+																				...item,
+																				role: event.target.value
+																			} : item)),
+																			children: ECOMMERCE_ASSET_ROLES.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																				value: role,
+																				children: tt(`ecommerce.role.${role}`)
+																			}, role))
+																		}),
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																			type: "button",
+																			"aria-label": tt("edit.remove"),
+																			onClick: () => {
+																				setEcommerceAssets((previous) => previous.filter((item) => item.id !== asset.id));
+																			},
+																			children: "×"
+																		})
+																	]
+																}, asset.id)), ecommerceAssets.length < MAX_ECOMMERCE_ASSETS ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																	type: "button",
+																	className: panel_module_css_default.ecommerceAssetAdd,
+																	"data-ecommerce-upload": "",
+																	title: tt("ecommerce.uploadRef"),
+																	onClick: () => {
+																		ecommerceFileInput.current?.click();
+																	},
+																	onDragOver: (event) => {
+																		event.preventDefault();
+																	},
+																	onDrop: (event) => {
+																		event.preventDefault();
+																		acceptEcommerceFiles(event.dataTransfer.files ?? void 0);
+																	},
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		"aria-hidden": "true",
+																		children: "＋"
+																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: tt("ecommerce.uploadShort") })]
+																}) : null]
+															})
+														]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: panel_module_css_default.ecommerceSection,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: tt("ecommerce.params") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+															className: panel_module_css_default.ecommerceParamGrid,
+															children: [
+																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																	className: panel_module_css_default.ecommerceField,
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		className: panel_module_css_default.ecommerceFieldLabel,
+																		children: tt("ecommerce.platformLabel")
+																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+																		value: ecommerce.platform,
+																		onChange: (event) => setEcommerce((previous) => ({
+																			...previous,
+																			platform: event.target.value
+																		})),
+																		children: [
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "通用" }),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "淘宝 / 京东" }),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "Amazon" })
+																		]
+																	})]
+																}),
+																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																	className: panel_module_css_default.ecommerceField,
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		className: panel_module_css_default.ecommerceFieldLabel,
+																		children: tt("ecommerce.languageLabel")
+																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+																		value: ecommerce.language,
+																		onChange: (event) => setEcommerce((previous) => ({
+																			...previous,
+																			language: event.target.value
+																		})),
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "中文" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "English" })]
+																	})]
+																}),
+																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																	className: panel_module_css_default.ecommerceField,
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		className: panel_module_css_default.ecommerceFieldLabel,
+																		children: tt("ecommerce.ratioLabel")
+																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+																		value: ecommerce.size,
+																		onChange: (event) => setEcommerce((previous) => ({
+																			...previous,
+																			size: event.target.value
+																		})),
+																		children: SIZES.filter((size) => size !== "auto").map((size) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: size }, size))
+																	})]
+																}),
+																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																	className: panel_module_css_default.ecommerceField,
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		className: panel_module_css_default.ecommerceFieldLabel,
+																		children: tt("ecommerce.categoryLabel")
+																	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+																		value: ecommerce.category,
+																		onChange: (event) => setEcommerce((previous) => ({
+																			...previous,
+																			category: event.target.value
+																		})),
+																		children: [
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "通用商品" }),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "食品饮料" }),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "美妆个护" }),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "服装配饰" }),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "家居用品" }),
+																			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { children: "3C 数码" })
+																		]
+																	})]
+																})
+															]
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: panel_module_css_default.ecommerceSection,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: tt("ecommerce.sellingTitle") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+															value: ecommerce.sellingPoints,
+															placeholder: tt("ecommerce.sellingPoints"),
+															onChange: (event) => setEcommerce((previous) => ({
+																...previous,
+																sellingPoints: event.target.value
+															}))
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: panel_module_css_default.ecommerceSection,
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", { children: [tt("ecommerce.setStructure"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", {
+																className: panel_module_css_default.ecommerceSectionHint,
+																children: tt("ecommerce.multiSelect")
+															})] }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: panel_module_css_default.ecommerceStructureGrid,
+																children: ecommerce.slots.map((slot) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																	type: "button",
+																	className: panel_module_css_default.ecommerceSlotCard,
+																	"data-active": slot.enabled ? "" : void 0,
+																	title: `${slot.label}：${slot.description}`,
+																	onClick: () => setEcommerce((previous) => ({
+																		...previous,
+																		slots: previous.slots.map((item) => item.key === slot.key ? {
+																			...item,
+																			enabled: !item.enabled
+																		} : item)
+																	})),
+																	children: [slot.label, slot.enabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																		className: panel_module_css_default.ecommerceSlotCount,
+																		title: tt("ecommerce.countHint"),
+																		onClick: (event) => {
+																			event.stopPropagation();
+																			setEcommerce((previous) => ({
+																				...previous,
+																				slots: previous.slots.map((item) => item.key === slot.key ? {
+																					...item,
+																					count: item.count >= 4 ? 1 : item.count + 1
+																				} : item)
+																			}));
+																		},
+																		children: slot.count
+																	}) : null]
+																}, slot.key))
+															}),
+															ecommerceSlots.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																type: "button",
+																className: panel_module_css_default.ecommerceAdvancedToggle,
+																"aria-expanded": ecommerceRefOpen,
+																onClick: () => {
+																	setEcommerceRefOpen((open) => !open);
+																},
+																children: [tt("ecommerce.refSettings"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: panel_module_css_default.ecommerceAdvancedChevron,
+																	"aria-hidden": "true",
+																	children: ecommerceRefOpen ? "⌃" : "⌄"
+																})]
+															}), ecommerceRefOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: panel_module_css_default.ecommerceAdvancedBody,
+																children: ecommerceSlots.map((slot) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+																	className: panel_module_css_default.ecommerceRefRow,
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: slot.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+																		value: slot.refRole ?? "product",
+																		"data-ecommerce-ref-select": "",
+																		"aria-label": `${tt("ecommerce.refSelect")} · ${slot.label}`,
+																		onChange: (event) => setEcommerce((previous) => ({
+																			...previous,
+																			slots: previous.slots.map((item) => item.key === slot.key ? {
+																				...item,
+																				refRole: event.target.value
+																			} : item)
+																		})),
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: "none",
+																			children: tt("ecommerce.refNone")
+																		}), ECOMMERCE_ASSET_ROLES.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																			value: role,
+																			children: tt(`ecommerce.role.${role}`)
+																		}, role))]
+																	})]
+																}, slot.key))
+															}) : null] }) : null
+														]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: panel_module_css_default.ecommerceSection,
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: tt("ecommerce.generation") }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+																value: modeModels.includes(model) ? model : modeModels[0] ?? "",
+																"aria-label": tt("model.label"),
+																onChange: (event) => setModel(event.target.value),
+																children: modeModels.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+																	value: option,
+																	children: option
+																}, option))
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: panel_module_css_default.optionRow,
+																children: QUALITIES.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Pill, {
+																	active: quality === option,
+																	onClick: () => {
+																		setQuality(option);
+																	},
+																	className: panel_module_css_default.optionPill,
+																	children: tt(`quality.${option}`)
+																}, option))
+															})
+														]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: panel_module_css_default.ecommerceSection,
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: tt("ecommerce.styleTitle") }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+																value: ecommerce.styleHint,
+																placeholder: tt("ecommerce.styleHint"),
+																onChange: (event) => setEcommerce((previous) => ({
+																	...previous,
+																	styleHint: event.target.value
+																}))
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																className: panel_module_css_default.ecommerceFieldLabel,
+																children: tt("ecommerce.protectedLabel")
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+																value: ecommerce.protectedFeatures,
+																placeholder: tt("ecommerce.protectedFeatures"),
+																onChange: (event) => setEcommerce((previous) => ({
+																	...previous,
+																	protectedFeatures: event.target.value
+																}))
+															})
+														]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														ref: ecommerceFileInput,
+														type: "file",
+														multiple: true,
+														accept: "image/png,image/jpeg,image/webp,image/gif",
+														className: panel_module_css_default.hiddenFile,
+														onChange: (event) => {
+															acceptEcommerceFiles(event.target.files ?? void 0);
+															event.target.value = "";
+														}
+													})
+												]
+											}) : null,
 											tab === "edit" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 												className: panel_module_css_default.card,
 												children: [refImage === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -2816,7 +4489,7 @@ window.__ModuleLoader__.load({
 													}
 												})]
 											}) : null,
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											workspace === "normal" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 												className: panel_module_css_default.card,
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
 													className: panel_module_css_default.prompt,
@@ -2864,8 +4537,7 @@ window.__ModuleLoader__.load({
 														})
 													]
 												})]
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 												className: panel_module_css_default.card,
 												children: [
 													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2949,13 +4621,64 @@ window.__ModuleLoader__.load({
 														]
 													})
 												]
-											})
+											})] }) : null
 										]
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 										className: panel_module_css_default.footer,
 										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+											workspace === "ecommerce" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												className: panel_module_css_default.ecommerceFooterBody,
+												children: ecommercePreview ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: panel_module_css_default.ecommercePlanMini,
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: tt("ecommerce.planTitle", { count: ecommerceTotal }) }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: panel_module_css_default.ecommercePlanList,
+																children: ecommerceSlots.map((slot) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: slot.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["×", slot.count] })] }, slot.key))
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: panel_module_css_default.ecommercePlanNote,
+																children: tt("ecommerce.anchorNote")
+															}),
+															ecommerceAssets.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: panel_module_css_default.ecommercePlanWarn,
+																children: tt("ecommerce.noAssetWarn")
+															}) : null
+														]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+														variant: "primary",
+														size: "md",
+														className: panel_module_css_default.ecommercePrimaryAction,
+														disabled: ecommerceGenerateDisabled,
+														onClick: () => {
+															handleEcommerceGenerate();
+														},
+														children: ecommerceGenerating ? tt("generating") : tt("ecommerce.confirm")
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: panel_module_css_default.ecommercePlanBack,
+														onClick: () => {
+															setEcommercePreview(false);
+														},
+														children: tt("gallery.tagsCancel")
+													})
+												] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: panel_module_css_default.ecommerceFooterHint,
+													children: ecommerceTotal > 0 ? tt("ecommerce.footerReady", { count: ecommerceTotal }) : tt("ecommerce.footerEmpty")
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+													variant: "primary",
+													size: "md",
+													className: panel_module_css_default.ecommercePrimaryAction,
+													disabled: ecommerce.productName.trim() === "" || ecommerceTotal === 0,
+													onClick: () => setEcommercePreview(true),
+													children: tt("ecommerce.preview")
+												})] })
+											}) : null,
+											workspace === "ecommerce" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 												className: panel_module_css_default.modelWrap,
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 													className: panel_module_css_default.modelLabel,
@@ -2973,7 +4696,7 @@ window.__ModuleLoader__.load({
 														onClick: () => {
 															setModelOpen((open) => !open);
 														},
-														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model || tt("model.noEditModels") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 															viewBox: "0 0 16 16",
 															width: "12",
 															height: "12",
@@ -2989,7 +4712,7 @@ window.__ModuleLoader__.load({
 														className: panel_module_css_default.modelMenuList,
 														role: "listbox",
 														"aria-label": tt("model.label"),
-														children: imageModels.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														children: modeModels.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 															type: "button",
 															role: "option",
 															"aria-selected": model === option,
@@ -3004,7 +4727,7 @@ window.__ModuleLoader__.load({
 													}) : null]
 												})]
 											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											workspace !== "ecommerce" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 												className: panel_module_css_default.compareControl,
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 													className: panel_module_css_default.compareToggle,
@@ -3019,7 +4742,7 @@ window.__ModuleLoader__.load({
 													className: panel_module_css_default.compareModelChoices,
 													role: "group",
 													"aria-label": tt("compare.models"),
-													children: imageModels.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+													children: modeModels.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 														type: "checkbox",
 														checked: compareModels.includes(option),
 														onChange: () => {
@@ -3027,8 +4750,8 @@ window.__ModuleLoader__.load({
 														}
 													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: option })] }, option))
 												}) : null]
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											}) : null,
+											workspace !== "ecommerce" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 												variant: "primary",
 												size: "md",
 												className: panel_module_css_default.generateButton,
@@ -3040,16 +4763,15 @@ window.__ModuleLoader__.load({
 													className: panel_module_css_default.generateInner,
 													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.spinner }), tt("generating")]
 												}) : tt("generate")
-											})
+											}) : null
 										]
 									})
 								]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 								className: panel_module_css_default.canvas,
-								"data-gallery": tab === "gallery" ? "true" : void 0,
+								"data-gallery": workspace === "normal" && tab === "gallery" ? "true" : void 0,
 								children: [
-									tab === "gallery" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									workspace === "normal" && tab === "gallery" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: panel_module_css_default.galleryWorkspace,
 										children: [
 											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
@@ -3136,6 +4858,7 @@ window.__ModuleLoader__.load({
 														gallery.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 															type: "button",
 															className: panel_module_css_default.galleryClear,
+															"data-gallery-clear": "",
 															onClick: () => {
 																clearGalleryAll();
 															},
@@ -3230,6 +4953,32 @@ window.__ModuleLoader__.load({
 																	children: entry.mode === "edit" ? tt("mode.edit") : tt("mode.text")
 																})]
 															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+																className: panel_module_css_default.galleryCardActions,
+																children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+																	type: "button",
+																	className: panel_module_css_default.galleryCardAction,
+																	"data-gallery-add-conversation": "",
+																	disabled: conversationBusy,
+																	title: tt("conversation.addHint"),
+																	onClick: (event) => {
+																		event.stopPropagation();
+																		addGalleryEntryToConversation(entry);
+																	},
+																	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+																		viewBox: "0 0 16 16",
+																		width: "13",
+																		height: "13",
+																		fill: "none",
+																		stroke: "currentColor",
+																		strokeWidth: "1.5",
+																		strokeLinecap: "round",
+																		strokeLinejoin: "round",
+																		"aria-hidden": "true",
+																		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 4.5h10v7H3z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.5 2.5h5M8 6v4M6 8h4" })]
+																	}), galleryConversationAddingId === entry.id || addingToConversation === `gallery:${entry.id}` ? tt("conversation.adding") : tt("conversation.add")]
+																})
+															}),
 															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 																className: panel_module_css_default.galleryCardFooter,
 																children: [
@@ -3315,7 +5064,130 @@ window.__ModuleLoader__.load({
 											})
 										]
 									}) : null,
-									tab !== "gallery" && tasks.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+									workspace === "ecommerce" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: panel_module_css_default.ecommerceResults,
+										"data-ecommerce-results": "",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+											className: panel_module_css_default.ecommerceResultsHeader,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: tt("ecommerce.results.title") }),
+												ecommerceRestored !== null && ecommerceRestored.projectId === ecommerceProjectId && ecommerceRestored.projectName !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: ecommerceRestored.projectName }) : null,
+												ecommerceMergedItems.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [tt("ecommerce.results.progress", {
+													done: ecommerceDoneCount,
+													total: ecommerceMergedItems.length
+												}), ecommerceFailedCount > 0 ? ` · ${tt("ecommerce.results.failed", { count: ecommerceFailedCount })}` : ""] }) : null,
+												ecommerceAnchor !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													"data-ecommerce-anchor": "",
+													children: tt("ecommerce.anchorPending")
+												}) : null
+											] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: panel_module_css_default.ecommerceResultsActions,
+												children: [ecommerceMergedItems.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: panel_module_css_default.galleryBulkButton,
+													"data-ecommerce-export": "",
+													onClick: exportEcommerceManifest,
+													children: tt("ecommerce.results.export")
+												}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: panel_module_css_default.galleryBulkButton,
+													"data-ecommerce-new": "",
+													onClick: newEcommerceProduct,
+													children: tt("ecommerce.results.newProduct")
+												})]
+											})]
+										}), ecommerceMergedItems.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: panel_module_css_default.ecommerceResultsEmpty,
+											children: tt("ecommerce.results.empty")
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: panel_module_css_default.ecommerceGroups,
+											children: ecommerceResultGroups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+												className: panel_module_css_default.ecommerceGroup,
+												"data-ecommerce-group": group.label,
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: group.label }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+														group.items.filter((item) => item.status === "completed").length,
+														"/",
+														group.items.length
+													] }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: panel_module_css_default.galleryBulkButton,
+														disabled: ecommerceGenerating,
+														onClick: () => {
+															regenerateEcommerceSlot(group.label);
+														},
+														children: tt("ecommerce.results.regenerate")
+													})
+												] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													className: panel_module_css_default.ecommerceGroupGrid,
+													children: group.items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: panel_module_css_default.ecommerceTaskCard,
+														"data-status": item.status,
+														children: item.status === "completed" && item.images.length > 0 ? item.images.map((image, imageIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("figure", {
+															className: panel_module_css_default.imageCard,
+															role: "button",
+															tabIndex: 0,
+															title: tt("preview.open"),
+															onClick: () => {
+																openPreview(item.images, imageIndex);
+															},
+															children: [
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+																	className: panel_module_css_default.image,
+																	src: srcOf(image),
+																	alt: `${group.label} ${imageIndex + 1}`
+																}),
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: panel_module_css_default.ecommerceResultBadge,
+																	children: group.label
+																}),
+																/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																	className: panel_module_css_default.ecommerceTaskActions,
+																	onClick: (event) => event.stopPropagation(),
+																	children: [
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+																			className: panel_module_css_default.ecommerceActionChip,
+																			href: srcOf(image),
+																			download: `product-${item.slotKey || item.id}-${imageIndex + 1}.${extensionOf(image.mime)}`,
+																			children: tt("download")
+																		}),
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																			type: "button",
+																			className: panel_module_css_default.ecommerceActionChip,
+																			disabled: galleryAdding,
+																			onClick: () => {
+																				addToGallery(image);
+																			},
+																			children: tt("gallery.add")
+																		}),
+																		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																			type: "button",
+																			className: panel_module_css_default.ecommerceActionChip,
+																			disabled: conversationBusy,
+																			onClick: () => {
+																				addImageToConversation(image, imageIndex, `${item.id}:${imageIndex}`);
+																			},
+																			children: addingToConversation === `${item.id}:${imageIndex}` ? tt("conversation.adding") : tt("conversation.add")
+																		})
+																	]
+																})
+															]
+														}, imageIndex)) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: panel_module_css_default.ecommerceTaskState,
+															children: [
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("b", { children: group.label }),
+																tt(`tasks.${item.status}`),
+																item.error !== void 0 ? ` · ${item.error}` : ""
+															]
+														})
+													}, item.id))
+												})]
+											}, group.label))
+										})]
+									}) : null,
+									(workspace === "ecommerce" || tab !== "gallery") && tasks.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 										className: panel_module_css_default.taskTray,
 										"data-open": taskTrayOpen ? "true" : "false",
 										"aria-label": tt("tasks.title"),
@@ -3381,13 +5253,14 @@ window.__ModuleLoader__.load({
 											}, task.id))
 										})]
 									}) : null,
-									tab !== "gallery" && comparison !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+									workspace === "normal" && tab !== "gallery" && comparison !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 										className: panel_module_css_default.comparisonBoard,
 										"aria-label": tt("compare.title"),
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: tt("compare.title") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
 											comparisonResults.length,
 											" / ",
-											comparisonTasks.length
+											comparisonTasks.length,
+											generating ? ` · ${tt("canvas.elapsed", { seconds: elapsed })}` : ""
 										] })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
 											disabled: comparisonResults.length === 0,
@@ -3397,13 +5270,25 @@ window.__ModuleLoader__.load({
 											children: tt("compare.fullscreen")
 										})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 											className: panel_module_css_default.comparisonGrid,
-											children: comparisonTasks.map((task) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: task.request.model }), task.result?.images[0] !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-												src: srcOf(task.result.images[0]),
-												alt: task.request.model
-											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt(`tasks.${task.status}`) })] }, task.id))
+											children: comparisonTasks.map((task) => {
+												const taskImages = task.result?.images ?? [];
+												const image = taskImages[0];
+												return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: task.request.model }), image !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: panel_module_css_default.comparisonImageButton,
+													title: tt("preview.open"),
+													onClick: () => {
+														openPreview(taskImages, 0);
+													},
+													children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+														src: srcOf(image),
+														alt: task.request.model
+													})
+												}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tt(`tasks.${task.status}`) })] }, task.id);
+											})
 										})]
 									}) : null,
-									generating ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									generating && comparison === null && workspace !== "ecommerce" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: panel_module_css_default.canvasState,
 										"data-generation-state": activeTask?.status ?? "submitting",
 										role: "status",
@@ -3424,7 +5309,7 @@ window.__ModuleLoader__.load({
 										role: "alert",
 										children: tt("canvas.error", { error })
 									}) : null,
-									!generating && !error && images.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									!generating && !error && images.length === 0 && workspace !== "ecommerce" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: panel_module_css_default.canvasState,
 										children: [
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -3466,7 +5351,7 @@ window.__ModuleLoader__.load({
 											})
 										]
 									}) : null,
-									!generating && images.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									!generating && images.length > 0 && workspace !== "ecommerce" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: panel_module_css_default.canvasBody,
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											className: panel_module_css_default.canvasMeta,
@@ -3553,6 +5438,28 @@ window.__ModuleLoader__.load({
 															}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 5.8v4.4M5.8 8h4.4" })]
 														}), tt("gallery.add")]
 													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+														type: "button",
+														className: panel_module_css_default.conversationAdd,
+														title: tt("conversation.add"),
+														disabled: conversationBusy,
+														onClick: (event) => {
+															event.stopPropagation();
+															addImageToConversation(image, index);
+														},
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+															viewBox: "0 0 16 16",
+															width: "12",
+															height: "12",
+															fill: "none",
+															stroke: "currentColor",
+															strokeWidth: "1.5",
+															strokeLinecap: "round",
+															strokeLinejoin: "round",
+															"aria-hidden": "true",
+															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 4.5h10v7H3z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.5 2.5h5M8 6v4M6 8h4" })]
+														}), addingToConversation === index ? tt("conversation.adding") : tt("conversation.add")]
+													}),
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 														className: panel_module_css_default.download,
 														href: srcOf(image),
@@ -3567,215 +5474,17 @@ window.__ModuleLoader__.load({
 										})]
 									}) : null
 								]
-							}),
-							tab === "gallery" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
-								className: panel_module_css_default.history,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-									className: panel_module_css_default.historyHeader,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: panel_module_css_default.historyTitle,
-										children: tt("gallery.title")
-									}), gallery.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: panel_module_css_default.historyClear,
-										onClick: () => {
-											clearGalleryAll();
-										},
-										children: tt("gallery.clear")
-									}) : null]
-								}), gallery.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: panel_module_css_default.historyEmpty,
-									children: tt("gallery.empty")
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: panel_module_css_default.historyList,
-									children: gallery.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: panel_module_css_default.historyItem,
-										"data-active": entry.id === galleryViewingId ? "" : void 0,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-											type: "button",
-											className: panel_module_css_default.historyMain,
-											onClick: () => {
-												viewGalleryEntry(entry);
-											},
-											children: [entry.images.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-												className: panel_module_css_default.historyThumb,
-												src: entry.images[0].url,
-												alt: ""
-											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.historyThumbPlaceholder }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: panel_module_css_default.historyInfo,
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: panel_module_css_default.historyPrompt,
-													children: entry.prompt
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: panel_module_css_default.historyMeta,
-													children: [
-														tt(`mode.${entry.mode === "edit" ? "edit" : "text"}`),
-														" · ",
-														formatTime(entry.createdAt)
-													]
-												})]
-											})]
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-											className: panel_module_css_default.historyActions,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: panel_module_css_default.historyAction,
-												onClick: () => {
-													restoreGalleryEntry(entry);
-												},
-												children: tt("history.restore")
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: panel_module_css_default.historyAction,
-												"data-danger": true,
-												onClick: () => {
-													deleteGalleryEntry(entry.id);
-												},
-												children: tt("gallery.delete")
-											})]
-										})]
-									}, entry.id))
-								})]
-							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
-								className: panel_module_css_default.history,
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-										className: panel_module_css_default.historyHeader,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: panel_module_css_default.historyTitle,
-											children: tt("history.title")
-										}), history.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: panel_module_css_default.historyClear,
-											onClick: () => {
-												clearHistory();
-											},
-											children: tt("history.clear")
-										}) : null]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: panel_module_css_default.historyFilters,
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-												className: panel_module_css_default.historySearch,
-												value: historyQuery,
-												onChange: (event) => {
-													setHistoryQuery(event.target.value);
-												},
-												placeholder: tt("history.search"),
-												"aria-label": tt("history.search")
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-												value: historyModelFilter,
-												onChange: (event) => {
-													setHistoryModelFilter(event.target.value);
-												},
-												"aria-label": tt("history.model"),
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-													value: "all",
-													children: tt("history.allModels")
-												}), [...new Set(history.map((entry) => entry.model))].map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-													value: option,
-													children: option
-												}, option))]
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-												value: historyRatioFilter,
-												onChange: (event) => {
-													setHistoryRatioFilter(event.target.value);
-												},
-												"aria-label": tt("history.ratio"),
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-													value: "all",
-													children: tt("history.allRatios")
-												}), [...new Set(history.map((entry) => normalizeSize(entry.size)))].map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-													value: option,
-													children: option
-												}, option))]
-											})
-										]
-									}),
-									filteredHistory.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: panel_module_css_default.historyEmpty,
-										children: tt("history.empty")
-									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: panel_module_css_default.historyList,
-										children: filteredHistory.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: panel_module_css_default.historyItem,
-											"data-active": entry.id === viewingHistoryId ? "" : void 0,
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-												type: "button",
-												className: panel_module_css_default.historyMain,
-												onClick: () => {
-													viewHistoryEntry(entry);
-												},
-												children: [entry.images.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-													className: panel_module_css_default.historyThumb,
-													src: entry.images[0].url,
-													alt: ""
-												}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: panel_module_css_default.historyThumbPlaceholder }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-													className: panel_module_css_default.historyInfo,
-													children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: panel_module_css_default.historyPrompt,
-														children: entry.prompt
-													}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-														className: panel_module_css_default.historyMeta,
-														children: [
-															tt(`mode.${entry.mode === "edit" ? "edit" : "text"}`),
-															" · ",
-															formatTime(entry.createdAt),
-															" · ",
-															entry.images.length,
-															" ",
-															tt("history.images")
-														]
-													})]
-												})]
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: panel_module_css_default.historyActions,
-												children: [
-													entry.images.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: panel_module_css_default.historyAction,
-														disabled: galleryAdding,
-														title: tt("gallery.add"),
-														onClick: () => {
-															addHistoryEntryToGallery(entry);
-														},
-														children: tt("gallery.add")
-													}) : null,
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: panel_module_css_default.historyAction,
-														onClick: () => {
-															restoreHistoryEntry(entry);
-														},
-														children: tt("history.restore")
-													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-														type: "button",
-														className: panel_module_css_default.historyAction,
-														"data-danger": true,
-														onClick: () => {
-															deleteHistoryEntry(entry.id);
-														},
-														children: tt("history.delete")
-													})
-												]
-											})]
-										}, entry.id))
-									})
-								]
-							})
-						]
+							})]
+						})
 					}),
+					sidebarHistoryHost !== null && historyPanel !== null ? (0, react_dom.createPortal)(historyPanel, sidebarHistoryHost) : null,
 					libraryOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TemplateLibrary, {
 						api,
 						onClose: () => {
 							setLibraryOpen(false);
 						},
 						onUse: (text) => {
-							setTab("text");
+							openTab("text");
 							setPrompt(text);
 							setError(null);
 							setLibraryOpen(false);
@@ -4047,6 +5756,16 @@ window.__ModuleLoader__.load({
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 											className: panel_module_css_default.lightboxActions,
 											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: panel_module_css_default.lightboxEdit,
+													disabled: conversationBusy,
+													title: tt("conversation.addHint"),
+													onClick: () => {
+														addImageToConversation(previewImage, preview.index);
+													},
+													children: addingToConversation === preview.index ? tt("conversation.adding") : tt("conversation.add")
+												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 													type: "button",
 													className: panel_module_css_default.lightboxEdit,
@@ -4096,6 +5815,22 @@ window.__ModuleLoader__.load({
 								rx: "1.5"
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M8 5.8v4.4M5.8 8h4.4" })]
 						}), galleryMessage]
+					}) : null,
+					conversationMessage !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: panel_module_css_default.conversationToast,
+						role: "status",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+							viewBox: "0 0 16 16",
+							width: "14",
+							height: "14",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.5",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							"aria-hidden": "true",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M3 4.5h10v7H3z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M5.5 2.5h5M8 6v4M6 8h4" })]
+						}), conversationMessage]
 					}) : null
 				]
 			});
@@ -4111,24 +5846,11 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/mount.tsx
-		/**
-		* Panel view mounting.
-		*
-		* The `conversation` slot is single-occupant (ui-conversation) and external
-		* plugins cannot declare slots, so the panel takes over the center column at
-		* the DOM level: a container is appended inside the conversation grid item
-		* (an extra trailing child React never manages), and a stylesheet rule hides
-		* the conversation content while the panel is active. Toggling is a data
-		* attribute on <html> — no React involvement, so the conversation subtree
-		* underneath stays mounted and stateful.
-		*
-		* Shell compatibility: the center column is `[data-pane="conversation"]` on
-		* legacy shells and `[class*="centerCol"]` on the rc.6+ AppFrame layout (the
-		* same dual selector the dsh-ssh / task-board panels use); both are queried
-		* and both get the `position: relative` base in panel.module.css.
-		*/
 		const CONVERSATION_COLUMN_SELECTOR = "[data-pane=\"conversation\"], [class*=\"centerCol\"]";
 		const ACTIVE_ATTR = "data-dsh-imagegen-active";
+		const RESIZER_SELECTOR = "[data-dsh-imagegen-chat-resizer]";
+		const CHAT_WIDTH_STORAGE_KEY = "dsh-imagegen:chat-width";
+		const CHAT_MIN_WIDTH = 320;
 		/** Sibling panels' activation attributes, removed when this panel opens. */
 		const OTHER_ACTIVE_ATTRS = ["data-dsh-taskboard-active", "data-dsh-ssh-active"];
 		/** Cross-plugin activation event; detail is the activating panel name. */
@@ -4138,6 +5860,73 @@ window.__ModuleLoader__.load({
 		function conversationColumn() {
 			return document.querySelector(CONVERSATION_COLUMN_SELECTOR) ?? void 0;
 		}
+		function readChatWidth() {
+			try {
+				const raw = window.localStorage.getItem(CHAT_WIDTH_STORAGE_KEY);
+				if (raw === null) return void 0;
+				const value = Number(raw);
+				return Number.isFinite(value) && value >= CHAT_MIN_WIDTH ? value : void 0;
+			} catch {
+				return;
+			}
+		}
+		function writeChatWidth(value) {
+			try {
+				window.localStorage.setItem(CHAT_WIDTH_STORAGE_KEY, String(Math.round(value)));
+			} catch {}
+		}
+		function applyChatWidth(column, clientX) {
+			const bounds = column.getBoundingClientRect();
+			const max = Math.max(CHAT_MIN_WIDTH, bounds.width * .7);
+			const width = Math.min(max, Math.max(CHAT_MIN_WIDTH, bounds.right - clientX));
+			column.style.setProperty("--dsh-imagegen-chat-width", `${Math.round(width)}px`);
+			writeChatWidth(width);
+		}
+		/** Create the visible handle that separates the image workspace and chat. */
+		function createChatResizer(column) {
+			const resizer = document.createElement("div");
+			resizer.dataset.dshImagegenChatResizer = "";
+			resizer.className = panel_module_css_default.chatResizer;
+			resizer.setAttribute("role", "separator");
+			resizer.setAttribute("aria-orientation", "vertical");
+			resizer.setAttribute("aria-label", "调整对话区域宽度");
+			resizer.tabIndex = 0;
+			const saved = readChatWidth();
+			if (saved !== void 0) column.style.setProperty("--dsh-imagegen-chat-width", `${saved}px`);
+			const onPointerDown = (event) => {
+				if (event.button !== 0) return;
+				event.preventDefault();
+				resizer.setPointerCapture?.(event.pointerId);
+				const onMove = (move) => {
+					applyChatWidth(column, move.clientX);
+				};
+				const onUp = () => {
+					window.removeEventListener("pointermove", onMove);
+					window.removeEventListener("pointerup", onUp);
+					window.removeEventListener("pointercancel", onUp);
+					resizer.releasePointerCapture?.(event.pointerId);
+					document.documentElement.style.removeProperty("cursor");
+					document.documentElement.style.removeProperty("user-select");
+				};
+				window.addEventListener("pointermove", onMove);
+				window.addEventListener("pointerup", onUp);
+				window.addEventListener("pointercancel", onUp);
+				document.documentElement.style.setProperty("cursor", "col-resize");
+				document.documentElement.style.setProperty("user-select", "none");
+			};
+			const onKeyDown = (event) => {
+				if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
+				event.preventDefault();
+				const bounds = column.getBoundingClientRect();
+				const current = column.style.getPropertyValue("--dsh-imagegen-chat-width");
+				const currentWidth = Number.parseFloat(current) || bounds.width * .36;
+				const delta = event.key === "ArrowLeft" ? -24 : 24;
+				applyChatWidth(column, bounds.right - currentWidth - delta);
+			};
+			resizer.addEventListener("pointerdown", onPointerDown);
+			resizer.addEventListener("keydown", onKeyDown);
+			return resizer;
+		}
 		/**
 		* Mount the panel React tree into the center column and bind its visibility
 		* to the controller's panelOpen state.
@@ -4146,9 +5935,10 @@ window.__ModuleLoader__.load({
 		* @param scope - the settings scope (config status banner).
 		* @returns disposer unmounting the tree and restoring the column.
 		*/
-		function mountPanel(controller, api, scope) {
+		function mountPanel(controller, api, scope, services = {}) {
 			let root;
 			let container;
+			let resizer;
 			const ensure = () => {
 				if (container !== void 0) {
 					if (container.isConnected) return;
@@ -4156,6 +5946,8 @@ window.__ModuleLoader__.load({
 					root = void 0;
 					container.remove();
 					container = void 0;
+					resizer?.remove();
+					resizer = void 0;
 				}
 				const column = conversationColumn();
 				if (column === void 0) return;
@@ -4166,8 +5958,11 @@ window.__ModuleLoader__.load({
 				root = (0, react_dom_client.createRoot)(container);
 				root.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ImageGenPanel, {
 					api,
-					scope
+					scope,
+					...services
 				}));
+				resizer = column.querySelector(RESIZER_SELECTOR) ?? createChatResizer(column);
+				if (resizer.parentElement !== column) column.appendChild(resizer);
 			};
 			const waitObserver = new MutationObserver(() => {
 				ensure();
@@ -4209,110 +6004,150 @@ window.__ModuleLoader__.load({
 				root = void 0;
 				container?.remove();
 				container = void 0;
+				resizer?.remove();
+				resizer = void 0;
 			};
 		}
 		//#endregion
 		//#region src/client/sidebar-entry.ts
-		/** Family entry selectors of sibling plugins (relative placement anchor). */
-		const FAMILY_ENTRY_SELECTOR = "[data-dsh-taskboard-entry], [data-dsh-ssh-entry], [data-dsh-imagegen-entry]";
-		/** Find the sidebar shell root element, or undefined while not yet mounted. */
+		/** Stable selector for the injected two-tab host. */
+		const ENTRY_SELECTOR = "[data-dsh-imagegen-session-tabs]";
+		/** Stable selector for the history surface in the shell region area. */
+		const HISTORY_HOST_SELECTOR = "[data-dsh-imagegen-history-host]";
+		/** Inline picture glyph kept deliberately small for the sidebar rail. */
+		const IMAGE_ICON = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"2.5\" width=\"12\" height=\"11\" rx=\"1.5\"/><circle cx=\"5.6\" cy=\"5.8\" r=\"1\"/><path d=\"M2.5 12.5l3.6-3.4 2.4 2.2 3-3 2 2.4\"/></svg>";
+		/** Inline plus glyph for the new-session tab. */
+		const NEW_SESSION_ICON = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M8 3v10M3 8h10\"/></svg>";
+		/** Find the sidebar shell root, or undefined while it is not mounted. */
 		function sidebarRoot() {
 			const column = document.querySelector("[data-pane=\"sidebar\"], [class*=\"sidebarCol\"]");
 			if (column === null) return void 0;
 			return column.querySelector("[class*=\"logoRow\"]")?.parentElement ?? column.firstElementChild;
 		}
-		/** The New Session button: nested in the logo row on current shells, a direct child on legacy shells. */
+		/** The shell-owned New Session button across current and legacy shells. */
 		function newSessionButton(root) {
-			const nested = root.querySelector("button[class*=\"newSession\"]");
-			if (nested !== null) return nested;
-			for (const child of root.children) if (child.tagName === "BUTTON") return child;
+			return root.querySelector("button[data-dsh-part=\"new-session\"], button[class*=\"newSession\"]") ?? Array.from(root.children).find((child) => child instanceof HTMLElement && child.tagName === "BUTTON");
 		}
-		/** Build the entry row (a detached button; insert once the shell is up). */
-		function createEntry(controller, label, tooltip) {
-			const entry = document.createElement("button");
-			entry.type = "button";
-			entry.dataset.dshImagegenEntry = "";
-			entry.className = panel_module_css_default.entry;
-			entry.setAttribute("aria-label", label);
-			entry.setAttribute("title", tooltip);
-			entry.innerHTML = "<span class=\"" + panel_module_css_default.entryIcon + "\"><svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"2.5\" width=\"12\" height=\"11\" rx=\"1.5\"/><circle cx=\"5.6\" cy=\"5.8\" r=\"1\"/><path d=\"M2.5 12.5l3.6-3.4 2.4 2.2 3-3 2 2.4\"/></svg></span><span class=\"" + panel_module_css_default.entryLabel + "\">" + label + "</span>";
-			entry.addEventListener("click", () => {
-				controller.toggle();
-			});
-			return entry;
+		/** Locate the shell region that normally contains workspaces and sessions. */
+		function regionArea(root) {
+			return root.querySelector("[class*=\"regionArea\"]") ?? void 0;
 		}
-		/** Re-insert the entry after the family block (task board → ssh → imagegen). */
-		function placeEntry(root, entry) {
+		function makeTab(label, tooltip, icon, onClick) {
+			const tab = document.createElement("button");
+			tab.type = "button";
+			tab.className = panel_module_css_default.sessionTab;
+			tab.setAttribute("aria-label", label);
+			tab.setAttribute("title", tooltip);
+			tab.innerHTML = `<span class="${panel_module_css_default.sessionTabIcon}">${icon}</span><span class="${panel_module_css_default.sessionTabLabel}">${label}</span>`;
+			tab.addEventListener("click", onClick);
+			return tab;
+		}
+		function hideShellButton(button) {
+			button.dataset.dshImagegenOriginal = "";
+			button.setAttribute("aria-hidden", "true");
+			button.tabIndex = -1;
+			button.style.display = "none";
+		}
+		function restoreShellButton(button) {
+			button.style.removeProperty("display");
+			button.removeAttribute("aria-hidden");
+			button.removeAttribute("tabindex");
+			delete button.dataset.dshImagegenOriginal;
+		}
+		/** Mount or repair the two-tab host at the shell's New Session position. */
+		function placeTabs(root, controller, newSessionLabel, newSessionTooltip, imageLabel, imageTooltip) {
 			const button = newSessionButton(root);
-			if (button === void 0) return false;
-			if (entry.parentElement !== root) {
-				const row = button.closest("[class*=\"logoRow\"]");
-				const base = row !== null && row.parentElement === root ? row : button;
-				const family = Array.from(root.children).filter((el) => el instanceof HTMLElement && el.matches(FAMILY_ENTRY_SELECTOR));
-				const anchor = family.length > 0 ? family[family.length - 1].nextElementSibling : base.nextElementSibling;
-				root.insertBefore(entry, anchor);
+			if (button === void 0) return void 0;
+			const existing = root.querySelector(ENTRY_SELECTOR);
+			if (existing !== null && existing.parentElement === button.parentElement) {
+				hideShellButton(button);
+				return existing;
 			}
-			return true;
+			existing?.remove();
+			const tabs = document.createElement("div");
+			tabs.dataset.dshImagegenSessionTabs = "";
+			tabs.className = panel_module_css_default.sessionTabs;
+			tabs.setAttribute("role", "tablist");
+			tabs.setAttribute("aria-label", imageTooltip);
+			const newSessionTab = makeTab(newSessionLabel, newSessionTooltip, NEW_SESSION_ICON, () => {
+				controller.close();
+				button.click();
+			});
+			const imageTab = makeTab(imageLabel, imageTooltip, IMAGE_ICON, () => {
+				controller.open();
+			});
+			newSessionTab.dataset.dshImagegenTab = "new-session";
+			imageTab.dataset.dshImagegenTab = "image";
+			tabs.append(newSessionTab, imageTab);
+			button.parentElement?.insertBefore(tabs, button);
+			hideShellButton(button);
+			return tabs;
+		}
+		/** Mount an overlay host over the workspace/session tree for image history. */
+		function placeHistoryHost(root) {
+			const region = regionArea(root);
+			if (region === void 0) return void 0;
+			const existing = region.querySelector(HISTORY_HOST_SELECTOR);
+			if (existing !== null) return existing;
+			const host = document.createElement("div");
+			host.dataset.dshImagegenHistoryHost = "";
+			host.className = panel_module_css_default.sidebarHistoryHost;
+			region.append(host);
+			return host;
 		}
 		/**
-		* Mount the sidebar entry, waiting for the shell to render and self-healing
-		* on later React re-renders.
-		* @param controller - the panel controller the entry toggles.
-		* @param label - the entry label (localized).
-		* @param tooltip - the entry tooltip (localized).
-		* @returns disposer removing the entry and its observers.
+		* Mount the two tabs and self-heal after React rebuilds the sidebar. The
+		* shell-owned button is restored by the disposer so unloading the plugin
+		* leaves the host unchanged.
 		*/
-		function mountSidebarEntry(controller, label, tooltip) {
-			const entry = createEntry(controller, label, tooltip);
+		function mountSidebarEntry(controller, newSessionLabel, newSessionTooltip, imageLabel, imageTooltip) {
 			let root;
-			let placed = false;
-			const tryPlace = () => {
-				if (root !== void 0 && !root.isConnected) {
-					rootObserver.disconnect();
-					root = void 0;
-					placed = false;
+			let tabs;
+			let historyHost;
+			let originalButton;
+			const syncActive = () => {
+				if (tabs === void 0) return;
+				const newTab = tabs.querySelector("[data-dsh-imagegen-tab=\"new-session\"]");
+				const imageTab = tabs.querySelector("[data-dsh-imagegen-tab=\"image\"]");
+				if (controller.getSnapshot().panelOpen) {
+					if (newTab !== null) delete newTab.dataset.active;
+					if (imageTab !== null) imageTab.dataset.active = "";
+				} else {
+					if (newTab !== null) newTab.dataset.active = "";
+					if (imageTab !== null) delete imageTab.dataset.active;
 				}
-				if (placed) {
-					if (document.body.contains(entry)) return;
-					rootObserver.disconnect();
+			};
+			const ensure = () => {
+				if (root !== void 0 && !root.isConnected) {
 					root = void 0;
-					placed = false;
+					tabs = void 0;
+					historyHost = void 0;
+					originalButton = void 0;
 				}
 				root ??= sidebarRoot();
 				if (root === void 0) return;
-				placed = placeEntry(root, entry);
-				if (placed) rootObserver.observe(root, {
-					childList: true,
-					subtree: true
-				});
+				root.dataset.dshImagegenSidebarRoot = "";
+				const button = newSessionButton(root);
+				if (button === void 0) return;
+				originalButton ??= button;
+				tabs = placeTabs(root, controller, newSessionLabel, newSessionTooltip, imageLabel, imageTooltip);
+				historyHost = placeHistoryHost(root);
+				syncActive();
 			};
-			const waitObserver = new MutationObserver(() => {
-				tryPlace();
-			});
-			waitObserver.observe(document.body, {
+			const bodyObserver = new MutationObserver(ensure);
+			bodyObserver.observe(document.body, {
 				childList: true,
 				subtree: true
 			});
-			const rootObserver = new MutationObserver(() => {
-				if (root === void 0 || !root.isConnected) {
-					placed = false;
-					tryPlace();
-					return;
-				}
-				if (!root.contains(entry)) placed = placeEntry(root, entry);
-			});
-			const syncActive = () => {
-				if (controller.getSnapshot().panelOpen) entry.dataset.active = "true";
-				else delete entry.dataset.active;
-			};
 			const unsubscribe = controller.subscribe(syncActive);
-			syncActive();
-			tryPlace();
+			ensure();
 			return () => {
-				waitObserver.disconnect();
-				rootObserver.disconnect();
+				bodyObserver.disconnect();
 				unsubscribe();
-				entry.remove();
+				tabs?.remove();
+				historyHost?.remove();
+				if (originalButton !== void 0 && originalButton.isConnected) restoreShellButton(originalButton);
+				if (root !== void 0) delete root.dataset.dshImagegenSidebarRoot;
 			};
 		}
 		//#endregion
@@ -4771,132 +6606,38 @@ window.__ModuleLoader__.load({
 				this.saving = true;
 				this.failed = false;
 				this.publish();
-				try {
-					await this.scope.mutateOps(ops);
-					this.stagedChannels = null;
-					this.stagedKeys.clear();
-					this.stagedDefault = null;
-					this.failed = false;
-				} catch {
-					this.failed = true;
-				} finally {
-					this.saving = false;
-					this.publish();
-				}
-			}
-			publish() {
-				for (const listener of [...this.listeners]) listener();
-			}
-		};
-		/** Project a stored channel into a draft (secrets never travel in channels). */
-		function toDraft(channel) {
-			return {
-				id: channel.id,
-				preset: channel.preset,
-				name: channel.name,
-				apiUrl: channel.apiUrl,
-				models: channel.models.map((model) => ({ ...model }))
-			};
-		}
-		/** The scope's current channels value (a plain array), for change detection. */
-		function scopeChannelsOf(scope) {
-			const view = scope.getSnapshot().value;
-			return Array.isArray(view?.channels) ? view.channels : [];
-		}
-		//#endregion
-		//#region src/model-catalog.ts
-		const ENTRIES = {
-			"gpt-image": {
-				label: "gpt-image",
-				labelZh: "GPT 图像",
-				known: true,
-				supportsEdit: true,
-				supportsAspectRatio: false,
-				qualityTiers: [
-					"1K",
-					"2K",
-					"4K"
-				]
-			},
-			"dall-e": {
-				label: "DALL·E",
-				labelZh: "DALL·E",
-				known: true,
-				supportsEdit: true,
-				supportsAspectRatio: false,
-				qualityTiers: ["auto"]
-			},
-			grok: {
-				label: "grok",
-				labelZh: "Grok",
-				known: true,
-				supportsEdit: true,
-				supportsAspectRatio: true,
-				qualityTiers: ["1K", "2K"]
-			},
-			nanobanana: {
-				label: "nanobanana",
-				labelZh: "Nano Banana",
-				known: true,
-				supportsEdit: true,
-				supportsAspectRatio: true,
-				qualityTiers: [
-					"1K",
-					"2K",
-					"4K"
-				]
-			},
-			seedream: {
-				label: "seedream",
-				labelZh: "Seedream",
-				known: true,
-				supportsEdit: true,
-				supportsAspectRatio: true,
-				qualityTiers: ["1K", "2K"]
+				try {
+					await this.scope.mutateOps(ops);
+					this.stagedChannels = null;
+					this.stagedKeys.clear();
+					this.stagedDefault = null;
+					this.failed = false;
+				} catch {
+					this.failed = true;
+				} finally {
+					this.saving = false;
+					this.publish();
+				}
+			}
+			publish() {
+				for (const listener of [...this.listeners]) listener();
 			}
 		};
-		/** Official Gemini image ids served by Nano Banana gateways. */
-		const NANOBANANA_GEMINI_IDS = /* @__PURE__ */ new Set([
-			"gemini-3-pro-image",
-			"gemini-3-pro-image-preview",
-			"gemini-3.1-flash-image",
-			"gemini-3.1-flash-image-preview",
-			"gemini-3.1-flash-lite-image",
-			"gemini-2.5-flash-image"
-		]);
-		/** Classify one upstream model id into its request-shaping family. */
-		function describeModel(model) {
-			const id = model.trim();
-			if (/^gpt-image/i.test(id)) return {
-				family: "gpt-image",
-				...ENTRIES["gpt-image"]
-			};
-			if (/^dall-e/i.test(id)) return {
-				family: "dall-e",
-				...ENTRIES["dall-e"]
-			};
-			if (/^grok-imagine(?:-|$)/.test(id)) return {
-				family: "grok",
-				...ENTRIES.grok
-			};
-			if (/^nanobanana/i.test(id) || NANOBANANA_GEMINI_IDS.has(id)) return {
-				family: "nanobanana",
-				...ENTRIES.nanobanana
-			};
-			if (/^(?:doubao-)?seedream/i.test(id)) return {
-				family: "seedream",
-				...ENTRIES.seedream
-			};
+		/** Project a stored channel into a draft (secrets never travel in channels). */
+		function toDraft(channel) {
 			return {
-				family: "unknown",
-				label: "unknown",
-				labelZh: "未知协议",
-				known: false,
-				supportsEdit: true,
-				supportsAspectRatio: false,
-				qualityTiers: []
+				id: channel.id,
+				preset: channel.preset,
+				name: channel.name,
+				apiUrl: channel.apiUrl,
+				models: channel.models.map((model) => ({ ...model }))
 			};
 		}
+		/** The scope's current channels value (a plain array), for change detection. */
+		function scopeChannelsOf(scope) {
+			const view = scope.getSnapshot().value;
+			return Array.isArray(view?.channels) ? view.channels : [];
+		}
 		//#endregion
 		//#region \0dsh-css:E:\dsh-plugin\src\client\settings-card.module.css.mjs
 		const css$1 = ".i1cc5G_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.i1cc5G_card:hover{border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_card:has(.i1cc5G_body){background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.i1cc5G_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.i1cc5G_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.i1cc5G_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.i1cc5G_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.i1cc5G_chevron,.i1cc5G_chevronOpen{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.i1cc5G_chevronOpen{transform:rotate(180deg)}.i1cc5G_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.i1cc5G_versionRow{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.i1cc5G_versionLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.i1cc5G_versionValue{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);font-family:var(--dsw-font-family-mono,monospace);border-radius:999px;padding:1px 8px;font-size:12px;line-height:1.5}.i1cc5G_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.i1cc5G_field+.i1cc5G_field{border-top:1px solid var(--dsw-alias-border-l2)}.i1cc5G_head{align-items:center;gap:8px;display:flex}.i1cc5G_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.i1cc5G_badges{align-items:center;gap:8px;display:inline-flex}.i1cc5G_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.i1cc5G_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.i1cc5G_reset:disabled{cursor:default;opacity:.5}.i1cc5G_input,.i1cc5G_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:0 12px;font-size:13px;line-height:1.5}.i1cc5G_input:focus-visible,.i1cc5G_select:focus-visible{border-color:var(--dsw-alias-brand-primary)}.i1cc5G_input:disabled,.i1cc5G_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.i1cc5G_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:0 12px;font-size:13px;line-height:1.5}.i1cc5G_textarea,.i1cc5G_textareaInvalid{resize:vertical;background:var(--dsw-alias-bg-layer-3);min-height:70px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;line-height:1.5}.i1cc5G_textarea{border:1px solid var(--dsw-alias-border-l2)}.i1cc5G_textareaInvalid{border:1px solid var(--dsw-alias-label-error)}.i1cc5G_textarea:focus-visible{border-color:var(--dsw-alias-brand-primary)}.i1cc5G_textarea:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.i1cc5G_hint,.i1cc5G_invalid{margin:0;font-size:12px;line-height:1.5}.i1cc5G_hint{color:var(--dsw-alias-label-tertiary)}.i1cc5G_invalid{color:var(--dsw-alias-label-error)}.i1cc5G_readOnly,.i1cc5G_notExposed{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.i1cc5G_sectionDivider{background:var(--dsw-alias-border-l2);height:1px;margin:18px 0 14px}.i1cc5G_sectionTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:14px;line-height:1.4}.i1cc5G_sectionHint{color:var(--dsw-alias-label-tertiary);margin:-4px 0 2px;font-size:12px;line-height:1.5}.i1cc5G_modelSection{padding:2px 0 14px}.i1cc5G_sectionHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.i1cc5G_sectionHeader .i1cc5G_sectionHint{max-width:430px}.i1cc5G_modelSummary{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.i1cc5G_modelChip{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-width:100%;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family-mono,monospace);border-radius:6px;align-items:center;gap:5px;padding:3px 5px 3px 8px;font-size:12px;line-height:1.5;display:inline-flex}.i1cc5G_modelChip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.i1cc5G_modelChip button{appearance:none;width:18px;height:18px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;line-height:18px}.i1cc5G_modelChip button:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.i1cc5G_modelChip button:disabled{cursor:default;opacity:.45}.i1cc5G_addModel{appearance:none;border:1px dashed var(--dsw-alias-border-l2);min-height:28px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:0 9px;font-size:12px}.i1cc5G_addModel:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.i1cc5G_addModel:disabled{opacity:.45;cursor:default}.i1cc5G_manualModelRow{gap:8px;margin-top:10px;display:flex}.i1cc5G_manualModelRow .i1cc5G_input{flex:1;min-width:0}.i1cc5G_disclosure{appearance:none;border:0;border-top:1px solid var(--dsw-alias-border-l2);width:100%;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:13px 0;font-size:13px;font-weight:500;display:flex}.i1cc5G_disclosure>span:nth-child(2){color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:12px;font-weight:400}.i1cc5G_disclosure>span:last-child{color:var(--dsw-alias-label-tertiary)}.i1cc5G_disclosure:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.i1cc5G_optionalContent{padding:0 0 8px}.i1cc5G_inlineDisclosure{appearance:none;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:12px;display:inline-flex}.i1cc5G_inlineDisclosure:hover{color:var(--dsw-alias-label-primary)}.i1cc5G_modelFetchRow{align-items:center;gap:8px;display:flex}.i1cc5G_modelFetch,.i1cc5G_modelChoices{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);min-height:32px;color:var(--dsw-alias-label-secondary);font:inherit;border-radius:7px;font-size:12px}.i1cc5G_modelFetch{cursor:pointer;padding:0 10px}.i1cc5G_modelFetch:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.i1cc5G_modelFetch:disabled{opacity:.5;cursor:default}.i1cc5G_modelChoices{flex:1;min-width:0;padding:0 8px}.i1cc5G_modelCandidateList{flex-wrap:wrap;gap:6px 10px;margin-top:10px;display:flex}.i1cc5G_modelCandidateLabel{width:100%;color:var(--dsw-alias-label-tertiary);font-size:12px}.i1cc5G_modelCandidate{appearance:none;min-width:0;color:var(--dsw-alias-label-secondary);cursor:pointer;background:var(--dsw-alias-bg-layer-3);font-size:12px;line-height:1.5;font:inherit;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:3px 6px;display:inline-flex}.i1cc5G_modelCandidate input{margin:0}.i1cc5G_modelCandidate[data-selected]{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}.i1cc5G_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.i1cc5G_failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}.i1cc5G_discard,.i1cc5G_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.i1cc5G_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.i1cc5G_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.i1cc5G_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.i1cc5G_discard:disabled,.i1cc5G_save:disabled{opacity:.4;cursor:default}.i1cc5G_discard:focus-visible,.i1cc5G_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.i1cc5G_card,.i1cc5G_chevron,.i1cc5G_chevronOpen{transition:none}}.i1cc5G_channelSection{padding:6px 0 2px}.i1cc5G_channelEmpty{color:var(--dsw-alias-label-tertiary);margin:10px 0 0;font-size:12px;line-height:1.5}.i1cc5G_channelList{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.i1cc5G_channelRow{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.i1cc5G_channelRow[data-action]{flex-wrap:wrap}.i1cc5G_channelDotReady,.i1cc5G_channelDotWarn{border-radius:50%;flex:none;width:9px;height:9px}.i1cc5G_channelDotReady{background:var(--dsw-color-success,#2fbf71)}.i1cc5G_channelDotWarn{background:var(--dsw-color-danger,#e5484d)}.i1cc5G_channelMain{appearance:none;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:3px;padding:0;display:flex}.i1cc5G_channelName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.i1cc5G_channelMeta{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.i1cc5G_channelHost{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5;font-family:var(--dsw-font-family-mono,monospace);text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.i1cc5G_channelBadge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:0 7px;font-size:11px;font-weight:500;line-height:17px}.i1cc5G_channelBadge[data-warn]{color:var(--dsw-alias-label-error)}.i1cc5G_channelBadge[data-default]{background:var(--dsw-alias-bg-module-poped,var(--dsw-alias-bg-module-platform));color:var(--dsw-alias-brand-primary)}.i1cc5G_channelAction{appearance:none;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;padding:4px 8px;font-size:12px;line-height:1.5}.i1cc5G_channelAction:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.i1cc5G_channelAction[data-danger]{color:var(--dsw-alias-label-error)}.i1cc5G_channelAction:disabled{opacity:.45;cursor:default}.i1cc5G_channelDanger{appearance:none;border:1px solid var(--dsw-alias-label-error);color:var(--dsw-alias-label-error);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:3px 10px;font-size:12px}.i1cc5G_channelDanger:hover:not(:disabled){background:color-mix(in srgb, var(--dsw-alias-label-error) 12%, transparent)}.i1cc5G_channelDanger:disabled{opacity:.45;cursor:default}.i1cc5G_deleteConfirmText{min-width:0;color:var(--dsw-alias-label-error);flex:1;font-size:12px;line-height:1.5}.i1cc5G_channelAddRow{gap:8px;margin-top:10px;display:flex}.i1cc5G_channelAdd{appearance:none;border:1px dashed var(--dsw-alias-border-l2);min-height:30px;color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-size:12px}.i1cc5G_channelAdd:hover:not(:disabled){color:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}.i1cc5G_channelAdd:disabled{opacity:.45;cursor:default}.i1cc5G_spacer{flex:1}.i1cc5G_editorBackdrop{z-index:120;background:color-mix(in srgb, var(--dsw-alias-bg-layer-1,#000) 45%, transparent);justify-content:center;align-items:flex-start;padding:9vh 16px 16px;display:flex;position:fixed;inset:0}.i1cc5G_editorPanel{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:14px;width:min(560px,100%);max-height:82vh;padding:16px;overflow-y:auto;box-shadow:0 18px 50px #00000059}.i1cc5G_editorHeader{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.i1cc5G_editorClose{appearance:none;width:26px;height:26px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;font-size:16px;line-height:26px}.i1cc5G_editorClose:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-module-platform)}.i1cc5G_editorField{flex-direction:column;gap:6px;padding:12px 0 0;display:flex}.i1cc5G_editorDivider{background:var(--dsw-alias-border-l2);height:1px;margin:14px 0 4px}.i1cc5G_editorSectionHeader{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 4px;display:flex}.i1cc5G_editorSectionHeader .i1cc5G_label{flex:1}.i1cc5G_editorTools{flex-direction:column;gap:8px;margin-top:10px;display:flex}.i1cc5G_editorFooter{border-top:1px solid var(--dsw-alias-border-l2);align-items:center;gap:8px;padding-top:12px;display:flex}.i1cc5G_detectOk{color:var(--dsw-color-success,var(--dsw-alias-label-secondary));margin:0;font-size:12px;line-height:1.5}.i1cc5G_modelRows{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.i1cc5G_modelRow{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.i1cc5G_modelRowInputs{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.i1cc5G_modelRowInputs .i1cc5G_input{flex:1;min-width:0}.i1cc5G_modelArrow{color:var(--dsw-alias-label-tertiary);flex:none;font-size:12px}.i1cc5G_modelRowBadges{flex:none;align-items:center;gap:6px;display:flex}.i1cc5G_modelBadge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:0 7px;font-size:11px;line-height:17px}.i1cc5G_modelBadge[data-verified]{color:var(--dsw-color-success,var(--dsw-alias-label-secondary))}.i1cc5G_modelBadge[data-warn]{color:var(--dsw-alias-label-error)}.i1cc5G_modelRowRemove{appearance:none;width:20px;height:20px;color:var(--dsw-alias-label-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;padding:0;line-height:20px}.i1cc5G_modelRowRemove:hover:not(:disabled){color:var(--dsw-alias-label-error);background:var(--dsw-alias-bg-module-platform)}.i1cc5G_modelRowRemove:disabled{opacity:.45;cursor:default}.i1cc5G_modelCandidate>.i1cc5G_modelBadge{flex:none}.i1cc5G_channelControls{position:relative}.i1cc5G_presetInline{z-index:10;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);border-radius:10px;width:min(420px,100vw - 48px);max-height:min(440px,60vh);margin:0;padding:12px;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 30px #0000004d}.i1cc5G_presetInlineHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.i1cc5G_presetList{flex-direction:column;gap:8px;margin-top:12px;display:flex}.i1cc5G_presetRow{appearance:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;display:flex}.i1cc5G_presetRow:hover:not(:disabled){border-color:var(--dsw-alias-brand-primary)}.i1cc5G_presetRow[data-custom]{border-style:dashed}.i1cc5G_presetRow:disabled{opacity:.5;cursor:default}.i1cc5G_presetName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:1.4}.i1cc5G_presetMeta{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.5;font-family:var(--dsw-font-family-mono,monospace)}.i1cc5G_presetHint{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}";
@@ -4909,97 +6650,97 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var settings_card_module_css_default = {
-			"optionalContent": "i1cc5G_optionalContent",
-			"editorSectionHeader": "i1cc5G_editorSectionHeader",
-			"channelDotWarn": "i1cc5G_channelDotWarn",
-			"modelSummary": "i1cc5G_modelSummary",
-			"editorField": "i1cc5G_editorField",
-			"modelCandidateLabel": "i1cc5G_modelCandidateLabel",
-			"reset": "i1cc5G_reset",
-			"body": "i1cc5G_body",
-			"field": "i1cc5G_field",
-			"badges": "i1cc5G_badges",
-			"addModel": "i1cc5G_addModel",
-			"editorClose": "i1cc5G_editorClose",
-			"presetInlineHeader": "i1cc5G_presetInlineHeader",
-			"versionLabel": "i1cc5G_versionLabel",
-			"header": "i1cc5G_header",
-			"head": "i1cc5G_head",
-			"presetInline": "i1cc5G_presetInline",
-			"detectOk": "i1cc5G_detectOk",
-			"modelCandidate": "i1cc5G_modelCandidate",
 			"modelBadge": "i1cc5G_modelBadge",
-			"modelRowInputs": "i1cc5G_modelRowInputs",
+			"headText": "i1cc5G_headText",
+			"channelDotWarn": "i1cc5G_channelDotWarn",
 			"channelName": "i1cc5G_channelName",
-			"channelSection": "i1cc5G_channelSection",
+			"spacer": "i1cc5G_spacer",
+			"modelRows": "i1cc5G_modelRows",
+			"save": "i1cc5G_save",
 			"input": "i1cc5G_input",
-			"channelList": "i1cc5G_channelList",
+			"optionalContent": "i1cc5G_optionalContent",
+			"modelSection": "i1cc5G_modelSection",
+			"chevron": "i1cc5G_chevron",
+			"presetList": "i1cc5G_presetList",
 			"channelAddRow": "i1cc5G_channelAddRow",
-			"editorPanel": "i1cc5G_editorPanel",
-			"versionValue": "i1cc5G_versionValue",
-			"sectionHint": "i1cc5G_sectionHint",
-			"modelChip": "i1cc5G_modelChip",
-			"footer": "i1cc5G_footer",
-			"save": "i1cc5G_save",
+			"channelRow": "i1cc5G_channelRow",
 			"badge": "i1cc5G_badge",
-			"presetName": "i1cc5G_presetName",
-			"modelChoices": "i1cc5G_modelChoices",
-			"deleteConfirmText": "i1cc5G_deleteConfirmText",
-			"invalid": "i1cc5G_invalid",
-			"inlineDisclosure": "i1cc5G_inlineDisclosure",
-			"modelFetch": "i1cc5G_modelFetch",
-			"pending": "i1cc5G_pending",
-			"textarea": "i1cc5G_textarea",
 			"select": "i1cc5G_select",
-			"channelRow": "i1cc5G_channelRow",
-			"label": "i1cc5G_label",
+			"modelRowRemove": "i1cc5G_modelRowRemove",
+			"presetMeta": "i1cc5G_presetMeta",
+			"textareaInvalid": "i1cc5G_textareaInvalid",
 			"failed": "i1cc5G_failed",
-			"channelHost": "i1cc5G_channelHost",
-			"channelDanger": "i1cc5G_channelDanger",
-			"sectionDivider": "i1cc5G_sectionDivider",
-			"editorBackdrop": "i1cc5G_editorBackdrop",
-			"versionRow": "i1cc5G_versionRow",
+			"editorPanel": "i1cc5G_editorPanel",
+			"presetHint": "i1cc5G_presetHint",
+			"modelChip": "i1cc5G_modelChip",
+			"modelChoices": "i1cc5G_modelChoices",
+			"reset": "i1cc5G_reset",
+			"detectOk": "i1cc5G_detectOk",
+			"channelAction": "i1cc5G_channelAction",
 			"hint": "i1cc5G_hint",
-			"modelFetchRow": "i1cc5G_modelFetchRow",
-			"editorTools": "i1cc5G_editorTools",
-			"editorFooter": "i1cc5G_editorFooter",
+			"modelSummary": "i1cc5G_modelSummary",
+			"presetName": "i1cc5G_presetName",
+			"sectionDivider": "i1cc5G_sectionDivider",
 			"discard": "i1cc5G_discard",
-			"channelEmpty": "i1cc5G_channelEmpty",
-			"modelRows": "i1cc5G_modelRows",
-			"modelRow": "i1cc5G_modelRow",
-			"modelArrow": "i1cc5G_modelArrow",
-			"modelRowBadges": "i1cc5G_modelRowBadges",
-			"presetList": "i1cc5G_presetList",
-			"presetHint": "i1cc5G_presetHint",
-			"manualModelRow": "i1cc5G_manualModelRow",
-			"chevron": "i1cc5G_chevron",
-			"textareaInvalid": "i1cc5G_textareaInvalid",
-			"editorHeader": "i1cc5G_editorHeader",
-			"readOnly": "i1cc5G_readOnly",
-			"sectionHeader": "i1cc5G_sectionHeader",
-			"channelMeta": "i1cc5G_channelMeta",
-			"presetMeta": "i1cc5G_presetMeta",
+			"textarea": "i1cc5G_textarea",
+			"channelAdd": "i1cc5G_channelAdd",
 			"editorDivider": "i1cc5G_editorDivider",
-			"card": "i1cc5G_card",
-			"modelSection": "i1cc5G_modelSection",
+			"channelList": "i1cc5G_channelList",
+			"editorSectionHeader": "i1cc5G_editorSectionHeader",
+			"channelBadge": "i1cc5G_channelBadge",
 			"presetRow": "i1cc5G_presetRow",
-			"spacer": "i1cc5G_spacer",
-			"channelAction": "i1cc5G_channelAction",
-			"inputInvalid": "i1cc5G_inputInvalid",
-			"channelControls": "i1cc5G_channelControls",
+			"invalid": "i1cc5G_invalid",
+			"presetInlineHeader": "i1cc5G_presetInlineHeader",
+			"sectionHint": "i1cc5G_sectionHint",
+			"modelFetch": "i1cc5G_modelFetch",
+			"addModel": "i1cc5G_addModel",
+			"modelArrow": "i1cc5G_modelArrow",
+			"editorClose": "i1cc5G_editorClose",
 			"sectionTitle": "i1cc5G_sectionTitle",
-			"channelAdd": "i1cc5G_channelAdd",
+			"badges": "i1cc5G_badges",
+			"disclosure": "i1cc5G_disclosure",
+			"modelCandidateList": "i1cc5G_modelCandidateList",
+			"modelCandidateLabel": "i1cc5G_modelCandidateLabel",
+			"inlineDisclosure": "i1cc5G_inlineDisclosure",
+			"versionLabel": "i1cc5G_versionLabel",
+			"channelEmpty": "i1cc5G_channelEmpty",
+			"channelMain": "i1cc5G_channelMain",
+			"deleteConfirmText": "i1cc5G_deleteConfirmText",
+			"versionRow": "i1cc5G_versionRow",
 			"name": "i1cc5G_name",
+			"editorHeader": "i1cc5G_editorHeader",
+			"editorFooter": "i1cc5G_editorFooter",
+			"channelDotReady": "i1cc5G_channelDotReady",
+			"editorBackdrop": "i1cc5G_editorBackdrop",
+			"footer": "i1cc5G_footer",
 			"notExposed": "i1cc5G_notExposed",
-			"modelCandidateList": "i1cc5G_modelCandidateList",
-			"channelBadge": "i1cc5G_channelBadge",
+			"head": "i1cc5G_head",
+			"versionValue": "i1cc5G_versionValue",
+			"body": "i1cc5G_body",
+			"inputInvalid": "i1cc5G_inputInvalid",
+			"modelRow": "i1cc5G_modelRow",
+			"sectionHeader": "i1cc5G_sectionHeader",
+			"modelRowBadges": "i1cc5G_modelRowBadges",
+			"channelDanger": "i1cc5G_channelDanger",
+			"field": "i1cc5G_field",
 			"description": "i1cc5G_description",
-			"channelMain": "i1cc5G_channelMain",
+			"modelCandidate": "i1cc5G_modelCandidate",
+			"channelSection": "i1cc5G_channelSection",
+			"channelControls": "i1cc5G_channelControls",
+			"channelMeta": "i1cc5G_channelMeta",
+			"card": "i1cc5G_card",
+			"editorField": "i1cc5G_editorField",
+			"presetInline": "i1cc5G_presetInline",
+			"modelFetchRow": "i1cc5G_modelFetchRow",
+			"header": "i1cc5G_header",
+			"pending": "i1cc5G_pending",
+			"editorTools": "i1cc5G_editorTools",
+			"readOnly": "i1cc5G_readOnly",
+			"modelRowInputs": "i1cc5G_modelRowInputs",
 			"chevronOpen": "i1cc5G_chevronOpen",
-			"disclosure": "i1cc5G_disclosure",
-			"channelDotReady": "i1cc5G_channelDotReady",
-			"headText": "i1cc5G_headText",
-			"modelRowRemove": "i1cc5G_modelRowRemove"
+			"label": "i1cc5G_label",
+			"manualModelRow": "i1cc5G_manualModelRow",
+			"channelHost": "i1cc5G_channelHost"
 		};
 		//#endregion
 		//#region src/client/SettingsCard.tsx
@@ -5257,29 +6998,17 @@ window.__ModuleLoader__.load({
 														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 															className: settings_card_module_css_default.channelName,
 															children: isDefault ? `★ ${channel.name || t("channels.untitled")}` : channel.name || t("channels.untitled")
-														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 															className: settings_card_module_css_default.channelMeta,
-															children: [
-																channel.apiUrl !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: settings_card_module_css_default.channelHost,
-																	children: hostOf(channel.apiUrl)
-																}) : null,
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: settings_card_module_css_default.channelBadge,
-																	"data-warn": keyHeld ? void 0 : "",
-																	children: keyHeld ? t("channels.keySet") : t("channels.keyMissing")
-																}),
-																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: settings_card_module_css_default.channelBadge,
-																	"data-warn": channel.models.length > 0 ? void 0 : "",
-																	children: channel.models.length > 0 ? t("channels.modelCount", { n: channel.models.length }) : t("channels.noModels")
-																}),
-																isDefault ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-																	className: settings_card_module_css_default.channelBadge,
-																	"data-default": true,
-																	children: t("channels.defaultLabel")
-																}) : null
-															]
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+																className: settings_card_module_css_default.channelBadge,
+																"data-warn": !keyHeld || channel.models.length === 0 ? "" : void 0,
+																children: [
+																	keyHeld ? t("channels.keySet") : t("channels.keyMissing"),
+																	" · ",
+																	channel.models.length > 0 ? t("channels.modelCount", { n: channel.models.length }) : t("channels.noModels")
+																]
+															})
 														})]
 													}),
 													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -5684,13 +7413,6 @@ window.__ModuleLoader__.load({
 				...patch
 			} : channel));
 		}
-		function hostOf(apiUrl) {
-			try {
-				return new URL(apiUrl).hostname;
-			} catch {
-				return apiUrl;
-			}
-		}
 		function clientId() {
 			return (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID() : void 0) ?? `ch-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
 		}
@@ -5731,24 +7453,13 @@ window.__ModuleLoader__.load({
 							onClick: () => {
 								props.onPick(preset);
 							},
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: settings_card_module_css_default.presetName,
-									children: preset.name
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: settings_card_module_css_default.presetMeta,
-									children: [
-										preset.apiUrl,
-										" · ",
-										t("channels.presetModelsHint", { n: preset.models.length })
-									]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: settings_card_module_css_default.presetHint,
-									children: preset.hint
-								})
-							]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: settings_card_module_css_default.presetName,
+								children: preset.name
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: settings_card_module_css_default.presetMeta,
+								children: preset.models.map((model) => model.alias).join(" · ")
+							})]
 						}, preset.id)),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 							type: "button",
@@ -5842,19 +7553,6 @@ window.__ModuleLoader__.load({
 				props.onSetModels(merged);
 				setCopyFrom("");
 			};
-			const onlyKnown = () => {
-				const known = (candidates ?? []).filter((id) => describeModel(id).known);
-				const merged = [...channel.models];
-				for (const id of known) {
-					const alias = id;
-					if (!merged.some((model) => model.alias === alias)) merged.push({
-						alias,
-						id
-					});
-				}
-				props.onSetModels(merged);
-			};
-			const knownCount = (candidates ?? []).filter((id) => describeModel(id).known).length;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: settings_card_module_css_default.editorBackdrop,
 				role: "dialog",
@@ -6104,15 +7802,9 @@ window.__ModuleLoader__.load({
 						}),
 						candidates !== null && candidates.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: settings_card_module_css_default.modelCandidateList,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: settings_card_module_css_default.modelCandidateLabel,
-								children: [t("channels.candidatesTitle"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: settings_card_module_css_default.inlineDisclosure,
-									disabled: !props.writable || knownCount === 0,
-									onClick: onlyKnown,
-									children: t("channels.candidatesQuick")
-								})]
+								children: t("channels.candidatesTitle")
 							}), candidates.map((candidate) => {
 								const selected = channel.models.some((model) => model.alias === candidate);
 								const entry = describeModel(candidate);
@@ -6311,16 +8003,16 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var image_toolview_module_css_default = {
-			"header": "_3eGrYG_header",
-			"message": "_3eGrYG_message",
-			"status": "_3eGrYG_status",
 			"loading": "_3eGrYG_loading",
-			"image": "_3eGrYG_image",
+			"icon": "_3eGrYG_icon",
 			"imageLink": "_3eGrYG_imageLink",
 			"images": "_3eGrYG_images",
-			"icon": "_3eGrYG_icon",
+			"status": "_3eGrYG_status",
+			"header": "_3eGrYG_header",
+			"root": "_3eGrYG_root",
+			"image": "_3eGrYG_image",
 			"error": "_3eGrYG_error",
-			"root": "_3eGrYG_root"
+			"message": "_3eGrYG_message"
 		};
 		//#endregion
 		//#region src/client/image-toolview.tsx
@@ -6422,6 +8114,13 @@ window.__ModuleLoader__.load({
 				const refs = (0, react.useMemo)(() => imageRefsOf(props.block), [props.block]);
 				const { status, message } = resultInfo(props.block);
 				const { images, error } = useAttachmentImages(props.sessionId, refs, load);
+				(0, react.useEffect)(() => {
+					if (images.length === 0) return;
+					document.dispatchEvent(new CustomEvent(CHAT_IMAGE_EVENT, { detail: {
+						sessionId: props.sessionId,
+						refs: images.map((image) => image.ref)
+					} }));
+				}, [images, props.sessionId]);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 					className: image_toolview_module_css_default.root,
 					"data-state": status,
@@ -6492,7 +8191,8 @@ window.__ModuleLoader__.load({
 			"slots",
 			"locale",
 			"connection",
-			"sessions"
+			"sessions",
+			"conversation"
 		];
 		/**
 		* Mount the studio, its sidebar entry, and the settings card.
@@ -6527,10 +8227,15 @@ window.__ModuleLoader__.load({
 				if (uiDisposer !== void 0) return;
 				const controller = new ImageGenController();
 				const api = new ImageGenApi();
+				const sessions = ctx.get("sessions");
+				const conversation = ctx.get("conversation");
 				const disposers = [];
 				try {
-					disposers.push(mountSidebarEntry(controller, tt("entry.label"), tt("entry.tooltip")));
-					disposers.push(mountPanel(controller, api, scope));
+					disposers.push(mountSidebarEntry(controller, tt("entry.newSession"), tt("entry.newSessionTooltip"), tt("entry.image"), tt("entry.tooltip")));
+					disposers.push(mountPanel(controller, api, scope, {
+						sessions,
+						conversation
+					}));
 				} catch (error) {
 					console.warn("[dsh-imagegen] mount failed:", error);
 				}