@lmzhen/dsh-evolution-settings-ui 0.26.15 → 0.26.26

package/lib/client.js

@@ -760,9 +760,13 @@ window.__ModuleLoader__.load({
 			* answers are ordered the way the CLI orders them (waiting first); either one failing fails the
 			* read, because a half-list would read as a complete window.
 			*/
+			const readTicket = (0, react.useRef)(0);
 			const load = async () => {
 				apply(loading);
+				const ticket = readTicket.current + 1;
+				readTicket.current = ticket;
 				const [waiting, running] = await Promise.all([api.pending(), api.pending("executing")]);
+				if (readTicket.current !== ticket) return;
 				if (!waiting.ok) {
 					apply((current) => failed(current, waiting.message));
 					return;
@@ -852,18 +856,18 @@ window.__ModuleLoader__.load({
 					}, t("approvalDiffCut"))] : []
 				];
 				const lines = [];
-				for (const hunk of view.answer.hunks) {
+				for (const [hunkIndex, hunk] of view.answer.hunks.entries()) {
 					for (const [index, line] of hunk.oldText.split("\n").entries()) {
 						if (hunk.oldText === "" && line === "") continue;
 						lines.push((0, react.createElement)("div", {
-							key: "old-" + String(index),
+							key: "old-" + String(hunkIndex) + "-" + String(index),
 							className: "evolution-param-line-del"
 						}, "- " + line));
 					}
 					for (const [index, line] of hunk.newText.split("\n").entries()) {
 						if (hunk.newText === "" && line === "") continue;
 						lines.push((0, react.createElement)("div", {
-							key: "new-" + String(index),
+							key: "new-" + String(hunkIndex) + "-" + String(index),
 							className: "evolution-param-line-add"
 						}, "+ " + line));
 					}
@@ -1123,7 +1127,7 @@ window.__ModuleLoader__.load({
 		/**
 		* Resolve one message without the locale seat (tests and the fallback path).
 		* @param key - the message key.
-		* @param language - which dictionary to read; defaults to Chinese.
+		* @param language - which dictionary to read; defaults to English (the platform FALLBACK_LOCALE).
 		* @returns the copy this bundle carries.
 		*/
 		function message(key, language = "en") {
@@ -1319,35 +1323,6 @@ window.__ModuleLoader__.load({
 			const [error, setError] = (0, react.useState)("");
 			const [pending, setPending] = (0, react.useState)(null);
 			const [clearing, setClearing] = (0, react.useState)(null);
-			if (snapshot.status === "loading") return (0, react.createElement)("p", {
-				className: "evolution-param-note",
-				role: "status"
-			}, t("loading"));
-			if (snapshot.status === "unavailable") return (0, react.createElement)("p", {
-				className: "evolution-param-note",
-				role: "status"
-			}, t(snapshot.reason === "seat-missing" ? "seatMissing" : snapshot.reason === "projection-failed" ? "projectionFailed" : "unavailable"));
-			const user = isRecord(snapshot.user) ? snapshot.user : {};
-			const value = isRecord(snapshot.value) ? snapshot.value : {};
-			const disabled = !snapshot.writable;
-			const locked = disabled || busy || clearing !== null;
-			const titleKey = NAMESPACE_TITLES[namespace];
-			const title = titleKey === void 0 ? namespace : t(titleKey);
-			const changed = fields.filter((field) => Object.hasOwn(user, field.id)).length;
-			const textOf = (field) => draft[field.id] ?? format(value[field.id]);
-			const dirty = fields.filter((field) => draft[field.id] !== void 0 && draft[field.id] !== format(value[field.id]));
-			const peerTextOf = (field) => {
-				if (field.atLeast === "") return void 0;
-				const related = fields.find((candidate) => candidate.id === field.atLeast);
-				return related === void 0 ? void 0 : textOf(related);
-			};
-			const blocked = fields.some((field) => invalidReason(field, textOf(field), peerTextOf(field)) !== null);
-			const change = (id, next) => {
-				setDraft({
-					...draft,
-					[id]: next
-				});
-			};
 			/**
 			* Settle a staged write against the Host's answer.
 			*
@@ -1376,6 +1351,35 @@ window.__ModuleLoader__.load({
 				snapshot.user,
 				t
 			]);
+			if (snapshot.status === "loading") return (0, react.createElement)("p", {
+				className: "evolution-param-note",
+				role: "status"
+			}, t("loading"));
+			if (snapshot.status === "unavailable") return (0, react.createElement)("p", {
+				className: "evolution-param-note",
+				role: "status"
+			}, t(snapshot.reason === "seat-missing" ? "seatMissing" : snapshot.reason === "projection-failed" ? "projectionFailed" : snapshot.reason === "session-memory" ? "destMemory" : "unavailable"));
+			const user = isRecord(snapshot.user) ? snapshot.user : {};
+			const value = isRecord(snapshot.value) ? snapshot.value : {};
+			const disabled = !snapshot.writable;
+			const locked = disabled || busy || clearing !== null;
+			const titleKey = NAMESPACE_TITLES[namespace];
+			const title = titleKey === void 0 ? namespace : t(titleKey);
+			const changed = fields.filter((field) => Object.hasOwn(user, field.id)).length;
+			const textOf = (field) => draft[field.id] ?? format(value[field.id]);
+			const dirty = fields.filter((field) => draft[field.id] !== void 0 && draft[field.id] !== format(value[field.id]));
+			const peerTextOf = (field) => {
+				if (field.atLeast === "") return void 0;
+				const related = fields.find((candidate) => candidate.id === field.atLeast);
+				return related === void 0 ? void 0 : textOf(related);
+			};
+			const blocked = fields.some((field) => invalidReason(field, textOf(field), peerTextOf(field)) !== null);
+			const change = (id, next) => {
+				setDraft({
+					...draft,
+					[id]: next
+				});
+			};
 			/**
 			* Restore one field's deployment default (T5-05/A60).
 			*
@@ -1522,7 +1526,7 @@ window.__ModuleLoader__.load({
 				writable: snapshot.writable,
 				base: isRecord(snapshot.base) ? snapshot.base : void 0,
 				mode: snapshot.mode,
-				...snapshot.status === "unavailable" ? { reason: "not-served" } : {}
+				...snapshot.status === "unavailable" ? { reason: snapshot.mode === "memory" ? "session-memory" : "not-served" } : {}
 			};
 		}
 		/**
@@ -1629,14 +1633,12 @@ window.__ModuleLoader__.load({
 				mutateOnce: async (ops) => {
 					const seat = form();
 					if (seat === void 0) return false;
-					await seat.mutate(ops);
-					return true;
+					return await seat.mutate(ops);
 				},
 				clear: async (field) => {
 					const seat = form();
 					if (seat === void 0) return false;
-					await seat.unset(field);
-					return true;
+					return await seat.unset(field);
 				}
 			};
 		}
@@ -1853,17 +1855,26 @@ window.__ModuleLoader__.load({
 		].join("\n");
 		/**
 		* Inject the stylesheet once per document.
+		*
+		* S5-08: it RETURNS the disposer. The tag check alone answered only half the question - "is it
+		* there" - and left "who takes it away" to nobody, so a hot reload (unmount, remount) found the old
+		* tag, skipped the injection, and kept serving the PREVIOUS bundle CSS. skill-history hands its
+		* disposer back to the fiber; this is the same shape for the same concern.
 		* @param host - the document to inject into; defaults to the global one.
+		* @returns the disposal; a no-op when there is no document or the tag was already present.
 		*/
 		function injectStyles(host) {
 			const doc = host ?? globalThis.document;
-			if (doc === void 0) return;
-			if (doc.querySelector("style[data-plugin-css=\"@lmzhen/dsh-evolution-settings-ui/settings.css\"]") !== null) return;
+			if (doc === void 0) return () => {};
+			if (doc.querySelector("style[data-plugin-css=\"@lmzhen/dsh-evolution-settings-ui/settings.css\"]") !== null) return () => {};
 			const tag = doc.createElement("style");
 			tag.dataset.plugin = "@lmzhen/dsh-evolution-settings-ui";
 			tag.dataset.pluginCss = CSS_TAG_ID;
 			tag.textContent = CSS;
 			doc.head.appendChild(tag);
+			return () => {
+				tag.remove();
+			};
 		}
 		//#endregion
 		//#region src/client/index.ts
@@ -1884,7 +1895,7 @@ window.__ModuleLoader__.load({
 		* @param ctx - client cordis context.
 		*/
 		function apply(ctx) {
-			injectStyles();
+			ctx.effect(() => injectStyles(), "evolution-settings-ui: styles");
 			const seam = ctx;
 			let registered = false;
 			ctx.effect(() => {

package/lib/types/client/messages.d.ts

@@ -86,7 +86,7 @@ export type MessageKey = keyof typeof zh;
 /**
  * Resolve one message without the locale seat (tests and the fallback path).
  * @param key - the message key.
- * @param language - which dictionary to read; defaults to Chinese.
+ * @param language - which dictionary to read; defaults to English (the platform FALLBACK_LOCALE).
  * @returns the copy this bundle carries.
  */
 export declare function message(key: MessageKey, language?: 'zh' | 'en'): string;

package/lib/types/client/seam.d.ts

@@ -51,7 +51,7 @@ export interface ParamSectionSnapshot {
      * all, or the seat is there and serves no such row. The two read differently to the
      * operator (one is the UI's own gap, the other is a row that is not composed).
      */
-    reason?: 'seat-missing' | 'not-served' | 'projection-failed';
+    reason?: 'seat-missing' | 'not-served' | 'projection-failed' | 'session-memory';
 }
 /** The reactive source the renderer binds to a `use<Name>` seat. */
 export interface ParamSectionSource {

package/lib/types/client/styles.d.ts

@@ -5,9 +5,13 @@ export declare const CSS: string;
 /** The slice of the DOM the injection touches (this package typechecks without DOM lib). */
 interface StyleHost {
     querySelector(selector: string): unknown;
+    /** The element shape the injection uses. `remove()` is on the real DOM element and is what the
+     * S5-08 disposer calls, so the host shape names it too - otherwise the package cannot typecheck
+     * without the DOM lib while still using the disposal the browser offers. */
     createElement(tag: string): {
         dataset: Record<string, string>;
         textContent: string;
+        remove(): void;
     };
     head: {
         appendChild(node: unknown): void;
@@ -15,8 +19,14 @@ interface StyleHost {
 }
 /**
  * Inject the stylesheet once per document.
+ *
+ * S5-08: it RETURNS the disposer. The tag check alone answered only half the question - "is it
+ * there" - and left "who takes it away" to nobody, so a hot reload (unmount, remount) found the old
+ * tag, skipped the injection, and kept serving the PREVIOUS bundle CSS. skill-history hands its
+ * disposer back to the fiber; this is the same shape for the same concern.
  * @param host - the document to inject into; defaults to the global one.
+ * @returns the disposal; a no-op when there is no document or the tag was already present.
  */
-export declare function injectStyles(host?: StyleHost): void;
+export declare function injectStyles(host?: StyleHost): () => void;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lmzhen/dsh-evolution-settings-ui",
   "description": "Web settings cards for the evolution family's parameter namespaces (community build)",
-  "version": "0.26.15",
+  "version": "0.26.26",
   "publishConfig": {
     "access": "public"
   },