Add Gemini Live session resumption UI

Author: steveseguin

actions.html

@@ -321,6 +321,44 @@ <h2>Session ID Required</h2>
         })(window);
 
         var urlParams = new URLSearchParams(window.location.search);
+        var SERVER_EXCLUSIVE_TRANSPORT_VERSION = "3.52.0";
+        // Transport migration guard: only pages with full server parity may skip the legacy bridge.
+        var TRANSPORT_CAPABILITIES = {
+            serverFeed: false,
+            serverTargeted: false,
+            upstreamCommands: false,
+            customChannel: true,
+            legacyBridgeRequired: true,
+            legacyBridgeReason: "Flow Actions uses channel 6 and sendTargetP2P('actions') is still bridge-only."
+        };
+        function versionAtLeast(value, minimum) {
+            var a = String(value || "").split(".");
+            var b = String(minimum || "").split(".");
+            var len = Math.max(a.length, b.length);
+            for (var i = 0; i < len; i++) {
+                var av = parseInt(a[i], 10) || 0;
+                var bv = parseInt(b[i], 10) || 0;
+                if (av > bv) return true;
+                if (av < bv) return false;
+            }
+            return true;
+        }
+        // Only feed-carrying server params listed by this page may disable the bridge; server3 alone is command-only.
+        function hasExclusiveServerTransport(caps) {
+            var params = caps && typeof caps.exclusiveServerParams === "object" ? caps.exclusiveServerParams : { server2: true };
+            return (params.server === true && urlParams.has("server")) ||
+                (params.server2 !== false && urlParams.has("server2")) ||
+                (params.server3 === true && urlParams.has("server2") && urlParams.has("server3"));
+        }
+        function useServerOnlyTransport() {
+            var caps = (typeof TRANSPORT_CAPABILITIES === "object" && TRANSPORT_CAPABILITIES) ? TRANSPORT_CAPABILITIES : {};
+            return hasExclusiveServerTransport(caps) &&
+                versionAtLeast(urlParams.get("v"), SERVER_EXCLUSIVE_TRANSPORT_VERSION) &&
+                caps.serverFeed === true &&
+                caps.legacyBridgeRequired !== true &&
+                caps.upstreamCommands !== true &&
+                caps.customChannel !== true;
+        }
         var iframe = null;
         var connectedPeers = {};
         var roomID = "test";
@@ -1242,18 +1280,19 @@ <h2>Session ID Required</h2>
                 setupSocket();
             }
 
-            // Create iframe for receiving WebRTC data channel messages
-            iframe = document.createElement("iframe");
-            iframe.connectedPeers = connectedPeers;
-            iframe.src = "https://vdo.socialstream.ninja/?ln&salt=vdo.ninja&password=" + password +
-                "&solo&view=" + roomID + "&novideo&noaudio&label=actions&cleanoutput&room=" + roomID;
-            iframe.style.width = "0px";
-            iframe.style.height = "0px";
-            iframe.style.position = "fixed";
-            iframe.style.left = "-100px";
-            iframe.style.top = "-100px";
-            iframe.id = "frame1";
-            document.body.appendChild(iframe);
+            if (!useServerOnlyTransport()) {
+                iframe = document.createElement("iframe");
+                iframe.connectedPeers = connectedPeers;
+                iframe.src = "https://vdo.socialstream.ninja/?ln&salt=vdo.ninja&password=" + password +
+                    "&solo&view=" + roomID + "&novideo&noaudio&label=actions&cleanoutput&room=" + roomID;
+                iframe.style.width = "0px";
+                iframe.style.height = "0px";
+                iframe.style.position = "fixed";
+                iframe.style.left = "-100px";
+                iframe.style.top = "-100px";
+                iframe.id = "frame1";
+                document.body.appendChild(iframe);
+            }
 
             console.log("Actions page initialized with session ID:", roomID);
 

aioverlay.html

@@ -160,6 +160,7 @@
 
 		function requestExtensionOverlays() {
 			if (!roomID) return false;
+			// This bridge fetches saved AI overlay HTML/control responses. In server mode, feed payloads from it are ignored below.
 			bridgeFrame = createBridgeFrame("aioverlay");
 			return true;
 		}

aiprompt.html

@@ -2332,6 +2332,7 @@ <h2>Send custom payload</h2>
 			var urlParams = new URLSearchParams(location.search);
 			bridgeRoomID = urlParams.get("session") || "";
 			bridgePassword = urlParams.get("password") || "false";
