dsh-edge 0.9.0 → 0.10.0

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

@@ -6,7 +6,7 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react = require("react");
-		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		let _deepseek_ai_dsh_client_store = require("@deepseek-ai/dsh-client-store");
 		/** Viewport width below which the sidebar auto-collapses to the rail (deepsuite
 		* LG breakpoint); a manual toggle below it re-expands over the squeezed center
 		* (stores.ts narrowExpanded). */
@@ -52,8 +52,25 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region lib/types/client/DocumentTitle.js
+		/**
+		* Project the selected durable session title into the browser title and
+		* restore the build-selected product title when unmounted.
+		* @param props - Selected session title projection.
+		* @returns No rendered content.
+		*/
+		function DocumentTitle({ title, productTitle }) {
+			(0, react.useEffect)(() => {
+				document.title = title === void 0 ? productTitle : `${title} — ${productTitle}`;
+				return () => {
+					document.title = productTitle;
+				};
+			}, [productTitle, title]);
+			return null;
+		}
+		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-layout/src/client/AppFrame.module.css.mjs
-		const css = ".pI_x6G_frame{background:var(--dsw-alias-bg-base);height:100%;transition:grid-template-columns var(--ds-transition-duration-slow) var(--ds-ease-in-out);grid-template-rows:100%;display:grid;position:relative;overflow:hidden}.pI_x6G_frame[data-dragging]{transition:none}@media (prefers-reduced-motion:reduce){.pI_x6G_frame{transition:none}}.pI_x6G_sidebarCol{background:var(--dsw-specific-sidebar-fill);border-right:1px solid var(--dsw-alias-border-l1);min-width:0;overflow:hidden}.pI_x6G_centerCol{flex-direction:column;min-width:0;display:flex;overflow:hidden}.pI_x6G_detailsCol{border-left:1px solid var(--dsw-alias-border-l2);min-width:0;overflow:hidden}.pI_x6G_frame[data-details-collapsed] .pI_x6G_detailsCol{border-left:none}.pI_x6G_handle{cursor:col-resize;z-index:2;touch-action:none;width:8px;transition:left var(--ds-transition-duration-slow) var(--ds-ease-in-out);margin-left:-4px;position:absolute;top:0;bottom:0}.pI_x6G_frame[data-dragging] .pI_x6G_handle{transition:none}@media (prefers-reduced-motion:reduce){.pI_x6G_handle{transition:none}}.pI_x6G_handle[data-side=details]:after{content:\"\";box-sizing:border-box;background:var(--dsw-alias-button-floating-fill);border:1px solid var(--dsw-alias-border-l2-darkmode-thin);opacity:0;width:12px;height:32px;transition:opacity var(--ds-transition-duration-slow) var(--ds-ease-in-out), background var(--ds-transition-duration-slow) var(--ds-ease-in-out);border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pI_x6G_detailsCol:hover~.pI_x6G_handle[data-side=details]:after,.pI_x6G_handle[data-side=details]:hover:after,.pI_x6G_handle[data-side=details][data-dragging=true]:after{opacity:1}.pI_x6G_handle[data-side=details]:hover:after,.pI_x6G_handle[data-side=details][data-dragging=true]:after{background:var(--dsw-alias-button-floating-hover);border-color:var(--dsw-alias-border-l3)}.pI_x6G_overlayLayer{z-index:20;pointer-events:none;position:absolute;inset:0}.pI_x6G_overlayLayer>*{pointer-events:auto}";
+		const css = ".pI_x6G_frame{background:var(--dsw-alias-bg-base);height:100%;transition:grid-template-columns var(--ds-transition-duration-slow) var(--ds-ease-in-out);grid-template-rows:100%;display:grid;position:relative;overflow:hidden}.pI_x6G_frame[data-dragging]{transition:none}@media (prefers-reduced-motion:reduce){.pI_x6G_frame{transition:none}}.pI_x6G_sidebarCol{background:var(--dsw-specific-sidebar-fill);border-right:.5px solid var(--dsw-alias-border-l3);min-width:0;overflow:hidden}.pI_x6G_centerCol{flex-direction:column;min-width:0;display:flex;overflow:hidden}.pI_x6G_detailsCol{border-left:.5px solid var(--dsw-alias-border-l3);min-width:0;overflow:hidden}.pI_x6G_frame[data-details-collapsed] .pI_x6G_detailsCol{border-left:none}.pI_x6G_handle{cursor:col-resize;z-index:2;touch-action:none;width:8px;transition:left var(--ds-transition-duration-slow) var(--ds-ease-in-out);margin-left:-4px;position:absolute;top:0;bottom:0}.pI_x6G_frame[data-dragging] .pI_x6G_handle{transition:none}@media (prefers-reduced-motion:reduce){.pI_x6G_handle{transition:none}}.pI_x6G_handle[data-side=details]:after{content:\"\";box-sizing:border-box;background:var(--dsw-alias-button-floating-fill);border:.5px solid var(--dsw-alias-border-l2-darkmode-thin);opacity:0;width:12px;height:32px;transition:opacity var(--ds-transition-duration-slow) var(--ds-ease-in-out), background var(--ds-transition-duration-slow) var(--ds-ease-in-out);border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pI_x6G_detailsCol:hover~.pI_x6G_handle[data-side=details]:after,.pI_x6G_handle[data-side=details]:hover:after,.pI_x6G_handle[data-side=details][data-dragging=true]:after{opacity:1}.pI_x6G_handle[data-side=details]:hover:after,.pI_x6G_handle[data-side=details][data-dragging=true]:after{background:var(--dsw-alias-button-floating-hover);border-color:var(--dsw-alias-border-l3)}.pI_x6G_overlayLayer{z-index:20;pointer-events:none;position:absolute;inset:0}.pI_x6G_overlayLayer>*{pointer-events:auto}";
 		const tagId = "@deepseek-ai/dsh-client-ui-layout/AppFrame.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -155,12 +172,16 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** The three-column frame (see module doc). */
