@deepseek-ai/dsh-client-ui-conversation 0.1.2-alpha.2 → 0.1.2-alpha.3

package/lib/client.js

@@ -568,12 +568,15 @@ window.__ModuleLoader__.load({
 			contexts = /* @__PURE__ */ new Map();
 			contextsByKind = /* @__PURE__ */ new Map();
 			contextsBySeq = /* @__PURE__ */ new Map();
+			contextsByTarget = /* @__PURE__ */ new Map();
 			inputs = /* @__PURE__ */ new Map();
 			locationIndex = new ConversationLocationIndex();
 			dirty = /* @__PURE__ */ new Set();
+			dirtyByTarget = /* @__PURE__ */ new Map();
 			revised = /* @__PURE__ */ new Set();
 			dependents = /* @__PURE__ */ new Map();
 			views = /* @__PURE__ */ new Map();
+			activeTargets = /* @__PURE__ */ new Set();
 			hasMore = false;
 			replacePending = true;
 			timelineDirty = true;
@@ -596,8 +599,10 @@ window.__ModuleLoader__.load({
 				this.contexts.clear();
 				this.contextsByKind.clear();
 				this.contextsBySeq.clear();
+				this.contextsByTarget.clear();
 				this.inputs.clear();
 				this.dirty.clear();
+				this.dirtyByTarget.clear();
 				this.revised.clear();
 				this.dependents.clear();
 				this.hasMore = hasMore;
@@ -608,7 +613,7 @@ window.__ModuleLoader__.load({
 				for (const entry of sorted) this.matchInput(entry);
 				this.replayDependencies();
 				this.revised.clear();
-				for (const context of this.contexts.values()) this.dirty.add(context);
+				for (const context of this.contexts.values()) this.markDirty(context);
 				this.replacePending = true;
 				return "immediate";
 			}
@@ -673,60 +678,71 @@ window.__ModuleLoader__.load({
 				return this.replaceWindow(this.sortedInputs(), this.hasMore);
 			}
 			/**
-			* Materialize dirty Contexts and advance every registered view builder.
+			* Materialize dirty Contexts and advance every active view builder.
 			* @returns whether any view snapshot was rebuilt or incrementally applied.
 			*/
 			flush() {
 				if (!this.replacePending && this.dirty.size === 0 && !this.timelineDirty) return false;
 				if (this.replacePending) {
 					this.replaceLocationData();
-					const allByTarget = /* @__PURE__ */ new Map();
-					for (const target of this.views.keys()) allByTarget.set(target, []);
-					for (const context of this.contexts.values()) {
-						const target = context.definition.target;
-						if (target === void 0 || !this.views.has(target)) continue;
-						const node = this.buildNode(context, target);
-						context.current.set(target, node);
-						if (node !== null) allByTarget.get(target)?.push(node);
-					}
-					for (const view of this.views.values()) view.snapshot = view.builder.replace({
-						nodes: allByTarget.get(view.target) ?? [],
-						timeline: this.locationIndex.snapshot()
-					});
+					let published = false;
+					for (const target of this.activeTargets) {
+						const view = this.views.get(target);
+						if (view === void 0) continue;
+						const builder = view.builder ?? view.definition.create();
+						view.builder = builder;
+						view.snapshot = builder.replace({
+							nodes: this.buildTargetNodes(target, this.contextsByTarget.get(target)),
+							timeline: this.locationIndex.snapshot()
+						});
+						published = true;
+					}
 					this.replacePending = false;
 					this.dirty.clear();
+					this.dirtyByTarget.clear();
 					this.timelineDirty = false;
-					return true;
+					return published;
 				}
-				const upsertsByTarget = /* @__PURE__ */ new Map();
-				for (const target of this.views.keys()) upsertsByTarget.set(target, []);
+				let published = false;
 				if (this.applyDirtyLocationData()) this.timelineDirty = true;
-				for (const context of this.dirty) {
-					const target = context.definition.target;
-					if (target === void 0 || !this.views.has(target)) continue;
-					const previous = context.current.get(target) ?? null;
-					const node = this.buildNode(context, target);
-					if (node === null && previous !== null) throw new Error(`conversation Definition "${context.kind}" withdrew materialized target "${target}"; return the same key with hidden visibility instead`);
-					context.current.set(target, node);
-					if (node !== null) upsertsByTarget.get(target)?.push(node);
-				}
-				this.dirty.clear();
 				const timelineDirty = this.timelineDirty;
-				this.timelineDirty = false;
-				for (const view of this.views.values()) {
-					const upserts = upsertsByTarget.get(view.target) ?? [];
+				for (const target of this.activeTargets) {
+					const view = this.views.get(target);
+					if (view === void 0) continue;
+					const builder = view.builder;
+					if (builder === void 0) continue;
+					const upserts = this.buildTargetUpserts(target, this.dirtyByTarget.get(target));
 					if (upserts.length === 0 && !timelineDirty) continue;
-					view.snapshot = view.builder.apply({
+					view.snapshot = builder.apply({
 						upserts,
 						timeline: this.locationIndex.snapshot()
 					});
+					published = true;
 				}
+				this.dirty.clear();
+				this.dirtyByTarget.clear();
+				this.timelineDirty = false;
+				return published;
+			}
+			/**
+			* Add one target to the monotonic active set and materialize its current snapshot.
+			* Pending Context work is flushed before the first complete replacement.
+			* @param target - registered or subsequently registered view target.
+			* @returns whether any active target snapshot changed.
+			*/
+			activateTarget(target) {
+				const view = this.views.get(target);
+				if (this.activeTargets.has(target)) return false;
+				const published = this.flush();
+				this.activeTargets.add(target);
+				if (view === void 0) return published;
+				this.replaceView(view);
 				return true;
 			}
 			/**
 			* Read the latest snapshot of a registered target.
 			* @param target - registered view target.
-			* @returns target snapshot, or undefined when no builder is registered.
+			* @returns target snapshot, or undefined before registration or activation.
 			*/
 			snapshot(target) {
 				return this.views.get(target)?.snapshot;
@@ -736,11 +752,15 @@ window.__ModuleLoader__.load({
 			}
 			/**
 			* Read targets whose owners classify their latest snapshot as visible activity.
-			* @returns active target ids.
+			* @returns target ids contributing visible activity.
 			*/
-			activeTargets() {
+			activityTargets() {
 				const active = /* @__PURE__ */ new Set();
-				for (const view of this.views.values()) if (view.isActive?.(view.snapshot) === true) active.add(view.target);
+				for (const target of this.activeTargets) {
+					const view = this.views.get(target);
+					if (view === void 0) continue;
+					if (view.isActive?.(view.snapshot) === true) active.add(view.target);
+				}
 				return active;
 			}
 			sortedInputs() {
@@ -781,27 +801,30 @@ window.__ModuleLoader__.load({
 				}
 				return publication;
 			}
+			createContext(definition, id, key) {
+				const context = {
+					key,
+					kind: definition.kind,
+					id,
+					definition,
+					startSeq: void 0,
+					start: void 0,
+					matches: [],
+					state: void 0,
+					revision: 0,
+					current: /* @__PURE__ */ new Map(),
+					locationData: emptyLocationData(),
+					dependencies: /* @__PURE__ */ new Map()
+				};
+				this.contexts.set(key, context);
+				this.indexTargetContext(context);
+				return context;
+			}
 			acceptMatch(definition, id, role, input) {
 				const key = conversationContextKey(definition.kind, id);
 				let context = this.contexts.get(key);
 				if (role === "start" && context?.start !== void 0) throw new Error(`conversation Context ${key} received more than one start Match`);
-				if (context === void 0) {
-					context = {
-						key,
-						kind: definition.kind,
-						id,
-						definition,
-						startSeq: void 0,
-						start: void 0,
-						matches: [],
-						state: void 0,
-						revision: 0,
-						current: /* @__PURE__ */ new Map(),
-						locationData: emptyLocationData(),
-						dependencies: /* @__PURE__ */ new Map()
-					};
-					this.contexts.set(key, context);
-				}
+				context ??= this.createContext(definition, id, key);
 				const match = conversationMatch(key, input, role, this.locationIndex.locationOf(input.event));
 				const previous = context.matches.at(-1);
 				if (previous !== void 0 && previous.event.seq >= input.event.seq) throw new Error(`conversation Context ${key} received non-appended Match ${input.event.seq}`);
@@ -822,7 +845,7 @@ window.__ModuleLoader__.load({
 					context.revision++;
 					this.revised.add(context);
 				}
-				this.dirty.add(context);
+				this.markDirty(context);
 				return definition.publication?.(match) ?? "immediate";
 			}
 			applyPendingMatches(pending, affected) {
@@ -831,23 +854,7 @@ window.__ModuleLoader__.load({
 					const first = entries[0];
 					if (first === void 0) continue;
 					let context = this.contexts.get(key);
-					if (context === void 0) {
-						context = {
-							key,
-							kind: first.definition.kind,
-							id: first.id,
-							definition: first.definition,
-							startSeq: void 0,
-							start: void 0,
-							matches: [],
-							state: void 0,
-							revision: 0,
-							current: /* @__PURE__ */ new Map(),
-							locationData: emptyLocationData(),
-							dependencies: /* @__PURE__ */ new Map()
-						};
-						this.contexts.set(key, context);
-					}
+					context ??= this.createContext(first.definition, first.id, key);
 					let discoveredStart;
 					const additions = entries.map((entry) => {
 						if (entry.definition !== context.definition || entry.id !== context.id) throw new Error(`conversation Context ${key} received inconsistent Definition identity`);
@@ -870,7 +877,7 @@ window.__ModuleLoader__.load({
 					}
 					if (context.start !== void 0 && context.matches[0] !== context.start) throw new Error(`conversation Context ${context.key} received an update before its start Match`);
 					affected.add(context);
-					this.dirty.add(context);
+					this.markDirty(context);
 				}
 				for (const [kind, contexts] of startsByKind) this.indexStartedContexts(kind, contexts);
 			}
@@ -879,7 +886,7 @@ window.__ModuleLoader__.load({
 				for (const context of ordered) {
 					if (context.start === void 0) {
 						context.state = void 0;
-						this.dirty.add(context);
+						this.markDirty(context);
 						continue;
 					}
 					this.replayContext(context);
@@ -905,7 +912,22 @@ window.__ModuleLoader__.load({
 				}
 				context.revision++;
 				this.revised.add(context);
+				this.markDirty(context);
+			}
+			indexTargetContext(context) {
+				const target = context.definition.target;
+				if (target === void 0) return;
+				const contexts = this.contextsByTarget.get(target) ?? /* @__PURE__ */ new Set();
+				contexts.add(context);
+				this.contextsByTarget.set(target, contexts);
+			}
+			markDirty(context) {
 				this.dirty.add(context);
+				const target = context.definition.target;
+				if (target === void 0 || !this.activeTargets.has(target)) return;
+				const contexts = this.dirtyByTarget.get(target) ?? /* @__PURE__ */ new Set();
+				contexts.add(context);
+				this.dirtyByTarget.set(target, contexts);
 			}
 			replaceDependencies(context, dependencies) {
 				for (const dependency of context.dependencies.values()) {
@@ -1053,6 +1075,34 @@ window.__ModuleLoader__.load({
 				if (node.target !== target) throw new Error(`conversation Definition "${context.kind}" returned target "${node.target}" while building "${target}"`);
 				return node;
 			}
+			replaceView(view) {
+				const builder = view.builder ?? view.definition.create();
+				view.builder = builder;
+				view.snapshot = builder.replace({
+					nodes: this.buildTargetNodes(view.target, this.contextsByTarget.get(view.target)),
+					timeline: this.locationIndex.snapshot()
+				});
+			}
+			buildTargetNodes(target, contexts) {
+				const nodes = [];
+				for (const context of contexts ?? []) {
+					const node = this.buildNode(context, target);
+					context.current.set(target, node);
+					if (node !== null) nodes.push(node);
+				}
+				return nodes;
+			}
+			buildTargetUpserts(target, contexts) {
+				const upserts = [];
+				for (const context of contexts ?? []) {
+					const previous = context.current.get(target) ?? null;
+					const node = this.buildNode(context, target);
+					if (node === null && previous !== null) throw new Error(`conversation Definition "${context.kind}" withdrew materialized target "${target}"; return the same key with hidden visibility instead`);
+					context.current.set(target, node);
+					if (node !== null) upserts.push(node);
+				}
+				return upserts;
+			}
 			buildLocationData(context, scope) {
 				if (context.definition.buildLocationData === void 0) return null;
 				const data = context.definition.buildLocationData(contextSnapshot(context), scope);
@@ -1098,13 +1148,14 @@ window.__ModuleLoader__.load({
 			resetViewBuilders() {
 				this.views.clear();
 				for (const definition of this.viewDefinitions.entries()) {
-					const builder = definition.create();
-					this.views.set(definition.target, {
+					const view = {
 						target: definition.target,
-						builder,
+						definition,
 						isActive: definition.isActive === void 0 ? void 0 : (snapshot) => definition.isActive?.(snapshot) === true,
-						snapshot: builder.empty
-					});
+						builder: void 0,
+						snapshot: void 0
+					};
+					this.views.set(definition.target, view);
 				}
 				this.replacePending = true;
 			}
@@ -1438,13 +1489,18 @@ window.__ModuleLoader__.load({
 					source = {
 						getSnapshot: () => views.get(target),
 						subscribe: (listener) => {
-							return this.snapshot.subscribe(listener);
+							const unsubscribe = this.snapshot.subscribe(listener);
+							this.activate(target);
+							return unsubscribe;
 						}
 					};
 					this.targetSources.set(target, source);
 				}
 				return source;
 			}
+			activate(target) {
+				if (this.assembler.activateTarget(target)) this.snapshot.set(this.currentSnapshot());
+			}
 			rebuild() {
 				this.publish(this.assembler.rebuildRegistry());
 			}
@@ -1496,7 +1552,7 @@ window.__ModuleLoader__.load({
 			currentSnapshot() {
 				return {
 					views: this.viewStore,
-					activeTargets: this.assembler.activeTargets()
+					activeTargets: this.assembler.activityTargets()
 				};
 			}
 		};
@@ -1622,6 +1678,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/stores.js
 		/** Per-session Conversation store shared by the shell body and header. */
+		const CONVERSATION_STORE_KEY = "dsh.conversation";
 		/**
 		* Declare per-session draft persistence and View selection.
 		* @returns the store handle.
@@ -1633,7 +1690,7 @@ window.__ModuleLoader__.load({
 					view: null,
 					viewRequest: null
 				}),
-				persist: "dsh.conversation",
+				persist: CONVERSATION_STORE_KEY,
 				actions: {
 					setDraft: (d, text) => {
 						d.draft = text;
@@ -1654,6 +1711,23 @@ window.__ModuleLoader__.load({
 				}
 			});
 		}
+		/**
+		* Read the persisted View preference before the Slot store is materialized.
+		* @param sessionId - Session-scoped persistence suffix.
+		* @returns the preferred View id, or null when storage has no usable value.
+		*/
+		function readConversationViewPreference(sessionId) {
+			if (typeof localStorage === "undefined") return null;
+			try {
+				const raw = localStorage.getItem(`${CONVERSATION_STORE_KEY}.${sessionId}`);
+				if (raw === null) return null;
+				const stored = JSON.parse(raw);
+				if (typeof stored !== "object" || stored === null || !("view" in stored)) return null;
+				return typeof stored.view === "string" ? stored.view : null;
+			} catch {
+				return null;
+			}
+		}
 		//#endregion
 		//#region lib/types/client/service.js
 		/**
@@ -1801,6 +1875,7 @@ window.__ModuleLoader__.load({
 					finishRetirement = resolve;
 				});
 				const submission = session.beginSubmission({
+					mode,
 					text,
 					images: attachments.map((attachment) => ({
 						previewUrl: attachment.previewUrl,
@@ -13177,7 +13252,6 @@ window.__ModuleLoader__.load({
 			"image.tooManyPixels": "图片分辨率过大，请压缩后重试",
 			"image.dimensionTooLarge": "图片宽高不能超过 {size}px，请缩小后重试",
 			"image.modelUnsupported": "当前模型不支持图片，请切换支持图片的模型",
-			"image.subagentUnsupported": "子智能体会话暂不支持图片",
 			"image.sendFailed": "图片发送失败（{reason}），请重新添加图片后再试",
 			"context.aria": "上下文已用 {percent}",
 			"context.used": "上下文已用",
@@ -13189,7 +13263,7 @@ window.__ModuleLoader__.load({
 			"settings.enter.queue": "排队发送",
 			"settings.enter.steer": "插话发送",
 			"access.preset.readOnly": "仅可查看",
-			"access.preset.workspaceWrite": "可写入工作区",
+			"access.preset.workspaceWrite": "工作区内修改",
 			"access.preset.fullAccess": "完全权限",
 			"access.confirm.title": "确认启用完全权限？",
 			"access.confirm.description": "启用完全权限后，智能体将减少确认步骤，并且可以直接执行更多操作，包括敏感操作、文件修改或外部命令。仅建议在你信任当前任务时使用。",
@@ -13263,6 +13337,7 @@ window.__ModuleLoader__.load({
 			"web.contentTruncated": "内容已截断",
 			"details.running": "运行中…",
 			"queue.count": "{n} 条排队消息",
+			"queue.image": "排队消息图片",
 			"queue.edit": "编辑排队消息",
 			"queue.edit.unsupported": "包含非文本内容，暂不支持编辑",
 			"queue.save": "保存排队消息",
@@ -13323,7 +13398,6 @@ window.__ModuleLoader__.load({
 			"image.tooManyPixels": "Image resolution is too high; compress it and try again",
 			"image.dimensionTooLarge": "Image sides must be at most {size}px; downscale it and try again",
 			"image.modelUnsupported": "The current model does not support images; switch to a model that does",
-			"image.subagentUnsupported": "Subagent sessions do not support images yet",
 			"image.sendFailed": "Sending images failed ({reason}); re-add them and try again",
 			"context.aria": "{percent} of context used",
 			"context.used": "of context used",
@@ -13409,6 +13483,7 @@ window.__ModuleLoader__.load({
 			"web.contentTruncated": "Content truncated",
 			"details.running": "Running…",
 			"queue.count": "{n} queued messages",
+			"queue.image": "Queued message image",
 			"queue.edit": "Edit queued message",
 			"queue.edit.unsupported": "Contains non-text content; editing is not supported yet",
 			"queue.save": "Save queued message",
@@ -13433,7 +13508,7 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-conversation/src/client/queue/QueueDock.module.css.mjs
-		const css$7 = "._7yHdaG_dock{box-sizing:border-box;width:calc(100% - var(--dsh-composer-side-clearance) - var(--dsh-composer-side-clearance) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));max-width:calc(var(--dsh-composer-card-max-width) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));margin:0 auto calc(0px - var(--dsh-composer-stack-gap) - 3px);padding:0 var(--dsh-composer-dock-inset);flex:none}._7yHdaG_panel{background:var(--dsw-specific-tip);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px 12px 0 0;width:100%;padding:2px 0;position:relative;overflow:hidden}._7yHdaG_panel:after{border:1px solid var(--dsw-alias-border-l1);border-radius:inherit;content:\"\";pointer-events:none;border-bottom:none;position:absolute;inset:0}._7yHdaG_header{box-sizing:border-box;width:100%;height:36px;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:4px 12px;display:flex}._7yHdaG_header:focus-visible{outline:2px solid var(--dsw-alias-label-tertiary);outline-offset:-2px}._7yHdaG_header:disabled{cursor:default}._7yHdaG_lead{color:var(--dsw-alias-label-tertiary);flex:none;place-items:center;display:grid}._7yHdaG_count{min-width:0;font-family:Inter, var(--dsw-font-family);flex:auto;font-size:13px;font-weight:500;line-height:24px}._7yHdaG_chevron{width:14px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;place-items:center;display:grid}._7yHdaG_list{max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}._7yHdaG_row{box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;width:100%;height:36px;padding:4px 5px 4px 12px;display:flex}._7yHdaG_row+._7yHdaG_row{box-shadow:inset 0 1px 0 var(--dsw-alias-border-l1)}._7yHdaG_preview,._7yHdaG_editor{min-width:0;font:var(--dsw-font-xs-13);font-family:Inter, var(--dsw-font-family);flex:auto}._7yHdaG_preview{color:var(--dsw-alias-label-primary-dimmed);text-overflow:ellipsis;white-space:nowrap;word-break:break-word;overflow:hidden}._7yHdaG_editor{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);height:28px;color:var(--dsw-alias-label-primary);border-radius:6px;outline:none;padding:0 8px}._7yHdaG_editor:focus{border-color:var(--dsw-alias-state-business-primary)}._7yHdaG_actions{flex:none;align-items:center;gap:10px;display:flex}._7yHdaG_action{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}._7yHdaG_action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}._7yHdaG_action:focus-visible{outline:2px solid var(--dsw-alias-label-tertiary);outline-offset:-2px}._7yHdaG_action:disabled{cursor:default;opacity:.45}";
+		const css$7 = "._7yHdaG_dock{box-sizing:border-box;width:calc(100% - var(--dsh-composer-side-clearance) - var(--dsh-composer-side-clearance) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));max-width:calc(var(--dsh-composer-card-max-width) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));margin:0 auto calc(0px - var(--dsh-composer-stack-gap) - 3px);padding:0 var(--dsh-composer-dock-inset);flex:none}._7yHdaG_panel{background:var(--dsw-specific-tip);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px 12px 0 0;width:100%;padding:2px 0;position:relative;overflow:hidden}._7yHdaG_panel:after{border:1px solid var(--dsw-alias-border-l1);border-radius:inherit;content:\"\";pointer-events:none;border-bottom:none;position:absolute;inset:0}._7yHdaG_header{box-sizing:border-box;width:100%;height:36px;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:4px 12px;display:flex}._7yHdaG_header:focus-visible{outline:2px solid var(--dsw-alias-label-tertiary);outline-offset:-2px}._7yHdaG_header:disabled{cursor:default}._7yHdaG_lead{color:var(--dsw-alias-label-tertiary);flex:none;place-items:center;display:grid}._7yHdaG_count{min-width:0;font-family:Inter, var(--dsw-font-family);flex:auto;font-size:13px;font-weight:500;line-height:24px}._7yHdaG_chevron{width:14px;height:14px;color:var(--dsw-alias-label-tertiary);flex:none;place-items:center;display:grid}._7yHdaG_list{max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}._7yHdaG_row{box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;width:100%;height:36px;padding:4px 5px 4px 12px;display:flex}._7yHdaG_row+._7yHdaG_row{box-shadow:inset 0 1px 0 var(--dsw-alias-border-l1)}._7yHdaG_thumbs{flex:none;gap:4px;display:flex}._7yHdaG_thumb{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);object-fit:cover;border-radius:4px;width:24px;height:24px}._7yHdaG_preview,._7yHdaG_editor{min-width:0;font:var(--dsw-font-xs-13);font-family:Inter, var(--dsw-font-family);flex:auto}._7yHdaG_preview{color:var(--dsw-alias-label-primary-dimmed);text-overflow:ellipsis;white-space:nowrap;word-break:break-word;overflow:hidden}._7yHdaG_editor{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-base);height:28px;color:var(--dsw-alias-label-primary);border-radius:6px;outline:none;padding:0 8px}._7yHdaG_editor:focus{border-color:var(--dsw-alias-state-business-primary)}._7yHdaG_actions{flex:none;align-items:center;gap:10px;display:flex}._7yHdaG_action{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}._7yHdaG_action:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}._7yHdaG_action:focus-visible{outline:2px solid var(--dsw-alias-label-tertiary);outline-offset:-2px}._7yHdaG_action:disabled{cursor:default;opacity:.45}";
 		const tagId$7 = "@deepseek-ai/dsh-client-ui-conversation/QueueDock.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$7) + "]") === null) {
 			const tag = document.createElement("style");
@@ -13454,17 +13529,60 @@ window.__ModuleLoader__.load({
 			"list": "_7yHdaG_list",
 			"panel": "_7yHdaG_panel",
 			"preview": "_7yHdaG_preview",
-			"row": "_7yHdaG_row"
+			"row": "_7yHdaG_row",
+			"thumb": "_7yHdaG_thumb",
+			"thumbs": "_7yHdaG_thumbs"
 		};
 		//#endregion
 		//#region lib/types/client/queue/QueueDock.js
 		/**
+		* Durable references carried by one queued row. Queue frames are wire data
+		* despite their typed face, so an image block without a reference is skipped
+		* rather than trusted.
+		* @param content - the row's wire content blocks.
+		* @returns the row's durable image references in block order.
+		*/
+		function queueImageRefs(content) {
+			return content.flatMap((block) => {
+				if (block.type !== "image") return [];
+				const { attachment } = block;
+				return attachment === void 0 ? [] : [attachment];
+			});
+		}
+		/** One durable queued image as a fixed-size thumbnail; a load failure keeps the empty placeholder. */
+		function QueueThumb({ attachment, loadImage, label }) {
+			const [url, setUrl] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				loadImage(attachment).then((resolved) => {
+					if (alive) setUrl(resolved);
+				}, () => {});
+				return () => {
+					alive = false;
+				};
+			}, [attachment, loadImage]);
+			return url === null ? (0, react_jsx_runtime.jsx)("span", {
+				className: QueueDock_module_css_default.thumb,
+				"aria-hidden": true
+			}) : (0, react_jsx_runtime.jsx)("img", {
+				className: QueueDock_module_css_default.thumb,
+				src: url,
+				alt: label
+			});
+		}
+		/**
 		* Queue strip: one item renders directly; multiple items default to a
 		* collapsible count header; an empty queue renders nothing.
 		*/
-		function QueueDock({ useSession, updateQueue, notify, t }) {
+		function QueueDock({ useSession, updateQueue, notify, loadImage, t }) {
 			const inbox = useSession((s) => s.queue);
 			const queue = (0, react.useMemo)(() => inbox.filter((row) => row.placement === "queued"), [inbox]);
+			const pendingSubmissions = useSession((s) => s.pendingSubmissions);
+			const pendingQueue = (0, react.useMemo)(() => {
+				const admitted = new Set(queue.flatMap((row) => row.rpcId === void 0 ? [] : [row.rpcId]));
+				return pendingSubmissions.filter((submission) => submission.placement === "queued" && !admitted.has(submission.requestId));
+			}, [pendingSubmissions, queue]);
+			const rowCount = queue.length + pendingQueue.length;
 			const running = useSession((s) => s.running);
 			const queueMutable = useSession((s) => s.subagent === null);
 			const [editing, setEditing] = (0, react.useState)(null);
@@ -13472,18 +13590,19 @@ window.__ModuleLoader__.load({
 			const [collapsed, setCollapsed] = (0, react.useState)(true);
 			const listId = (0, react.useId)();
 			(0, react.useEffect)(() => {
-				if (queue.length === 0 && !collapsed) setCollapsed(true);
+				if (rowCount === 0 && !collapsed) setCollapsed(true);
 				if (editing !== null && (!queueMutable || !queue.some((row) => row.id === editing.id))) setEditing(null);
 			}, [
 				collapsed,
 				editing,
 				queue,
-				queueMutable
+				queueMutable,
+				rowCount
 			]);
-			if (queue.length === 0) return null;
+			if (rowCount === 0) return null;
 			const interactionActive = queueMutable && (editing !== null || busy !== null);
 			const expanded = !collapsed || interactionActive;
-			const listVisible = queue.length === 1 || expanded;
+			const listVisible = rowCount === 1 || expanded;
 			const applyAction = async (itemId, action, failure) => {
 				setBusy(itemId);
 				try {
@@ -13511,7 +13630,7 @@ window.__ModuleLoader__.load({
 				"data-queue-dock": "",
 				children: (0, react_jsx_runtime.jsxs)("div", {
 					className: QueueDock_module_css_default.panel,
-					children: [queue.length > 1 && (0, react_jsx_runtime.jsxs)("button", {
+					children: [rowCount > 1 && (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
 						className: QueueDock_module_css_default.header,
 						"aria-controls": listId,
@@ -13528,7 +13647,7 @@ window.__ModuleLoader__.load({
 							}),
 							(0, react_jsx_runtime.jsx)("span", {
 								className: QueueDock_module_css_default.count,
-								children: t("queue.count", { n: queue.length })
+								children: t("queue.count", { n: rowCount })
 							}),
 							(0, react_jsx_runtime.jsx)("span", {
 								className: QueueDock_module_css_default.chevron,
@@ -13536,130 +13655,162 @@ window.__ModuleLoader__.load({
 								children: expanded ? (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {}) : (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, {})
 							})
 						]
-					}), (0, react_jsx_runtime.jsx)("ul", {
+					}), (0, react_jsx_runtime.jsxs)("ul", {
 						id: listId,
 						className: QueueDock_module_css_default.list,
 						hidden: !listVisible,
-						children: listVisible && queue.map((row) => (0, react_jsx_runtime.jsxs)("li", {
-							className: QueueDock_module_css_default.row,
-							children: [
-								queue.length === 1 && (0, react_jsx_runtime.jsx)("span", {
-									className: QueueDock_module_css_default.lead,
-									"aria-hidden": true,
-									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQueueOutline14, {})
-								}),
-								editing?.id === row.id ? (0, react_jsx_runtime.jsx)("input", {
-									autoFocus: true,
-									className: QueueDock_module_css_default.editor,
-									"aria-label": t("queue.edit"),
-									value: editing.text,
-									onChange: (event) => {
-										setEditing({
-											id: row.id,
-											text: event.currentTarget.value
-										});
-									},
-									onKeyDown: (event) => {
-										if (event.key === "Escape") {
-											setEditing(null);
-											return;
-										}
-										if (event.key === "Enter" && !event.nativeEvent.isComposing) {
-											event.preventDefault();
-											saveEdit();
-										}
-									}
-								}) : (0, react_jsx_runtime.jsx)("span", {
-									className: QueueDock_module_css_default.preview,
-									children: (0, _deepseek_ai_dsh_client_ui_primitives.projectUserText)(row.preview, [])
-								}),
-								queueMutable && (0, react_jsx_runtime.jsx)("div", {
-									className: QueueDock_module_css_default.actions,
-									children: editing?.id === row.id ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-										label: t("queue.save"),
-										side: "bottom",
-										delayMs: 500,
-										children: (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: QueueDock_module_css_default.action,
-											"aria-label": t("queue.save"),
-											disabled: busy !== null || editing.text.trim() === "",
-											onClick: () => {
-												saveEdit();
-											},
-											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, { size: 14 })
-										})
-									}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-										label: t("queue.cancelEdit"),
-										side: "bottom",
-										delayMs: 500,
-										children: (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: QueueDock_module_css_default.action,
-											"aria-label": t("queue.cancelEdit"),
-											disabled: busy !== null,
-											onClick: () => {
+						children: [listVisible && queue.map((row) => {
+							const imageRefs = queueImageRefs(row.content);
+							return (0, react_jsx_runtime.jsxs)("li", {
+								className: QueueDock_module_css_default.row,
+								children: [
+									rowCount === 1 && (0, react_jsx_runtime.jsx)("span", {
+										className: QueueDock_module_css_default.lead,
+										"aria-hidden": true,
+										children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQueueOutline14, {})
+									}),
+									editing?.id === row.id ? (0, react_jsx_runtime.jsx)("input", {
+										autoFocus: true,
+										className: QueueDock_module_css_default.editor,
+										"aria-label": t("queue.edit"),
+										value: editing.text,
+										onChange: (event) => {
+											setEditing({
+												id: row.id,
+												text: event.currentTarget.value
+											});
+										},
+										onKeyDown: (event) => {
+											if (event.key === "Escape") {
 												setEditing(null);
-											},
-											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
-										})
-									})] }) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-										(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-											label: t("queue.edit"),
+												return;
+											}
+											if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+												event.preventDefault();
+												saveEdit();
+											}
+										}
+									}) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [imageRefs.length > 0 && (0, react_jsx_runtime.jsx)("span", {
+										className: QueueDock_module_css_default.thumbs,
+										children: imageRefs.map((attachment, index) => (0, react_jsx_runtime.jsx)(QueueThumb, {
+											attachment,
+											loadImage,
+											label: t("queue.image")
+										}, `${attachment.attachmentId}:${index}`))
+									}), (0, react_jsx_runtime.jsx)("span", {
+										className: QueueDock_module_css_default.preview,
+										children: (0, _deepseek_ai_dsh_client_ui_primitives.projectUserText)(row.preview, [])
+									})] }),
+									queueMutable && (0, react_jsx_runtime.jsx)("div", {
+										className: QueueDock_module_css_default.actions,
+										children: editing?.id === row.id ? (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+											label: t("queue.save"),
 											side: "bottom",
 											delayMs: 500,
-											disabled: row.text === null,
 											children: (0, react_jsx_runtime.jsx)("button", {
 												type: "button",
 												className: QueueDock_module_css_default.action,
-												"aria-label": t("queue.edit"),
-												title: row.text === null ? t("queue.edit.unsupported") : void 0,
-												disabled: busy !== null || row.text === null,
+												"aria-label": t("queue.save"),
+												disabled: busy !== null || editing.text.trim() === "",
 												onClick: () => {
-													if (row.text !== null) setEditing({
-														id: row.id,
-														text: row.text
-													});
+													saveEdit();
 												},
-												children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 14 })
+												children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutline16, { size: 14 })
 											})
-										}),
-										(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-											label: t("queue.remove"),
+										}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+											label: t("queue.cancelEdit"),
 											side: "bottom",
 											delayMs: 500,
 											children: (0, react_jsx_runtime.jsx)("button", {
 												type: "button",
 												className: QueueDock_module_css_default.action,
-												"aria-label": t("queue.remove"),
+												"aria-label": t("queue.cancelEdit"),
 												disabled: busy !== null,
 												onClick: () => {
-													applyAction(row.id, { kind: "remove" }, t("queue.removeFailed"));
+													setEditing(null);
 												},
-												children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, { size: 14 })
+												children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
 											})
-										}),
-										(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-											label: t("queue.steer"),
-											side: "bottom",
-											delayMs: 500,
-											disabled: !running,
-											children: (0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: QueueDock_module_css_default.action,
-												"aria-label": t("queue.steer"),
-												title: running ? void 0 : t("queue.steer.unavailable"),
-												disabled: busy !== null || !running,
-												onClick: () => {
-													applyAction(row.id, { kind: "steer" }, t("queue.steerFailed"));
-												},
-												children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSendOutline14, {})
+										})] }) : (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+											(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+												label: t("queue.edit"),
+												side: "bottom",
+												delayMs: 500,
+												disabled: row.text === null,
+												children: (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: QueueDock_module_css_default.action,
+													"aria-label": t("queue.edit"),
+													title: row.text === null ? t("queue.edit.unsupported") : void 0,
+													disabled: busy !== null || row.text === null,
+													onClick: () => {
+														if (row.text !== null) setEditing({
+															id: row.id,
+															text: row.text
+														});
+													},
+													children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, { size: 14 })
+												})
+											}),
+											(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+												label: t("queue.remove"),
+												side: "bottom",
+												delayMs: 500,
+												children: (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: QueueDock_module_css_default.action,
+													"aria-label": t("queue.remove"),
+													disabled: busy !== null,
+													onClick: () => {
+														applyAction(row.id, { kind: "remove" }, t("queue.removeFailed"));
+													},
+													children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, { size: 14 })
+												})
+											}),
+											(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+												label: t("queue.steer"),
+												side: "bottom",
+												delayMs: 500,
+												disabled: !running,
+												children: (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: QueueDock_module_css_default.action,
+													"aria-label": t("queue.steer"),
+													title: running ? void 0 : t("queue.steer.unavailable"),
+													disabled: busy !== null || !running,
+													onClick: () => {
+														applyAction(row.id, { kind: "steer" }, t("queue.steerFailed"));
+													},
+													children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSendOutline14, {})
+												})
 											})
-										})
-									] })
+										] })
+									})
+								]
+							}, row.id);
+						}), listVisible && pendingQueue.map((submission) => (0, react_jsx_runtime.jsxs)("li", {
+							className: QueueDock_module_css_default.row,
+							"data-submission-echo": "",
+							children: [
+								rowCount === 1 && (0, react_jsx_runtime.jsx)("span", {
+									className: QueueDock_module_css_default.lead,
+									"aria-hidden": true,
+									children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconQueueOutline14, {})
+								}),
+								submission.images.length > 0 && (0, react_jsx_runtime.jsx)("span", {
+									className: QueueDock_module_css_default.thumbs,
+									children: submission.images.map((image, index) => (0, react_jsx_runtime.jsx)("img", {
+										className: QueueDock_module_css_default.thumb,
+										src: image.previewUrl,
+										alt: t("queue.image")
+									}, `${image.previewUrl}:${index}`))
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									className: QueueDock_module_css_default.preview,
+									children: (0, _deepseek_ai_dsh_client_ui_primitives.projectUserText)(submission.text, [])
 								})
 							]
-						}, row.id))
+						}, submission.requestId))]
 					})]
 				})
 			});
