@linxin666/dsh-remote-web-ui 0.1.18 → 0.1.20

package/lib/client.js

@@ -2001,8 +2001,16 @@ window.__ModuleLoader__.load({
 		* rendered by {@link UpdateEntry}. Component-local state per the client
 		* stack rules: nothing here survives remounts or crosses entries.
 		*/
-		/** Apply one status frame onto the current ready state. */
+		/**
+		* Apply one status frame onto the current state: the ready state mirrors
+		* the full phase/device picture, while the lan-required banner only keeps
+		* the auto-tunnel frame (the signal for the running re-issue).
+		*/
 		function mergeFrame(state, frame) {
+			if (state.kind === "lan-required") return {
+				...state,
+				...frame.tunnel !== void 0 ? { tunnel: frame.tunnel } : {}
+			};
 			if (state.kind !== "ready") return state;
 			return {
 				...state,
@@ -2020,6 +2028,10 @@ window.__ModuleLoader__.load({
 		function RemoteEntry({ wide, useWorkspaces, t }) {
 			const [open, setOpen] = (0, react.useState)(false);
 			const [state, setState] = (0, react.useState)({ kind: "lan-required" });
+			const stateRef = (0, react.useRef)(state);
+			(0, react.useEffect)(() => {
+				stateRef.current = state;
+			}, [state]);
 			const [copied, setCopied] = (0, react.useState)(false);
 			const eventSource = (0, react.useRef)(void 0);
 			const workspaceId = useWorkspaces((s) => s.recentWorkspaceId);
@@ -2058,14 +2070,19 @@ window.__ModuleLoader__.load({
 				setOpen(true);
 				const next = await mint();
 				setState(next);
-				if (next.kind !== "ready") return;
+				if (next.kind !== "ready" && next.kind !== "lan-required") return;
 				const source = new EventSource("/api/pair/events");
 				eventSource.current = source;
 				source.onmessage = (event) => {
 					try {
 						const frame = JSON.parse(event.data);
 						if (frame.type !== "state") return;
-						setState((previous) => mergeFrame(previous, frame));
+						const previous = stateRef.current;
+						if (previous.kind === "lan-required" && frame.tunnel?.state === "running" && previous.tunnel?.state !== "running") {
+							mint().then(setState);
+							return;
+						}
+						setState((current) => mergeFrame(current, frame));
 					} catch {}
 				};
 			}, [mint]);
@@ -2558,6 +2575,9 @@ window.__ModuleLoader__.load({
 			specs;
 			staged = /* @__PURE__ */ new Map();
 			listeners = /* @__PURE__ */ new Set();
+			/** The scope subscription installed in the constructor; released by dispose(). */
+			disposeScope;
+			disposed = false;
 			saving = false;
 			failed = false;
 			failedReason;
@@ -2565,10 +2585,20 @@ window.__ModuleLoader__.load({
 			constructor(scope, specs) {
 				this.scope = scope;
 				this.specs = new Map(specs.map((spec) => [spec.field, spec]));
-				scope.subscribe(() => {
+				this.disposeScope = scope.subscribe(() => {
 					this.publish();
 				});
 			}
+			/**
+			* Release the scope subscription and every bound store listener. The card
+			* must call this on teardown; later calls are no-ops.
+			*/
+			dispose() {
+				if (this.disposed) return;
+				this.disposed = true;
+				this.disposeScope();
+				this.listeners.clear();
+			}
 			/** Publish a projection of this form, rebuilt whenever the scope or a draft changes. */
 			bind(project) {
 				const store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(project());
@@ -2811,6 +2841,13 @@ window.__ModuleLoader__.load({
 					...this.form.actions()
 				};
 			}
+			/**
+			* Release the card's scope subscription and bound stores; the slot
+			* disposer calls this on teardown.
+			*/
+			dispose() {
+				this.form.dispose();
+			}
 		};
 		/**
 		* Render the remote-control card.
@@ -3349,13 +3386,19 @@ window.__ModuleLoader__.load({
 				};
 			});
 			const remoteSettings = new RemoteSettingsCardController(settingsScope);
-			ctx.slots.inject("web-ui.plugin.item", () => ctx.slots.register({
-				name: "web-ui.plugin.item",
-				id: "remote-web-ui",
-				order: 90,
-				locale: NS,
-				inject: () => remoteSettings.inject()
-			}, RemoteSettingsCard));
+			ctx.slots.inject("web-ui.plugin.item", () => {
+				const unregister = ctx.slots.register({
+					name: "web-ui.plugin.item",
+					id: "remote-web-ui",
+					order: 90,
+					locale: NS,
+					inject: () => remoteSettings.inject()
+				}, RemoteSettingsCard);
+				return () => {
+					remoteSettings.dispose();
+					unregister();
+				};
+			});
 			let disposeRuntime;
 			const syncRuntime = () => {
 				if (enabled() && disposeRuntime === void 0) disposeRuntime = ctx.effect(() => {