-		function AppFrame({ useStore, useSessions, actions, renderSlot }) {
+		function AppFrame({ useStore, useSessions, actions, renderSlot, SessionProvider, t }) {
 			const panels = useStore((s) => s);
 			const detailsSession = useSessions((s) => {
 				const current = s.current;
 				return current !== void 0 && s.byId[current]?.blank === false ? current : void 0;
 			});
+			const documentTitle = useSessions((s) => {
+				const current = s.current;
+				return current === void 0 ? void 0 : s.byId[current]?.title;
+			});
 			const frameRef = (0, react.useRef)(null);
 			const [viewport, setViewport] = (0, react.useState)(() => window.innerWidth);
 			const lastSession = (0, react.useRef)(detailsSession);
@@ -223,6 +244,10 @@ window.__ModuleLoader__.load({
 				"data-details-collapsed": cols.details === 0 || void 0,
 				"data-dragging": dragging || void 0,
 				children: [
+					(0, react_jsx_runtime.jsx)(DocumentTitle, {
+						productTitle: "DeepSeek Harness",
+						...documentTitle === void 0 ? {} : { title: documentTitle }
+					}),
 					(0, react_jsx_runtime.jsx)("div", {
 						className: AppFrame_module_css_default.sidebarCol,
 						children: renderSlot("sidebar", {
@@ -230,7 +255,7 @@ window.__ModuleLoader__.load({
 							width: cols.sidebar
 						})
 					}),
-					(0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(CenterColumn, { children: renderSlot("conversation", {}) }), (0, react_jsx_runtime.jsx)(DetailsColumn, { children: renderSlot("details", {}) })] }),
+					(0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)(CenterColumn, { children: renderSlot("conversation", {}) }), (0, react_jsx_runtime.jsx)(DetailsColumn, { children: (0, react_jsx_runtime.jsx)(SessionProvider, { children: renderSlot("details", {}) }) })] }),
 					(0, react_jsx_runtime.jsx)("div", {
 						className: AppFrame_module_css_default.overlayLayer,
 						"data-shell-overlay": true,
@@ -275,7 +300,7 @@ window.__ModuleLoader__.load({
 		* @returns the store handle (spec + type + identity + factory in one).
 		*/
 		function createLayoutStore() {
-			return (0, _deepseek_ai_dsh_client_runtime_client.defineStore)({
+			return (0, _deepseek_ai_dsh_client_store.defineStore)({
 				init: () => ({
 					sidebar: 280,
 					details: 0,
@@ -343,6 +368,8 @@ window.__ModuleLoader__.load({
 		//#region lib/types/client/theme-presenter.js
 		/** Body attribute selecting the dark base palette in the token stylesheets. */
 		const DARK_ATTRIBUTE = "data-ds-dark-theme";
+		/** Body variable carrying the user's content font size in px. */
+		const CONTENT_FONT_SIZE_VARIABLE = "--dsh-content-font-size";
 		/** Applies theme snapshots to the document; one instance per plugin fiber. */
 		var ThemePresenter = class {
 			/** Token names this presenter wrote in the last apply (its retraction set). */
@@ -357,10 +384,10 @@ window.__ModuleLoader__.load({
 			/**
 			* Project a snapshot onto the document: set root `color-scheme` and the body
 			* palette attribute from `active.colorScheme` (never the id — `system` is
-			* resolved upstream), then replace the previously applied token variables
-			* with `active.tokens`. Browser theme-color metadata follows the computed
-			* body background after those writes, so the rendered palette remains the
-			* color authority.
+			* resolved upstream), publish the content font-size axis, then replace the
+			* previously applied token variables with `active.tokens`. Browser
+			* theme-color metadata follows the computed body background after those
+			* writes, so the rendered palette remains the color authority.
 			* @param snapshot - resolved theme snapshot from ctx.theme.
 			*/
 			apply(snapshot) {
@@ -369,6 +396,7 @@ window.__ModuleLoader__.load({
 				const body = document.body;
 				if (scheme === "dark") body.setAttribute(DARK_ATTRIBUTE, "");
 				else body.removeAttribute(DARK_ATTRIBUTE);
+				body.style.setProperty(CONTENT_FONT_SIZE_VARIABLE, `${snapshot.fontSize}px`);
 				for (const name of this.appliedTokens) body.style.removeProperty(name);
 				this.appliedTokens = [];
 				for (const [name, value] of Object.entries(snapshot.active.tokens)) {
@@ -378,11 +406,12 @@ window.__ModuleLoader__.load({
 				this.themeColorMeta.content = getComputedStyle(body).backgroundColor;
 				if (!this.themeColorMeta.isConnected) document.head.append(this.themeColorMeta);
 			}
-			/** Retract root color-scheme, the palette attribute, token variables, and the owned metadata node. */
+			/** Retract root color-scheme, the palette attribute, token variables, the font-size axis, and the owned metadata node. */
 			dispose() {
 				document.documentElement.style.removeProperty("color-scheme");
 				const body = document.body;
 				body.removeAttribute(DARK_ATTRIBUTE);
+				body.style.removeProperty(CONTENT_FONT_SIZE_VARIABLE);
 				for (const name of this.appliedTokens) body.style.removeProperty(name);
 				this.appliedTokens = [];
 				this.themeColorMeta.remove();
@@ -391,7 +420,11 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region lib/types/client/index.js
 		/** Required services (cordis fiber inject — the loader passes all module exports as an object plugin). */
-		const inject = ["slots", "theme"];
+		const inject = [
+			"slots",
+			"theme",
+			"locale"
+		];
 		/**
 		* Client plugin body: provide ctx.layout, then one register() call — AppFrame
 		* into 'root' with the four child-slot declarations, the layout store seat,
@@ -404,6 +437,7 @@ window.__ModuleLoader__.load({
 				const disposeService = ctx.reflect.provide("layout", layout);
 				const disposeRegistration = ctx.slots.register({
 					name: "root",
+					locale: "common",
 					children: {
 						"sidebar": {
 							kind: "single",

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

@@ -58,7 +58,7 @@ window.__ModuleLoader__.load({
 		* control in that Session, so a single list read seeds them all.
 		*/
 		var MessageFeedbackController = class {
-			remote;
+			ctx;
 			sessionId;
 			view = INITIAL_VIEW;
 			listeners = /* @__PURE__ */ new Set();
@@ -66,11 +66,11 @@ window.__ModuleLoader__.load({
 			operationTail = Promise.resolve();
 			disposed = false;
 			/**
-			* @param remote - the messageFeedback Remote namespace.
+			* @param ctx - the browser plugin context carrying the messageFeedback Remote namespace.
 			* @param sessionId - Session owning every addressed assistant message.
 			*/
-			constructor(remote, sessionId) {
-				this.remote = remote;
+			constructor(ctx, sessionId) {
+				this.ctx = ctx;
 				this.sessionId = sessionId;
 			}
 			/** Return the cached immutable view. */
@@ -185,7 +185,7 @@ window.__ModuleLoader__.load({
 			}
 			/** Commit one put against the observed version and reconcile a conflict. */
 			async putCommitted(messageId, rating, note, observed) {
-				const carried = await this.remote.put({
+				const carried = await this.ctx.remote.messageFeedback.put({
 					sessionId: this.sessionId,
 					messageId,
 					rating,
@@ -203,7 +203,7 @@ window.__ModuleLoader__.load({
 			}
 			/** Commit one delete against the observed version and reconcile a conflict. */
 			async deleteCommitted(messageId, observed) {
-				const carried = await this.remote.delete({
+				const carried = await this.ctx.remote.messageFeedback.delete({
 					sessionId: this.sessionId,
 					messageId,
 					ifVersion: observed.version
@@ -224,55 +224,37 @@ window.__ModuleLoader__.load({
 			}
 			/** Fetch the whole sidecar and publish it as the seeded view. */
 			async load() {
-				try {
-					const carried = await this.remote.list({ sessionId: this.sessionId });
-					if (this.disposed) return OK;
-					if (!carried.ok) {
-						this.publish({
-							status: "error",
-							items: this.view.items,
-							error: carried.error.message
-						});
-						return carrierFailure(carried.error);
-					}
-					const result = carried.value;
-					if (!result.ok) {
-						this.publish({
-							status: "error",
-							items: this.view.items,
-							error: describe(result.error.code)
-						});
-						return fail(result.error.code);
-					}
-					const items = /* @__PURE__ */ new Map();
-					for (const item of result.value.items) items.set(item.messageId, item);
+				const carried = await this.ctx.remote.messageFeedback.list({ sessionId: this.sessionId });
+				if (this.disposed) return OK;
+				if (!carried.ok) {
 					this.publish({
-						status: "ready",
-						items,
-						error: null
+						status: "error",
+						items: this.view.items,
+						error: carried.error.message
 					});
-					return OK;
-				} catch (error) {
-					if (this.disposed) return OK;
-					const message = error instanceof Error ? error.message : "message feedback list failed";
+					return carrierFailure(carried.error);
+				}
+				const result = carried.value;
+				if (!result.ok) {
 					this.publish({
 						status: "error",
 						items: this.view.items,
-						error: message
+						error: describe(result.error.code)
 					});
-					return {
-						ok: false,
-						error: {
-							code: "transport",
-							message
-						}
-					};
+					return fail(result.error.code);
 				}
+				const items = /* @__PURE__ */ new Map();
+				for (const item of result.value.items) items.set(item.messageId, item);
+				this.publish({
+					status: "ready",
+					items,
+					error: null
+				});
+				return OK;
 			}
 			/**
 			* Serialize one mutation behind this Session's prior mutation so queued
-			* operations always compare against the committed version, and translate a
-			* transport throw into the same settled shape the controls already render.
+			* operations always compare against the committed version.
 			*/
 			mutate(operation, options = {}) {
 				const guarded = async () => {
@@ -282,17 +264,7 @@ window.__ModuleLoader__.load({
 						if (!loaded.ok) return loaded;
 						if (this.disposed) return DISPOSED;
 					}
-					try {
-						return await operation();
-					} catch (error) {
-						return {
-							ok: false,
-							error: {
-								code: "transport",
-								message: error instanceof Error ? error.message : "message feedback mutation failed"
-							}
-						};
-					}
+					return await operation();
 				};
 				const result = this.operationTail.then(guarded, guarded);
 				this.operationTail = result.then(() => void 0);
@@ -326,7 +298,7 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-message-feedback/src/client/MessageFeedbackActions.module.css.mjs
-		const css = "._8_XoUG_action{width:28px;height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}._8_XoUG_action:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_action:disabled{cursor:default;opacity:.4}._8_XoUG_action[data-active]{color:var(--dsw-alias-label-primary)}._8_XoUG_noteOpen{max-width:220px;color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:0 8px;font-size:13px;line-height:28px;overflow:hidden}._8_XoUG_noteOpen:hover,._8_XoUG_noteOpen[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_notePanel{z-index:1100;box-sizing:border-box;border:1px solid var(--dsw-alias-border-inverted);background:var(--dsw-specific-menu);width:320px;max-width:min(360px,100vw - 24px);max-height:calc(100vh - 24px);box-shadow:var(--dsw-shadow-lv3);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex;position:fixed;overflow-y:auto}._8_XoUG_noteInput{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);font:inherit;resize:vertical;border-radius:8px;padding:6px 8px;font-size:13px}._8_XoUG_noteActions{justify-content:flex-end;gap:6px;display:flex}._8_XoUG_noteSave,._8_XoUG_noteCancel{cursor:pointer;border:none;border-radius:14px;height:28px;padding:0 10px;font-size:13px}._8_XoUG_noteSave{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}._8_XoUG_noteSave:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}._8_XoUG_noteSave:disabled{cursor:default;opacity:.4}._8_XoUG_noteCancel{color:var(--dsw-alias-label-tertiary);background:0 0}._8_XoUG_noteCancel:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_failure{color:var(--dsw-alias-label-tertiary);padding-left:4px;font-size:13px;line-height:20px}";
+		const css = "._8_XoUG_action{width:calc(28px + var(--dsh-content-font-delta,0px));height:calc(28px + var(--dsh-content-font-delta,0px));color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;padding:6px;display:inline-flex}._8_XoUG_action svg{width:calc(15px + var(--dsh-content-font-delta,0px));height:calc(15px + var(--dsh-content-font-delta,0px))}._8_XoUG_action:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_action:disabled{cursor:default;opacity:.4}._8_XoUG_action[data-active]{color:var(--dsw-alias-label-primary)}._8_XoUG_noteOpen{max-width:220px;color:var(--dsw-alias-label-tertiary);font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(28px + var(--dsh-content-font-delta,0px));white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:0 8px;overflow:hidden}._8_XoUG_noteOpen:hover,._8_XoUG_noteOpen[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_notePanel{z-index:1100;box-sizing:border-box;background:var(--dsw-specific-menu);--dsw-elevation-stroke-color:var(--dsw-alias-border-l1);width:320px;max-width:min(360px,100vw - 24px);max-height:calc(100vh - 24px);box-shadow:var(--dsw-elevation-prominent);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border:0;border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex;position:fixed;overflow-y:auto}._8_XoUG_noteInput{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l4);background:var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);font:inherit;resize:vertical;border-radius:8px;padding:6px 8px;font-size:13px}._8_XoUG_noteActions{justify-content:flex-end;gap:6px;display:flex}._8_XoUG_noteSave,._8_XoUG_noteCancel{cursor:pointer;border:none;border-radius:14px;height:28px;padding:0 10px;font-size:13px}._8_XoUG_noteSave{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}._8_XoUG_noteSave:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}._8_XoUG_noteSave:disabled{cursor:default;opacity:.4}._8_XoUG_noteCancel{color:var(--dsw-alias-label-tertiary);background:0 0}._8_XoUG_noteCancel:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-secondary)}._8_XoUG_failure{color:var(--dsw-alias-label-tertiary);padding-left:4px;font-size:13px;line-height:20px}";
 		const tagId = "@deepseek-ai/dsh-client-ui-message-feedback/MessageFeedbackActions.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -684,7 +656,7 @@ window.__ModuleLoader__.load({
 			const controllerFor = (sessionId) => {
 				let controller = controllers.get(sessionId);
 				if (controller === void 0) {
-					controller = new MessageFeedbackController(ctx.remote.messageFeedback, sessionId);
+					controller = new MessageFeedbackController(ctx, sessionId);
 					controllers.set(sessionId, controller);
 				}
 				return controller;