dsh-edge 0.9.0 → 0.10.0

package/dist/plugins/@deepseek-ai/dsh-client-ui-approval/client.js

@@ -0,0 +1,292 @@
+window.__ModuleLoader__.load({
+	id: "@deepseek-ai/dsh-client-ui-approval",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-approval/src/client/ApprovalPanel.module.css.mjs
+		const css = ".mna1RW_root{padding:8px calc(var(--dsh-composer-side-clearance) + 16px) 12px;flex-direction:column;align-items:center;display:flex}.mna1RW_card{width:100%;max-width:var(--dsh-chat-content-width);border:1px solid var(--dsw-alias-state-warn-secondary);background:var(--dsw-specific-input-major);box-shadow:var(--dsw-shadow-lv2);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:20px;overflow:hidden}.mna1RW_strip{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-primary);align-items:center;gap:8px;padding:10px 16px;font-size:13px;line-height:18px;display:flex}.mna1RW_dot{corner-shape:round;background:var(--dsw-alias-state-warn-primary);border-radius:50%;width:8px;height:8px}.mna1RW_body{box-sizing:border-box;max-height:var(--dsh-composer-text-max-height);flex-direction:column;gap:6px;padding:12px 16px 0;display:flex;overflow-y:auto}.mna1RW_headline{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:500;line-height:24px}.mna1RW_command{color:var(--dsw-alias-label-tertiary);font-family:var(--ds-font-family-code);word-break:break-all;font-size:13px;line-height:20px}.mna1RW_actionRow{justify-content:flex-end;gap:8px;padding:14px 16px;display:flex}.mna1RW_reject:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary);border-color:#0000}";
+		const tagId = "@deepseek-ai/dsh-client-ui-approval/ApprovalPanel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-approval";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var ApprovalPanel_module_css_default = {
+			"actionRow": "mna1RW_actionRow",
+			"body": "mna1RW_body",
+			"card": "mna1RW_card",
+			"command": "mna1RW_command",
+			"dot": "mna1RW_dot",
+			"headline": "mna1RW_headline",
+			"reject": "mna1RW_reject",
+			"root": "mna1RW_root",
+			"strip": "mna1RW_strip"
+		};
+		//#endregion
+		//#region lib/types/client/ApprovalPanel.js
+		/** Composer takeover for one pending approval waterfall. */
+		/**
+		* Render one pending approval and its optional Tool-owned detail.
+		* @param props - selector-matched request and standard Slot props.
+		* @returns The approval composer takeover.
+		*/
+		function ApprovalPanel(props) {
+			const approval = props.matched;
+			return (0, react_jsx_runtime.jsx)(ApprovalFlow, {
+				pending: approval,
+				detail: approval.callId === void 0 ? null : props.renderSlot("conversation.approval.detail", { callId: approval.callId }),
+				t: props.t
+			}, approval.key);
+		}
+		function ApprovalFlow({ pending, detail, t }) {
+			const [answered, setAnswered] = (0, react.useState)(false);
+			const answer = (outcome) => {
+				setAnswered(true);
+				pending.answer(outcome).catch(() => {
+					setAnswered(false);
+				});
+			};
+			return (0, react_jsx_runtime.jsx)("div", {
+				className: ApprovalPanel_module_css_default.root,
+				"data-approval-key": pending.key,
+				children: (0, react_jsx_runtime.jsxs)("div", {
+					className: ApprovalPanel_module_css_default.card,
+					children: [
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: ApprovalPanel_module_css_default.strip,
+							children: [(0, react_jsx_runtime.jsx)("span", { className: ApprovalPanel_module_css_default.dot }), t("waiting")]
+						}),
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: ApprovalPanel_module_css_default.body,
+							"data-approval-scroll": "",
+							tabIndex: 0,
+							role: "group",
+							"aria-label": t("detail.aria"),
+							children: [(0, react_jsx_runtime.jsx)("div", {
+								className: ApprovalPanel_module_css_default.headline,
+								children: pending.reason ?? t("escalation", { toolName: pending.toolName })
+							}), detail !== null && (0, react_jsx_runtime.jsx)("div", {
+								className: ApprovalPanel_module_css_default.command,
+								children: detail
+							})]
+						}),
+						(0, react_jsx_runtime.jsxs)("div", {
+							className: ApprovalPanel_module_css_default.actionRow,
+							children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "outline",
+								className: ApprovalPanel_module_css_default.reject,
+								disabled: answered,
+								onClick: () => {
+									answer("rejected");
+								},
+								children: t("reject")
+							}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "primary",
+								disabled: answered,
+								onClick: () => {
+									answer("allowed-once");
+								},
+								children: t("allowOnce")
+							})]
+						})
+					]
+				})
+			});
+		}
+		//#endregion
+		//#region lib/types/client/contract/slots.js
+		function settlePendingComposer(settle, failureMessage) {
+			try {
+				settle();
+				return Promise.resolve();
+			} catch (error) {
+				return Promise.reject(error instanceof Error ? error : new Error(failureMessage, { cause: error }));
+			}
+		}
+		let nextApprovalKey = 0;
+		/** One answerable Client presentation of a pending Host waterfall. */
+		var PendingApproval = class {
+			sessionId;
+			/** Domain discriminator used by Session pending-interaction consumers. */
+			kind = "approval";
+			/** Opaque render identity and one-shot remount axis. */
+			key;
+			/** Tool requesting the decision. */
+			toolName;
+			/** Correlated Tool call, when supplied by the asker. */
+			callId;
+			/** Human-readable reason supplied by the asker. */
+			reason;
+			/** Result returned by the Remote Event listener to the Host waterfall. */
+			result;
+			#resolve;
+			#reject;
+			#signal;
+			#onAbort;
+			#delegated = Symbol("pending approval delegated");
+			#settled = false;
+			/**
+			* @param sessionId - Agent/Session identity owning the scoped request.
+			* @param request - Host approval request projected through the Remote Event.
+			*/
+			constructor(sessionId, request) {
+				this.sessionId = sessionId;
+				nextApprovalKey += 1;
+				this.key = `approval:${String(nextApprovalKey)}`;
+				this.toolName = request.toolName;
+				this.callId = request.callId;
+				this.reason = request.reason;
+				const completion = Promise.withResolvers();
+				this.result = completion.promise;
+				this.#resolve = completion.resolve;
+				this.#reject = completion.reject;
+				this.#signal = request.signal;
+				if (request.signal === void 0) {
+					this.#onAbort = void 0;
+					return;
+				}
+				const onAbort = () => {
+					this.abort(request.signal?.reason ?? /* @__PURE__ */ new Error("approval request was aborted"));
+				};
+				this.#onAbort = onAbort;
+				request.signal.addEventListener("abort", onAbort, { once: true });
+				if (request.signal.aborted) onAbort();
+			}
+			/**
+			* Resolve the Host waterfall with the user's decision.
+			* @param outcome - supported interactive decision.
+			*/
+			answer(outcome) {
+				return settlePendingComposer(() => {
+					this.finish(() => {
+						this.#resolve(outcome);
+					});
+				}, "pending approval settlement failed");
+			}
+			/** Delegate an unanswered request to the next waterfall listener. */
+			delegate() {
+				if (this.#settled) return;
+				this.finish(() => {
+					this.#reject(this.#delegated);
+				});
+			}
+			/**
+			* Test whether a rejection requests waterfall delegation.
+			* @param reason - rejection received from {@link PendingApproval.result}.
+			* @returns whether {@link PendingApproval.delegate} produced it.
+			*/
+			isDelegation(reason) {
+				return reason === this.#delegated;
+			}
+			/**
+			* End an unanswered presentation when its transport, scope, or plugin lifetime ends.
+			* @param reason - rejection exposed to the waiting Remote Event listener.
+			*/
+			abort(reason) {
+				if (this.#settled) return;
+				this.finish(() => {
+					this.#reject(reason);
+				});
+			}
+			finish(settle) {
+				if (this.#settled) throw new Error(`pending approval ${this.key} is already settled`);
+				this.#settled = true;
+				if (this.#signal !== void 0 && this.#onAbort !== void 0) this.#signal.removeEventListener("abort", this.#onAbort);
+				settle();
+			}
+		};
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** `approval` namespace dictionaries. */
+		/** Simplified Chinese dictionary and key-set source of truth. */
+		const zh = {
+			waiting: "等待审批",
+			"detail.aria": "审批详情",
+			escalation: "工具 {toolName} 请求越权执行",
+			reject: "拒绝",
+			allowOnce: "允许一次"
+		};
+		/** English dictionary, checked against the Chinese key set. */
+		const en = {
+			waiting: "Waiting for approval",
+			"detail.aria": "Approval details",
+			escalation: "Tool {toolName} requests privileged execution",
+			reject: "Reject",
+			allowOnce: "Allow once"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Required services: Agent scopes, Remote Events, Session UI, Slot registry, and copy. */
+		const inject = [
+			"sessions",
+			"remote",
+			"uiSession",
+			"slots",
+			"locale"
+		];
+		const NS = "approval";
+		/** Present one request until the user answers or its lifetime ends. */
+		async function answerApproval(ctx, owner, request, next, registerPendingInteraction) {
+			const sessionId = ctx.sessions.scopeOf(owner);
+			if (sessionId === void 0) return next();
+			const pending = new PendingApproval(sessionId, {
+				toolName: request.toolName,
+				...request.callId === void 0 ? {} : { callId: request.callId },
+				...request.reason === void 0 ? {} : { reason: request.reason },
+				...request.signal === void 0 ? {} : { signal: request.signal }
+			});
+			const completed = Promise.withResolvers();
+			const remove = registerPendingInteraction(pending, async () => {
+				pending.delegate();
+				await completed.promise;
+			});
+			try {
+				try {
+					return await pending.result;
+				} catch (error) {
+					if (pending.isDelegation(error)) return await next();
+					throw error;
+				}
+			} finally {
+				remove();
+				completed.resolve();
+			}
+		}
+		/**
+		* Install approval copy and the scoped waterfall consumer.
+		* @param ctx - Client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-approval: dictionaries");
+			const registerPendingInteraction = ctx.uiSession.registerPendingInteraction(() => 0);
+			ctx.slots.inject("conversation.composer", () => ctx.slots.register({
+				name: "conversation.composer",
+				priority: 1,
+				select: ({ pendingInteraction }) => pendingInteraction instanceof PendingApproval ? pendingInteraction : null,
+				locale: NS,
+				children: { "conversation.approval.detail": {
+					kind: "single",
+					scope: "session"
+				} }
+			}, ApprovalPanel));
+			ctx.remote.$on("approval/request", function(request, next) {
+				return answerApproval(ctx, this, request, next, registerPendingInteraction);
+			});
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map

package/dist/plugins/@deepseek-ai/dsh-client-ui-attachment/client.js

@@ -24,7 +24,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-attachment/src/AttachmentRail.module.css.mjs
-		const css$4 = ".JVDQca_root{min-width:0;position:relative}.JVDQca_rail{scrollbar-width:none;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);gap:10px;display:flex;overflow:auto hidden}.JVDQca_rail::-webkit-scrollbar{display:none}.JVDQca_item{flex:0 0 64px;width:64px;height:64px;position:relative}.JVDQca_thumbnail{border:1px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-alias-interactive-bg-hover);cursor:zoom-in;border-radius:16px;width:64px;height:64px;padding:0;overflow:hidden}.JVDQca_thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.JVDQca_remove{z-index:1;background:var(--dsw-alias-button-contrast-fill);width:18px;height:18px;color:var(--dsw-alias-label-primary-inverted);cursor:pointer;opacity:0;border:none;border-radius:50%;place-items:center;padding:0;transition:opacity .2s ease-in-out;display:grid;position:absolute;top:4px;right:4px}.JVDQca_item:hover .JVDQca_remove,.JVDQca_remove:focus-visible{opacity:1}@media (pointer:coarse){.JVDQca_remove{opacity:1}}@media (prefers-reduced-motion:reduce){.JVDQca_remove{transition:none}}.JVDQca_arrow{z-index:2;border:1px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-specific-input-major);width:24px;height:24px;color:var(--dsw-alias-label-secondary);box-shadow:var(--dsw-shadow-lv2);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.JVDQca_arrow:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.JVDQca_arrowLeft{left:4px}.JVDQca_arrowRight{right:4px}";
+		const css$4 = ".JVDQca_root{min-width:0;position:relative}.JVDQca_rail{scrollbar-width:none;--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);gap:10px;display:flex;overflow:auto hidden}.JVDQca_rail::-webkit-scrollbar{display:none}.JVDQca_item{flex:0 0 64px;width:64px;height:64px;position:relative}.JVDQca_thumbnail{border:.5px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-alias-interactive-bg-hover);cursor:zoom-in;border-radius:16px;width:64px;height:64px;padding:0;overflow:hidden}.JVDQca_thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.JVDQca_remove{z-index:1;corner-shape:round;background:var(--dsw-alias-button-contrast-fill);width:18px;height:18px;color:var(--dsw-alias-label-primary-inverted);cursor:pointer;opacity:0;border:none;border-radius:50%;place-items:center;padding:0;transition:opacity .2s ease-in-out;display:grid;position:absolute;top:4px;right:4px}.JVDQca_item:hover .JVDQca_remove,.JVDQca_remove:focus-visible{opacity:1}@media (pointer:coarse){.JVDQca_remove{opacity:1}}@media (prefers-reduced-motion:reduce){.JVDQca_remove{transition:none}}.JVDQca_arrow{z-index:2;--dsw-elevation-stroke-color:var(--dsw-alias-border-l2-darkmode-thin);corner-shape:round;background:var(--dsw-specific-input-major);width:24px;height:24px;color:var(--dsw-alias-label-secondary);box-shadow:var(--dsw-elevation-panel);cursor:pointer;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.JVDQca_arrow:hover{background:var(--dsw-alias-interactive-bg-hover-solid)}.JVDQca_arrowLeft{left:4px}.JVDQca_arrowRight{right:4px}";
 		const tagId$4 = "@deepseek-ai/dsh-client-ui-attachment/AttachmentRail.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
 			const tag = document.createElement("style");
@@ -379,7 +379,7 @@ window.__ModuleLoader__.load({
 		});
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-attachment/src/ImageLightbox.module.css.mjs
-		const css$2 = ".fNh4Da_backdrop{z-index:1000;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.fNh4Da_mask{background:var(--dsw-alias-bg-mask-1);backdrop-filter:var(--dsw-mask-blur);position:absolute;inset:0}.fNh4Da_image{object-fit:contain;background:var(--dsw-specific-input-major);max-width:min(100%,1600px);max-height:calc(100vh - 80px);box-shadow:var(--dsw-shadow-lv3);border-radius:12px;position:relative}.fNh4Da_close{z-index:1;border:1px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-specific-input-major);width:36px;height:36px;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:fixed;top:20px;right:20px}";
+		const css$2 = ".fNh4Da_backdrop{z-index:1000;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.fNh4Da_mask{background:var(--dsw-alias-bg-mask-1);backdrop-filter:var(--dsw-mask-blur);position:absolute;inset:0}.fNh4Da_image{object-fit:contain;background:var(--dsw-specific-input-major);max-width:min(100%,1600px);max-height:calc(100vh - 80px);box-shadow:var(--dsw-shadow-lv3);border-radius:12px;position:relative}.fNh4Da_close{z-index:1;border:.5px solid var(--dsw-alias-border-l2-darkmode-thin);corner-shape:round;background:var(--dsw-specific-input-major);width:36px;height:36px;color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:fixed;top:20px;right:20px}";
 		const tagId$2 = "@deepseek-ai/dsh-client-ui-attachment/ImageLightbox.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -615,7 +615,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-attachment/src/MessageImage.module.css.mjs
-		const css = ".R_Yw7q_gallery{flex-wrap:wrap;gap:10px;max-width:100%;display:flex}.R_Yw7q_gallery[data-align=end]{justify-content:flex-end;align-self:flex-end}.R_Yw7q_gallery[data-align=start]{justify-content:flex-start;align-self:flex-start}.R_Yw7q_frame{border:1px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-alias-interactive-bg-hover);cursor:zoom-in;border-radius:16px;flex:none;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid;overflow:hidden}.R_Yw7q_frame[data-variant=tile]{width:64px;min-width:64px;height:64px;min-height:64px}.R_Yw7q_frame img{object-fit:cover;width:100%;height:100%;display:block}.R_Yw7q_loading,.R_Yw7q_error{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.R_Yw7q_error{border:1px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-alias-interactive-bg-hover-danger);cursor:pointer;border-radius:10px;max-width:240px;padding:10px 12px}.R_Yw7q_error[data-variant=tile]{border-radius:16px;width:64px;height:64px;padding:4px;overflow:hidden}";
+		const css = ".R_Yw7q_gallery{flex-wrap:wrap;gap:10px;max-width:100%;display:flex}.R_Yw7q_gallery[data-align=end]{justify-content:flex-end;align-self:flex-end}.R_Yw7q_gallery[data-align=start]{justify-content:flex-start;align-self:flex-start}.R_Yw7q_frame{border:.5px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-alias-interactive-bg-hover);cursor:zoom-in;border-radius:16px;flex:none;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid;overflow:hidden}.R_Yw7q_frame[data-variant=tile]{width:64px;min-width:64px;height:64px;min-height:64px}.R_Yw7q_frame img{object-fit:cover;width:100%;height:100%;display:block}.R_Yw7q_loading,.R_Yw7q_error{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.R_Yw7q_error{border:.5px solid var(--dsw-alias-border-l2-darkmode-thin);background:var(--dsw-alias-interactive-bg-hover-danger);cursor:pointer;border-radius:10px;max-width:240px;padding:10px 12px}.R_Yw7q_error[data-variant=tile]{border-radius:16px;width:64px;height:64px;padding:4px;overflow:hidden}";
 		const tagId = "@deepseek-ai/dsh-client-ui-attachment/MessageImage.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -637,8 +637,8 @@ window.__ModuleLoader__.load({
 		* `object-fit: cover` — and never upscaled past the image's natural size. The
 		* crop anchor keeps the top of very tall images and the left of very wide
 		* ones, where the informative content usually starts. */
-		function singleFit(attachment) {
-			const natural = attachment.width / attachment.height;
+		function singleFit(dimensions) {
+			const natural = dimensions.width / dimensions.height;
 			const ratio = Math.min(4, Math.max(.25, natural));
 			const box = ratio >= 1 ? {
 				width: 240,
@@ -647,26 +647,37 @@ window.__ModuleLoader__.load({
 				width: 240 * ratio,
 				height: 240
 			};
-			const scale = Math.min(1, attachment.width / box.width, attachment.height / box.height);
+			const scale = Math.min(1, dimensions.width / box.width, dimensions.height / box.height);
 			return {
 				width: Math.max(1, Math.round(box.width * scale)),
 				height: Math.max(1, Math.round(box.height * scale)),
 				objectPosition: natural < .25 ? "center top" : natural > 4 ? "left center" : "center"
 			};
 		}
+		/** Intrinsic dimensions of one gallery entry; a preview's stay unknown until its intake probe resolved. */
+		function dimensionsOf(image) {
+			if ("attachment" in image) return image.attachment;
+			return image.preview.width !== void 0 && image.preview.height !== void 0 ? {
+				width: image.preview.width,
+				height: image.preview.height
+			} : void 0;
+		}
 		/**
 		* Compact history renderer with retryable loading and click-to-open original
 		* preview. A lone image renders at its `singleFit` size; an image among
-		* several renders as a fixed 64px square tile.
+		* several renders as a fixed 64px square tile. The preview arm displays its
+		* local URL directly — no loader round-trip, no failure/retry surface.
 		*
-		* @param props.attachment - the durable image reference to load and bound.
-		* @param props.load - session-authorized URL loader.
+		* @param props.image - the durable reference to load, or the local preview to display.
+		* @param props.load - session-authorized URL loader for the durable arm.
 		* @param props.variant - `single` for a message's lone image, `tile` otherwise.
 		* @param props.labels - resolved strings (tooltip, loading, retry, lightbox).
 		* @returns the bounded thumbnail button, or the retry control on failure.
 		*/
-		function MessageImage({ attachment, load, variant, labels }) {
-			const [src, setSrc] = (0, react.useState)(null);
+		function MessageImage({ image, load, variant, labels }) {
+			const preview = "preview" in image ? image.preview : void 0;
+			const attachment = "attachment" in image ? image.attachment : void 0;
+			const [loaded, setLoaded] = (0, react.useState)(() => attachment === void 0 ? null : load.peek?.(attachment) ?? null);
 			const [error, setError] = (0, react.useState)(false);
 			const [open, setOpen] = (0, react.useState)(false);
 			const [attempt, setAttempt] = (0, react.useState)(0);
@@ -676,13 +687,22 @@ window.__ModuleLoader__.load({
 			const close = (0, react.useCallback)(() => {
 				setOpen(false);
 			}, []);
-			const fit = (0, react.useMemo)(() => variant === "single" ? singleFit(attachment) : void 0, [attachment, variant]);
+			const dimensions = (0, react.useMemo)(() => dimensionsOf(image), [image]);
+			const fit = (0, react.useMemo)(() => {
+				if (variant !== "single") return void 0;
+				return dimensions === void 0 ? {
+					width: 240,
+					height: 240,
+					objectPosition: "center"
+				} : singleFit(dimensions);
+			}, [dimensions, variant]);
 			(0, react.useEffect)(() => {
+				if (attachment === void 0) return;
 				let live = true;
 				setError(false);
-				setSrc(null);
+				setLoaded(load.peek?.(attachment) ?? null);
 				load(attachment).then((url) => {
-					if (live) setSrc(url);
+					if (live) setLoaded(url);
 				}).catch(() => {
 					if (live) setError(true);
 				});
@@ -694,7 +714,8 @@ window.__ModuleLoader__.load({
 				load,
 				attempt
 			]);
-			const label = attachment.name ?? labels.image;
+			const src = preview?.url ?? loaded;
+			const label = preview?.name ?? attachment?.name ?? labels.image;
 			if (error) return (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				className: MessageImage_module_css_default.error,
@@ -739,11 +760,11 @@ window.__ModuleLoader__.load({
 				className: MessageImage_module_css_default.gallery,
 				"data-align": align,
 				children: images.map((image, index) => (0, react_jsx_runtime.jsx)(MessageImage, {
-					...image,
+					image,
 					load,
 					variant,
 					labels
-				}, `${image.attachment.attachmentId}:${index}`))
+				}, `${"attachment" in image ? image.attachment.attachmentId : image.preview.url}:${index}`))
 			});
 		}
 		//#endregion
@@ -771,6 +792,10 @@ window.__ModuleLoader__.load({
 				name: "conversation.message.images",
 				locale: "conversation"
 			}, MessageImages));
+			ctx.slots.inject("conversation.trajectory.images", () => ctx.slots.register({
+				name: "conversation.trajectory.images",
+				locale: "conversation"
+			}, MessageImages));
 		}
 		//#endregion
 		exports.apply = apply;

package/dist/plugins/@deepseek-ai/dsh-client-ui-brand-official/client.js

@@ -12,11 +12,8 @@ window.__ModuleLoader__.load({
 		* @param props - Host-supplied mark presentation.
 		* @returns the official whale mark.
 		*/
-		function OfficialBrandMark({ size, className }) {
-			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.FishLogo, {
-				size,
-				className
-			});
+		function OfficialBrandMark({ size }) {
+			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.FishLogo, { size });
 		}
 		/**
 		* Render the official name artwork without its independently slotted mark.
@@ -30,15 +27,16 @@ window.__ModuleLoader__.load({
 		/** Required service: the UI slot registry. */
 		const inject = ["slots"];
 		/**
-		* Fill every shipped brand slot as one declaration-aware registration set.
+		* Fill the sidebar brand slots as one declaration-aware registration set. The
+		* conversation hero stays on its declaring package's animated fish fallback,
+		* so the official build registers nothing there.
 		* @param ctx - Client root context.
 		*/
 		function apply(ctx) {
-			ctx.slots.inject("sidebar.brand.mark", () => ctx.slots.inject("sidebar.brand.name", () => ctx.slots.inject("conversation.hero.brand.mark", function* () {
+			ctx.slots.inject("sidebar.brand.mark", () => ctx.slots.inject("sidebar.brand.name", function* () {
 				yield ctx.slots.register({ name: "sidebar.brand.mark" }, OfficialBrandMark);
 				yield ctx.slots.register({ name: "sidebar.brand.name" }, OfficialBrandName);
-				yield ctx.slots.register({ name: "conversation.hero.brand.mark" }, OfficialBrandMark);
-			})));
+			}));
 		}
 		//#endregion
 		exports.apply = apply;