@@ -13670,7 +13821,8 @@ window.__ModuleLoader__.load({
 			inject: [
 				"slots",
 				"conversation",
-				"sessions"
+				"sessions",
+				"uiConversation"
 			],
 			apply(ctx) {
 				ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
@@ -13687,7 +13839,8 @@ window.__ModuleLoader__.load({
 							updateQueue: (itemId, action) => conversation.updateQueue(itemId, action),
 							notify: (level, text) => {
 								conversation.input.for(actx).notify(level, text);
-							}
+							},
+							loadImage: (attachment) => ctx.uiConversation.imageUrl(sessionId, attachment)
 						};
 					}
 				}, QueueDock));
@@ -14278,13 +14431,20 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region lib/types/client/skeleton/ConversationSession.js
-		/** Strict per-session header/body content inserted into the resident conversation layout. */
+		//#region lib/types/client/view-selection.js
 		const DEFAULT_VIEW_ID = "chat";
-		/** Resolve a persisted selection, then registered Chat, without choosing another View. */
+		/**
+		* Resolve a preferred registered View, then Chat, without choosing another View.
+		* @param tabs - currently registered Views.
+		* @param selectedId - preferred View identity, when one is stored.
+		* @returns the selected View, Chat fallback, or undefined when neither is registered.
+		*/
 		function resolveActiveView(tabs, selectedId) {
 			return (selectedId === null ? void 0 : tabs.find((view) => view.id === selectedId)) ?? tabs.find((view) => view.id === DEFAULT_VIEW_ID);
 		}
