@linxin666/dsh-remote-web-ui 0.1.19 → 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]);