@@ -843,10 +924,65 @@
'
';
}
+ // Connect modal state
+ let connectSessionId = null;
+ let connectMachineName = null;
+
+ const connectModal = document.getElementById("connectModal");
+ const connectClose = document.getElementById("connectClose");
+ const connectWeb = document.getElementById("connectWeb");
+ const connectNative = document.getElementById("connectNative");
+ const nativeCommandContainer = document.getElementById("nativeCommandContainer");
+ const nativeCommandText = document.getElementById("nativeCommandText");
+ const connectMachineNameEl = document.getElementById("connectMachineName");
+
+ connectClose.addEventListener("click", () => {
+ connectModal.classList.remove("active");
+ nativeCommandContainer.style.display = "none";
+ });
+
+ connectModal.addEventListener("click", (e) => {
+ if (e.target === connectModal) {
+ connectModal.classList.remove("active");
+ nativeCommandContainer.style.display = "none";
+ }
+ });
+
+ connectWeb.addEventListener("click", () => {
+ if (connectSessionId) {
+ const viewerUrl = "/viewer.html?session_id=" + connectSessionId;
+ window.open(viewerUrl, "viewer_" + connectSessionId, "width=1280,height=800,menubar=no,toolbar=no,location=no,status=no");
+ connectModal.classList.remove("active");
+ nativeCommandContainer.style.display = "none";
+ }
+ });
+
+ connectNative.addEventListener("click", () => {
+ if (connectSessionId) {
+ const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+ const serverUrl = protocol + "//" + window.location.host + "/ws/viewer";
+ const cmd = `guruconnect-viewer.exe -i ${connectSessionId} -s ${serverUrl}`;
+ nativeCommandText.textContent = cmd;
+ nativeCommandContainer.style.display = "block";
+ }
+ });
+
+ function copyNativeCommand() {
+ const cmd = nativeCommandText.textContent;
+ navigator.clipboard.writeText(cmd).then(() => {
+ const btn = document.querySelector(".copy-btn");
+ btn.textContent = "Copied!";
+ setTimeout(() => btn.textContent = "Copy", 2000);
+ });
+ }
+
function connectToMachine(sessionId) {
- // Open viewer in new window
- const viewerUrl = "/viewer.html?session_id=" + sessionId;
- window.open(viewerUrl, "viewer_" + sessionId, "width=1280,height=800,menubar=no,toolbar=no,location=no,status=no");
+ const machine = machines.find(m => m.id === sessionId);
+ connectSessionId = sessionId;
+ connectMachineName = machine?.agent_name || sessionId.slice(0, 8);
+ connectMachineNameEl.textContent = connectMachineName;
+ nativeCommandContainer.style.display = "none";
+ connectModal.classList.add("active");
}
async function disconnectMachine(sessionId, machineName) {