+			// This bridge is the editor's upstream AI/control path, not an overlay chat-feed receiver.
 			if (!bridgeRoomID) {
 				setStatus("No session in URL. You can still build, preview, and export overlays. Add ?session=YOUR_ID to ask the AI.", "warn");
 				return;

background.js

@@ -10986,6 +10986,10 @@ async function openchat(target = null, force = false) {
 function sendDataP2P(data, UUID = false) {
 	// function to send data to the DOCk via the VDO.Ninja API
 
+	// TODO after 2026-09-01: make the server2 dock send additive instead of
+	// returning here. Overlay links generated from 3.52.0+ are prepared to use
+	// socket-only receive mode only when their TRANSPORT_CAPABILITIES opt in.
+	// Keep legacy sends for old/cached/custom overlays. Base reference: b26c7aeb.
 	if (!UUID && settings.server2 && socketserverDock && socketserverDock.readyState === 1) {
 		try {
 			if (data.out) {

battle.html

@@ -179,6 +179,44 @@
 })(window);
 
 var urlParams = new URLSearchParams(window.location.search);
+var SERVER_EXCLUSIVE_TRANSPORT_VERSION = "3.52.0";
+// Transport migration guard: only pages with full server parity may skip the legacy bridge.
+var TRANSPORT_CAPABILITIES = {
+	serverFeed: true,
+	serverTargeted: false,
+	upstreamCommands: false,
+	customChannel: false,
+	legacyBridgeRequired: false,
+	exclusiveServerParams: { server: true, server2: true, server3: false }
+};
+function versionAtLeast(value, minimum) {
+	var a = String(value || "").split(".");
+	var b = String(minimum || "").split(".");
+	var len = Math.max(a.length, b.length);
+	for (var i = 0; i < len; i++) {
+		var av = parseInt(a[i], 10) || 0;
+		var bv = parseInt(b[i], 10) || 0;
+		if (av > bv) return true;
+		if (av < bv) return false;
+	}
+	return true;
+}
+// Only feed-carrying server params listed by this page may disable the bridge; server3 alone is command-only.
+function hasExclusiveServerTransport(caps) {
+    var params = caps && typeof caps.exclusiveServerParams === "object" ? caps.exclusiveServerParams : { server2: true };
+    return (params.server === true && urlParams.has("server")) ||
+        (params.server2 !== false && urlParams.has("server2")) ||
+        (params.server3 === true && urlParams.has("server2") && urlParams.has("server3"));
+}
+function useServerOnlyTransport() {
+	var caps = (typeof TRANSPORT_CAPABILITIES === "object" && TRANSPORT_CAPABILITIES) ? TRANSPORT_CAPABILITIES : {};
+	return hasExclusiveServerTransport(caps) &&
+		versionAtLeast(urlParams.get("v"), SERVER_EXCLUSIVE_TRANSPORT_VERSION) &&
+		caps.serverFeed === true &&
+		caps.legacyBridgeRequired !== true &&
+		caps.upstreamCommands !== true &&
+		caps.customChannel !== true;
+}
 
 try {
 	if ((window.ninjafy || window.electronApi)){ // fix for electron dragging.
@@ -429,28 +467,31 @@
 	}
 }
 
-var iframe = document.createElement("iframe"); // we can leave it called "dock", as it will get all the same messages the dock gets. This could be optimized of course..
-iframe.src = "https://vdo.socialstream.ninja/?ln&salt=vdo.ninja&notmobile&notmobile&password="+encodeURIComponent(password)+lanonly+"&solo&view="+roomID+"&novideo&noaudio&label=dock&cleanoutput&room="+roomID; // view only connection (data two way of course)
-iframe.style.width = "0px";
-iframe.style.height = "0px";
-iframe.style.position = "fixed";
-iframe.style.left = "-100px";
-iframe.style.top = "-100px";
-iframe.id = "frame1"
-document.body.appendChild(iframe);
-
-var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
-var eventer = window[eventMethod];
-var messageEvent = eventMethod === "attachEvent" ? "onmessage" : "message";
-
-eventer(messageEvent, function (e) {
-	if (e.source != iframe.contentWindow){return} // reject messages send from other iframes
-	if (e.data && typeof e.data === "object" && e.data.dataReceived && typeof e.data.dataReceived === "object"){ // raw data
-		if ("overlayNinja" in e.data.dataReceived){
-			processInput(e.data.dataReceived.overlayNinja);
+var iframe = null;
+if (!useServerOnlyTransport()) {
+	iframe = document.createElement("iframe"); // we can leave it called "dock", as it will get all the same messages the dock gets. This could be optimized of course..
+	iframe.src = "https://vdo.socialstream.ninja/?ln&salt=vdo.ninja&notmobile&notmobile&password="+encodeURIComponent(password)+lanonly+"&solo&view="+roomID+"&novideo&noaudio&label=dock&cleanoutput&room="+roomID; // view only connection (data two way of course)
+	iframe.style.width = "0px";
+	iframe.style.height = "0px";
+	iframe.style.position = "fixed";
+	iframe.style.left = "-100px";
+	iframe.style.top = "-100px";
+	iframe.id = "frame1"
+	document.body.appendChild(iframe);
+
+	var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
+	var eventer = window[eventMethod];
+	var messageEvent = eventMethod === "attachEvent" ? "onmessage" : "message";
+
+	eventer(messageEvent, function (e) {
+		if (e.source != iframe.contentWindow){return} // reject messages send from other iframes
+		if (e.data && typeof e.data === "object" && e.data.dataReceived && typeof e.data.dataReceived === "object"){ // raw data
+			if ("overlayNinja" in e.data.dataReceived){
+				processInput(e.data.dataReceived.overlayNinja);
+			}
 		}
-	}
-});
+	});
+}
 
 
 var conCon = 1;

bot.html

@@ -1912,9 +1912,10 @@
 				});
 			}
 
-			if (!socketserver) {
-				RecvDataWindow(); // only load the iframe if not connecting via wss
-			}
+			// Transport migration: this page already chooses socket OR iframe; do not start the iframe when a server socket is active.
+			if (!socketserver) {
+				RecvDataWindow(); // only load the iframe if not connecting via wss
+			}
 
 			try {
 				var fallbackImage = new Image(); // preload it.

cohost-overlay.html

@@ -854,6 +854,44 @@
 	<script>
 	(function () {
 		var urlParams = new URLSearchParams(location.search);
+		var SERVER_EXCLUSIVE_TRANSPORT_VERSION = "3.52.0";
+		// Transport migration guard: only pages with full server parity may skip the legacy bridge.
+		var TRANSPORT_CAPABILITIES = {
+			serverFeed: true,
+			serverTargeted: true,
+			upstreamCommands: false,
+			customChannel: false,
+			legacyBridgeRequired: false,
+			exclusiveServerParams: { server: true, server2: true, server3: false }
+		};
+		function versionAtLeast(value, minimum) {
+			var a = String(value || "").split(".");
+			var b = String(minimum || "").split(".");
+			var len = Math.max(a.length, b.length);
+			for (var i = 0; i < len; i++) {
+				var av = parseInt(a[i], 10) || 0;
+				var bv = parseInt(b[i], 10) || 0;
+				if (av > bv) return true;
+				if (av < bv) return false;
+			}
+			return true;
+		}
+		// Only feed-carrying server params listed by this page may disable the bridge; server3 alone is command-only.
+		function hasExclusiveServerTransport(caps) {
+			var params = caps && typeof caps.exclusiveServerParams === "object" ? caps.exclusiveServerParams : { server2: true };
+			return (params.server === true && urlParams.has("server")) ||
+				(params.server2 !== false && urlParams.has("server2")) ||
+				(params.server3 === true && urlParams.has("server2") && urlParams.has("server3"));
+		}
+		function useServerOnlyTransport() {
+			var caps = (typeof TRANSPORT_CAPABILITIES === "object" && TRANSPORT_CAPABILITIES) ? TRANSPORT_CAPABILITIES : {};
+			return hasExclusiveServerTransport(caps) &&
+				versionAtLeast(urlParams.get("v"), SERVER_EXCLUSIVE_TRANSPORT_VERSION) &&
+				caps.serverFeed === true &&
+				caps.legacyBridgeRequired !== true &&
+				caps.upstreamCommands !== true &&
+				caps.customChannel !== true;
+		}
 		var sessionId = urlParams.get("session") || urlParams.get("room") || "";
 		var password = urlParams.get("password") || "false";
 		var label = urlParams.get("label") || "cohost-overlay";
@@ -1124,7 +1162,7 @@
 		}
 
 		function setupBridge() {
-			if (!sessionId || urlParams.has("preview")) return;
+			if (!sessionId || urlParams.has("preview") || useServerOnlyTransport()) return;
 			bridgeFrame = document.createElement("iframe");
 			bridgeFrame.src = "https://vdo.socialstream.ninja/?ln&salt=vdo.ninja&password=" + encodeURIComponent(password) + "&push&notmobile&label=" + encodeURIComponent(label) + "&view=" + encodeURIComponent(sessionId) + "&vd=0&ad=0&novideo&noaudio&autostart&cleanoutput&room=" + encodeURIComponent(sessionId);
 			bridgeFrame.style.cssText = "width:0;height:0;border:0;position:absolute;left:-200px;top:-200px;";