+		//#endregion
+		//#region lib/types/client/skeleton/ConversationSession.js
+		/** Strict per-session header/body content inserted into the resident conversation layout. */
 		function deriveAncestry(list, id) {
 			const chain = [];
 			const seen = /* @__PURE__ */ new Set();
@@ -14315,7 +14475,7 @@ window.__ModuleLoader__.load({
 		* @param props - Strict Session store, view ledger, navigation, render, and locale shares.
 		* @returns the hidden blank-session header or visible title and tabs.
 		*/
-		function ConversationSessionHeader({ sessionId, useSession, useSessions, useConversation, useConversationViews, useStore, actions, renderSlot, open, t }) {
+		function ConversationSessionHeader({ sessionId, useSession, useSessions, useConversation, useConversationViews, useStore, renderSlot, open, selectView, t }) {
 			const tabs = useConversationViews((value) => value);
 			const active = resolveActiveView(tabs, useStore((s) => s.view));
 			const ancestry = useSessions((s) => deriveAncestry(s, sessionId), equalBreadcrumbs);
@@ -14379,7 +14539,7 @@ window.__ModuleLoader__.load({
 						"aria-selected": viewTab.id === active?.id,
 						className: clsx(ConversationRoot_module_css_default.tab, viewTab.id === active?.id && ConversationRoot_module_css_default.tabActive),
 						onClick: () => {
-							actions.setView(viewTab.id);
+							selectView(viewTab.id);
 						},
 						children: viewTab.label
 					}, viewTab.id))
@@ -14392,7 +14552,7 @@ window.__ModuleLoader__.load({
 		* @param props - Strict Session input/store, view ledger, and render shares.
 		* @returns the active view area, or null while the Session remains blank.
 		*/
-		function ConversationSession({ useSession, useConversation, useConversationViews, useInput, inputActions, useStore, actions, renderSlot, bindDraftMirror }) {
+		function ConversationSession({ useSession, useConversation, useConversationViews, useInput, inputActions, useStore, actions, renderSlot, bindDraftMirror, openView }) {
 			const active = resolveActiveView(useConversationViews((value) => value), useStore((s) => s.view));
 			const session = useSession((s) => s);
 			const conversation = useConversation((s) => s);
@@ -14411,7 +14571,7 @@ window.__ModuleLoader__.load({
 				className: ConversationRoot_module_css_default.viewArea,
 				children: active !== void 0 && renderSlot("conversation.view", {
 					viewRequest,
-					openView: actions.openView,
+					openView,
 					completeViewRequest: actions.completeViewRequest
 				}, { only: active.id })
 			});
@@ -14507,7 +14667,7 @@ window.__ModuleLoader__.load({
 			const recentlyComposing = () => composing || Date.now() < composingUntil;
 			const arrow = (key) => (event) => {
 				const inComposition = event !== null && isComposingEvent(event, recentlyComposing);
-				if (handlers.arbitrate(key, inComposition) === "consumed") {
+				if (handlers.arbitrate(key, inComposition) !== "pass") {
 					event?.preventDefault();
 					return true;
 				}
@@ -14574,7 +14734,7 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Product copy for a host attachment rejection (the `details.reason` of
-		* `session/attachment-invalid` or `subagent/attachment-unsupported`).
+		* `session/attachment-invalid` or `subagent/attachment-invalid`).
 		* User-solvable reasons name the limit and the way out;
 		* reasons the user cannot act on fold into one send-failed line carrying the
 		* reason code for a bug report.
@@ -14586,7 +14746,6 @@ window.__ModuleLoader__.load({
 		function attachmentErrorText(t, reason, limits) {
 			switch (reason) {
 				case "MODEL_DOES_NOT_SUPPORT_IMAGES": return t("image.modelUnsupported");
-				case "SUBAGENT_IMAGE_UNSUPPORTED": return t("image.subagentUnsupported");
 				case "IMAGE_TOO_MANY_PIXELS": return t("image.tooManyPixels");
 				case "IMAGE_DIMENSION_TOO_LARGE":
 					if (limits !== void 0) return t("image.dimensionTooLarge", { size: limits.maxImageDimension });
@@ -15122,7 +15281,7 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				if (promptError === null) return;
 				const { error } = promptError;
-				showToast(error.code === "session/attachment-invalid" || error.code === "subagent/attachment-unsupported" ? attachmentErrorText(t, error.details.reason, imageLimits) : `${error.message} (${error.code})`);
+				showToast(error.code === "session/attachment-invalid" || error.code === "subagent/attachment-invalid" ? attachmentErrorText(t, error.details.reason, imageLimits) : `${error.message} (${error.code})`);
 			}, [
 				promptError,
 				showToast,
@@ -15774,24 +15933,43 @@ window.__ModuleLoader__.load({
 				}
 				return tabs;
 			};
+			const activateView = (sessionId, preferred) => {
+				const active = resolveActiveView(viewTabs(), preferred);
+				if (active !== void 0) uiConversation.binding(sessionId).activate(active.id);
+			};
+			const restoreView = (sessionId) => {
+				activateView(sessionId, readConversationViewPreference(sessionId));
+			};
+			const restoreCurrentView = () => {
+				const sessionId = sessions.list.getSnapshot().current;
+				if (sessionId !== void 0 && sessions.binding(sessionId) !== void 0) restoreView(sessionId);
+			};
 			const conversationViews = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)(viewTabs());
 			const refreshViews = () => {
 				const current = conversationViews.getSnapshot();
 				const next = viewTabs();
-				if (current.length === next.length && current.every((tab, index) => {
+				if (!(current.length === next.length && current.every((tab, index) => {
 					const candidate = next.at(index);
 					return candidate !== void 0 && tab.id === candidate.id && tab.label === candidate.label;
-				})) return;
-				conversationViews.set(next);
+				}))) conversationViews.set(next);
+				restoreCurrentView();
 			};
 			ctx.effect(() => {
+				let currentSessionId = sessions.list.getSnapshot().current;
 				const disposeViews = slots.subscribe("conversation.view", refreshViews);
 				const disposeLocale = ctx.locale.subscribe(refreshViews);
+				const disposeCurrent = sessions.list.subscribe(() => {
+					const nextSessionId = sessions.list.getSnapshot().current;
+					if (nextSessionId === currentSessionId) return;
+					currentSessionId = nextSessionId;
+					restoreCurrentView();
+				});
 				return () => {
+					disposeCurrent();
 					disposeLocale();
 					disposeViews();
 				};
-			}, "ui-conversation: View roster");
+			}, "ui-conversation: View selection");
 			const inputHub = new InputHub(ctx, t);
 			const composerBlocks = new ComposerBlockRegistry();
 			ctx.uiSession.provide({
@@ -15799,9 +15977,11 @@ window.__ModuleLoader__.load({
 				props: ["inputActions"],
 				resolve: (binding) => {
 					const shell = inputHub.shellFor(binding);
+					const conversation = uiConversation.binding(binding);
+					restoreView(binding.sessionId);
 					return {
 						hooks: {
-							conversation: uiConversation.binding(binding).snapshot,
+							conversation: conversation.snapshot,
 							input: shell.state
 						},
 						props: { inputActions: shell.actions }
@@ -15889,9 +16069,13 @@ window.__ModuleLoader__.load({
 					scope: "session"
 				} },
 				store: conversationStore,
-				inject: (sessionId, _actions) => ({
+				inject: (sessionId, actions) => ({
 					hooks: { conversationViews },
-					bindDraftMirror: (write) => inputHub.shell(sessionId).bindMirror(write)
+					bindDraftMirror: (write) => inputHub.shell(sessionId).bindMirror(write),
+					openView: (view, focus) => {
+						activateView(sessionId, view);
+						actions.openView(view, focus);
+					}
 				})
 			}, ConversationSession);
 			const registerConversationHeader = () => slots.register({
@@ -15912,10 +16096,14 @@ window.__ModuleLoader__.load({
 					}
 				},
 				store: conversationStore,
-				inject: () => ({
+				inject: (sessionId, actions) => ({
 					hooks: { conversationViews },
 					open: (id) => {
 						sessions.open(id);
+					},
+					selectView: (view) => {
+						activateView(sessionId, view);
+						actions.setView(view);
 					}
 				})
 			}, ConversationSessionHeader);