ds-harness-remote 0.3.32 → 0.3.34

package/dist/client.js

@@ -1691,7 +1691,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
   var CONTROL_RPC_PREFIX = "/ds-harness-remote";
 
   // src/client.ts
-  var clientModuleId = "ds-harness-remote", localeNamespace = "dsh-remote", en = {
+  var clientModuleId = "ds-harness-remote", localeNamespace = "ds-harness-remote", en = {
     pluginTitle: "DeepSeek Remote",
     pluginDescription: "Connect once. Available anytime.",
     expandSettings: "Show settings: {name}",
@@ -1798,6 +1798,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
     remoteProgressProbeRelay: "Preparing Relay",
     remoteProgressProbeRelayDetail: "Preparing the encrypted Server Relay fallback if direct paths do not open.",
     remoteProgressTryingPrefix: "Trying ",
+    remoteProgressUsingPrefix: "Using ",
     remoteProgressLoadingWorkspaces: "Loading workspaces",
     remoteProgressLoadingWorkspacesDetail: "Reading the remote Harness workspace list through the tunnel.",
     remoteProgressOpeningWorkspace: "Opening workspace",
@@ -1992,6 +1993,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
     remoteProgressProbeRelay: "\u6B63\u5728\u51C6\u5907 Relay",
     remoteProgressProbeRelayDetail: "\u5982\u679C\u76F4\u8FDE\u8DEF\u5F84\u672A\u6253\u5F00\uFF0C\u5C06\u56DE\u843D\u5230\u52A0\u5BC6\u7684 Server Relay\u3002",
     remoteProgressTryingPrefix: "\u6B63\u5728\u5C1D\u8BD5 ",
+    remoteProgressUsingPrefix: "\u5DF2\u8FDE\u63A5 ",
     remoteProgressLoadingWorkspaces: "\u6B63\u5728\u52A0\u8F7D\u5DE5\u4F5C\u533A",
     remoteProgressLoadingWorkspacesDetail: "\u901A\u8FC7\u96A7\u9053\u8BFB\u53D6\u8FDC\u7AEF Harness \u5DE5\u4F5C\u533A\u5217\u8868\u3002",
     remoteProgressOpeningWorkspace: "\u6B63\u5728\u6253\u5F00\u5DE5\u4F5C\u533A",
@@ -2113,20 +2115,39 @@ Minimum version required to store current data is: ` + bestVersion + `.
     return value === "lan" ? { label: "remoteProgressProbeLan", detail: "remoteProgressProbeLanDetail" } : value === "p2p" ? { label: "remoteProgressProbeP2p", detail: "remoteProgressProbeP2pDetail" } : value === "turn" ? { label: "remoteProgressProbeTurn", detail: "remoteProgressProbeTurnDetail" } : { label: "remoteProgressProbeRelay", detail: "remoteProgressProbeRelayDetail" };
   }
   function connectHostProgressSteps(preferredTransports) {
-    let transports = normalizedPreferredTransports(preferredTransports);
+    let transports = normalizedPreferredTransports(preferredTransports), probeTransports = transports.filter((transport) => transport !== "relay" || transports.length === 1);
     return [
       { label: "remoteProgressCheckingHost", detail: "remoteProgressCheckingHostDetail", percent: 12 },
       { label: "remoteProgressAuthorizingPeer", detail: "remoteProgressAuthorizingPeerDetail", percent: 30, delayMs: 280 },
-      ...transports.map((transport, index) => ({
+      ...probeTransports.map((transport, index) => ({
         ...transportProgressCopy(transport),
         percent: Math.min(76, 42 + index * 10),
         delayMs: 680 + index * 360,
-        transports,
-        activeTransport: transport
+        transports: probeTransports,
+        activeTransport: transport,
+        routeVerb: "trying"
       })),
       { label: "remoteProgressLoadingWorkspaces", detail: "remoteProgressLoadingWorkspacesDetail", percent: 84, delayMs: 1520, transports }
     ];
   }
+  function statusTransportPreference(status) {
+    if (status?.transport === "LAN") return "lan";
+    if (status?.transport === "P2P") return "p2p";
+    if (status?.transport === "TURN") return "turn";
+    if (status?.transport === "Relay") return "relay";
+  }
+  function connectedProgress(status) {
+    let activeTransport = statusTransportPreference(status);
+    if (activeTransport !== void 0)
+      return {
+        label: "remoteProgressReady",
+        detail: "remoteProgressReadyDetail",
+        percent: 100,
+        transports: [activeTransport],
+        activeTransport,
+        routeVerb: "using"
+      };
+  }
   function connectionErrorMessage(code, t) {
     return t(code === "ACCOUNT_AUTH_REQUIRED" || code === "AUTH_INVALID" || code === "TOKEN_EXPIRED" ? "connectionAuthorizationExpired" : code === "DEVICE_REVOKED" ? "connectionDeviceRevoked" : code === "DEVICE_OWNERSHIP_REQUIRED" ? "connectionOwnershipRequired" : code === "RATE_LIMITED" ? "connectionRateLimited" : code === "UNSUPPORTED_VERSION" ? "connectionVersionMismatch" : code === "INVALID_MESSAGE" ? "connectionInvalidResponse" : code === "CONNECTION_FAILED" || code === "SERVER_NOT_CONFIGURED" ? "connectionReachability" : "connectionUnexpected");
   }
@@ -2146,7 +2167,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
         let percent = Math.max(0, Math.min(100, Math.round(progress.percent))), activeTransportIndex = progress.transports?.findIndex((transport) => transport === progress.activeTransport) ?? -1, detail = progress.transports !== void 0 && progress.activeTransport !== void 0 && activeTransportIndex > -1 ? React.createElement(
           "span",
           { className: "dshRemoteProgressRoute" },
-          props.t("remoteProgressTryingPrefix"),
+          props.t(progress.routeVerb === "using" ? "remoteProgressUsingPrefix" : "remoteProgressTryingPrefix"),
           progress.transports.map((transport, index) => React.createElement(
             React.Fragment,
             { key: `${transport}:${index}` },
@@ -2180,7 +2201,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
           }, React.createElement("span", { style: { width: `${percent}%` } }))
         );
       }
-      async function runRemoteProgress(steps, setProgress, progressRun, action) {
+      async function runRemoteProgress(steps, setProgress, progressRun, action, readyProgress) {
         let runId = progressRun.current + 1;
         progressRun.current = runId;
         let apply2 = (next) => {
@@ -2190,7 +2211,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
         let timers = rest.map((step) => window.setTimeout(() => apply2(step), step.delayMs ?? 0));
         try {
           let result = await action();
-          return apply2({ label: "remoteProgressReady", detail: "remoteProgressReadyDetail", percent: 100 }), await new Promise((resolve) => window.setTimeout(resolve, 220)), result;
+          return apply2(readyProgress?.(result) ?? { label: "remoteProgressReady", detail: "remoteProgressReadyDetail", percent: 100 }), await new Promise((resolve) => window.setTimeout(resolve, 520)), result;
         } finally {
           timers.forEach((timer) => window.clearTimeout(timer)), progressRun.current === runId && setProgress(void 0);
         }
@@ -2492,12 +2513,18 @@ Minimum version required to store current data is: ` + bestVersion + `.
         }, t(provider === "github" ? "githubLogin" : "zhihuLogin")), selectHost = async (host) => {
           setBusy(!0), setError(void 0);
           try {
-            setWorkspaces(await runRemoteProgress(
+            let result = await runRemoteProgress(
               connectHostProgressSteps(status?.preferredTransports),
               setProgress,
               progressRun,
-              () => props.control("workspaces.list", { targetDeviceId: host.deviceId })
-            )), setSelectedHost(host), setPath(""), setAddingWorkspace(!1), setDirectory(void 0);
+              async () => {
+                let nextWorkspaces = await props.control("workspaces.list", { targetDeviceId: host.deviceId }), nextStatus = await props.control("status").catch(() => {
+                });
+                return nextStatus !== void 0 && setStatus(nextStatus), { workspaces: nextWorkspaces, status: nextStatus };
+              },
+              (result2) => connectedProgress(result2.status)
+            );
+            setWorkspaces(result.workspaces), setSelectedHost(host), setPath(""), setAddingWorkspace(!1), setDirectory(void 0);
           } catch (reason) {
             setError(messageOf(reason));
           } finally {
@@ -2573,20 +2600,22 @@ Minimum version required to store current data is: ` + bestVersion + `.
           if (!(selectedHost === void 0 || path.trim() === "")) {
             setBusy(!0), setError(void 0);
             try {
-              await runRemoteProgress(
+              let nextStatus = await runRemoteProgress(
                 openWorkspaceProgressSteps,
                 setProgress,
                 progressRun,
                 () => props.control("workspace.open", {
                   targetDeviceId: selectedHost.deviceId,
                   path: path.trim()
-                })
-              ), window.location.reload();
+                }),
+                connectedProgress
+              );
+              setStatus(nextStatus), window.location.reload();
             } catch (reason) {
               setError(messageOf(reason)), setBusy(!1);
             }
           }
-        }, remoteLabel = status?.mode === "remote" ? t("activeRemote", { name: status.target?.name ?? t("host") }) : t("remoteEntry"), currentDeviceName = status?.deviceName ?? t("currentDevice");
+        }, remoteLabel = status?.mode === "remote" ? t("activeRemote", { name: status.target?.name ?? t("host") }) : t("remoteEntry");
         return React.createElement(
           React.Fragment,
           null,
@@ -2761,39 +2790,34 @@ Minimum version required to store current data is: ` + bestVersion + `.
                     React.createElement(
                       "div",
                       { className: "dshRemoteSectionHeading" },
-                      React.createElement("strong", null, t("chooseHost")),
                       React.createElement(
                         "div",
-                        { className: "dshRemoteSectionActions" },
-                        React.createElement(
+                        { className: "dshRemoteSectionTitle" },
+                        React.createElement("strong", null, t("chooseHost")),
+                        status?.hostAuthorizationAvailable ? React.createElement(
                           "div",
-                          { className: "dshRemoteCurrentDeviceControl" },
-                          React.createElement(
-                            "div",
-                            { className: "dshRemoteCurrentDeviceTitle" },
-                            React.createElement("span", { className: "dshRemoteCurrentDeviceName" }, currentDeviceName),
-                            React.createElement("button", {
-                              type: "button",
-                              className: "dshRemoteAccountExit",
-                              disabled: busy,
-                              onClick: () => void logoutRemote()
-                            }, t("exitRemoteAccount"))
-                          ),
-                          status?.hostAuthorizationAvailable ? React.createElement(
-                            "div",
-                            { className: "dshRemoteHostControlToggle" },
-                            React.createElement("span", null, t("allowControlCurrentDevice")),
-                            React.createElement("input", {
-                              type: "checkbox",
-                              role: "switch",
-                              disabled: busy,
-                              "aria-label": t("allowControlCurrentDevice"),
-                              checked: status.host?.authorized === !0,
-                              onChange: (event) => void setCurrentDeviceControl(event.target.checked)
-                            })
-                          ) : null
-                        ),
-                        selectedHost === void 0 ? null : React.createElement("button", {
+                          { className: "dshRemoteHostControlToggle" },
+                          React.createElement("span", null, t("allowControlCurrentDevice")),
+                          React.createElement("input", {
+                            type: "checkbox",
+                            role: "switch",
+                            disabled: busy,
+                            "aria-label": t("allowControlCurrentDevice"),
+                            checked: status.host?.authorized === !0,
+                            onChange: (event) => void setCurrentDeviceControl(event.target.checked)
+                          })
+                        ) : null,
+                        React.createElement("button", {
+                          type: "button",
+                          className: "dshRemoteAccountExit",
+                          disabled: busy,
+                          onClick: () => void logoutRemote()
+                        }, t("exitRemoteAccount"))
+                      ),
+                      selectedHost === void 0 ? null : React.createElement(
+                        "div",
+                        { className: "dshRemoteSectionActions" },
+                        React.createElement("button", {
                           type: "button",
                           onClick: () => {
                             setSelectedHost(void 0), setWorkspaces([]), setDirectory(void 0), setPath(""), setAddingWorkspace(!1), setError(void 0);
@@ -2932,7 +2956,13 @@ Minimum version required to store current data is: ` + bestVersion + `.
           setBusy(!0), setError(void 0);
           try {
             let action = () => props.control("mode.set", { mode, ...targetDeviceId === void 0 ? {} : { targetDeviceId } });
-            mode === "remote" ? await runRemoteProgress(connectHostProgressSteps(status?.preferredTransports), setProgress, progressRun, action) : await action(), window.location.reload();
+            setStatus(mode === "remote" ? await runRemoteProgress(
+              connectHostProgressSteps(status?.preferredTransports),
+              setProgress,
+              progressRun,
+              action,
+              connectedProgress
+            ) : await action()), window.location.reload();
           } catch (reason) {
             setError(messageOf(reason)), setBusy(!1);
           }
@@ -3080,7 +3110,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
           } finally {
             setBusy(!1);
           }
-        }, transport = status.transport ?? "Disconnected", networkLabel = t(transport === "P2P" ? "remoteNetworkP2p" : transport === "TURN" ? "remoteNetworkTurn" : transport === "Relay" ? "remoteNetworkRelay" : transport === "LAN" ? "remoteNetworkLan" : "remoteNetworkOffline"), networkOnline = status.connected === !0 && transport !== "Disconnected", routeVia = t(transport === "P2P" ? "connectionRouteP2p" : transport === "TURN" ? "connectionRouteTurn" : transport === "Relay" ? "connectionRouteRelay" : "connectionRouteLan"), routeViaDetail = t(transport === "P2P" ? "connectionRouteP2pDetail" : transport === "TURN" ? "connectionRouteTurnDetail" : transport === "Relay" ? "connectionRouteRelayDetail" : "connectionRouteLanDetail"), network = status.network, webRtc = network?.webRtc, controlStateLabel = network?.controlChannelState === "connecting" ? t("controlStateConnecting") : network?.controlChannelState === "open" ? t("controlStateOpen") : network?.controlChannelState === "closing" ? t("controlStateClosing") : t("controlStateClosed"), detailValue = (value) => value === void 0 || value === "" ? t("notProvided") : String(value), candidateLabel = (value) => value === "host" ? t("candidateHost") : value === "srflx" ? t("candidateSrflx") : value === "prflx" ? t("candidatePrflx") : value === "relay" ? t("candidateRelay") : detailValue(value), fact = (label, value, mono = !1) => React.createElement(
+        }, transport = status.network?.webRtc?.mode ?? status.transport ?? "Disconnected", networkLabel = t(transport === "P2P" ? "remoteNetworkP2p" : transport === "TURN" ? "remoteNetworkTurn" : transport === "Relay" ? "remoteNetworkRelay" : transport === "LAN" ? "remoteNetworkLan" : "remoteNetworkOffline"), networkOnline = status.connected === !0 && transport !== "Disconnected", routeVia = t(transport === "P2P" ? "connectionRouteP2p" : transport === "TURN" ? "connectionRouteTurn" : transport === "Relay" ? "connectionRouteRelay" : "connectionRouteLan"), routeViaDetail = t(transport === "P2P" ? "connectionRouteP2pDetail" : transport === "TURN" ? "connectionRouteTurnDetail" : transport === "Relay" ? "connectionRouteRelayDetail" : "connectionRouteLanDetail"), network = status.network, webRtc = network?.webRtc, controlStateLabel = network?.controlChannelState === "connecting" ? t("controlStateConnecting") : network?.controlChannelState === "open" ? t("controlStateOpen") : network?.controlChannelState === "closing" ? t("controlStateClosing") : t("controlStateClosed"), detailValue = (value) => value === void 0 || value === "" ? t("notProvided") : String(value), candidateLabel = (value) => value === "host" ? t("candidateHost") : value === "srflx" ? t("candidateSrflx") : value === "prflx" ? t("candidatePrflx") : value === "relay" ? t("candidateRelay") : detailValue(value), fact = (label, value, mono = !1) => React.createElement(
           "div",
           null,
           React.createElement("dt", null, label),
@@ -3239,7 +3269,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
           ".dshRemotePage{width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));display:flex;flex-direction:column;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:14px;overflow:hidden;animation:dshRemotePageIn .18s cubic-bezier(.25,1,.5,1)}",
           ".dshRemotePageHeader{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;border-bottom:1px solid var(--dsw-alias-border-l2)}.dshRemotePageIntro{min-width:0;flex:1}.dshRemotePageHeader strong{display:block;font-size:18px;line-height:1.4}.dshRemotePageHeader p{min-width:0;max-width:70ch;margin:3px 0 0;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.5}.dshRemotePageHeader>button{width:40px;height:40px;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:inherit;font-size:24px;cursor:pointer}.dshRemotePageHeader>button:hover{background:var(--dsw-alias-interactive-bg-hover)}",
           ".dshRemotePageBody{padding:24px;overflow:auto;display:flex;flex-direction:column;gap:24px}.dshRemotePageBody button{font:inherit;color:inherit}",
-          ".dshRemoteSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.dshRemoteSectionHeading>strong{font-size:14px}.dshRemoteSectionActions{display:flex;align-items:center;gap:14px}.dshRemoteSectionActions>button{border:0;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:5px 0;font-size:12px}.dshRemoteSectionActions>button:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}",
+          ".dshRemoteSectionHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.dshRemoteSectionTitle{min-width:0;display:flex;align-items:center;gap:10px}.dshRemoteSectionTitle>strong{font-size:14px}.dshRemoteSectionActions{display:flex;align-items:center;gap:14px}.dshRemoteSectionActions>button{border:0;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:5px 0;font-size:12px}.dshRemoteSectionActions>button:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}",
           ".dshRemoteSectionHeading>.dshRemoteAddWorkspace{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;font-size:20px;line-height:1}.dshRemoteSectionHeading>.dshRemoteAddWorkspace:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}",
           ".dshRemoteHostList{display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l2)}.dshRemoteHostList>button{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:0;border-bottom:1px solid var(--dsw-alias-border-l2);background:transparent;padding:10px 4px;cursor:pointer}.dshRemoteHostList>button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.dshRemoteHostList>button:disabled{opacity:.5;cursor:default}.dshRemoteHostList>button>span{min-width:0;display:flex;flex-direction:column;gap:3px}.dshRemoteHostList>button strong{font-size:14px;font-weight:500}.dshRemoteHostList small,.dshRemoteSelectedHost small{color:var(--dsw-alias-label-secondary);font-size:12px}",
           ".dshRemoteSelectedHost{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:10px;background:var(--dsw-alias-bg-layer-2)}",
@@ -3254,7 +3284,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
           ".dshRemoteClientLogin{width:min(440px,100%);display:flex;flex-direction:column;gap:8px}.dshRemoteClientLogin input{min-height:40px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:inherit;padding:0 12px;font:inherit}.dshRemoteClientLogin button{align-self:flex-start;min-height:40px;border:0;border-radius:8px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-1);padding:8px 16px;cursor:pointer}",
           ".dshRemoteQrLogin{width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0 2px;text-align:center}.dshRemoteQrLogin img,.dshRemoteQrPlaceholder{box-sizing:border-box;width:200px;height:200px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:#fff;padding:8px}.dshRemoteQrOpen{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--dsw-alias-label-secondary);font-size:12px;text-decoration:none}.dshRemoteQrOpen:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteQrOpen:hover img{border-color:var(--dsw-alias-label-dimmed)}.dshRemoteQrOpen:focus-visible{border-radius:12px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:3px}.dshRemoteQrPlaceholder{display:flex;align-items:center;justify-content:center;color:var(--dsw-alias-label-secondary)}.dshRemoteQrLogin>strong{font-size:14px}.dshRemoteQrLogin>p{max-width:48ch;margin:0;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.5}.dshRemoteQrLogin>.dshRemoteServiceAddress{margin-top:2px;color:var(--dsw-alias-label-tertiary)}.dshRemoteServiceAddress>a{color:var(--dsw-alias-label-secondary);text-decoration:none}.dshRemoteServiceAddress>a:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteQrLogin>button,.dshRemoteClientLogin>.dshRemoteLoginSwitch{min-height:32px;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:4px 8px;font:inherit;font-size:12px;cursor:pointer}.dshRemoteQrLogin>button:hover,.dshRemoteClientLogin>.dshRemoteLoginSwitch:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteClientLogin>.dshRemoteLoginSwitch{align-self:flex-start;background:transparent;color:var(--dsw-alias-label-secondary);padding-left:0}",
           ".dshRemoteEnable{box-sizing:border-box;width:100%;min-height:388px}.dshRemoteLoginHeading{max-width:100%;display:flex;align-items:baseline;gap:10px;overflow:hidden;white-space:nowrap}.dshRemoteLoginTitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshRemoteLoginHeading>span{flex:0 0 auto;color:var(--dsw-alias-label-secondary);font-size:13px;font-weight:400}.dshRemoteLoginTabs{width:100%}.dshRemoteLoginTabs>button{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dshRemoteLoginTabs>button.isActive::after{right:0;left:0;border-radius:0}.dshRemoteClientLogin,.dshRemoteQrLogin{box-sizing:border-box;width:min(440px,100%);height:300px;min-height:300px;align-self:center}.dshRemoteClientLogin{align-items:stretch;padding-top:16px}.dshRemoteClientLogin>button{align-self:stretch;width:100%}.dshRemoteQrLogin{padding-top:12px}",
-          '.dshRemoteCurrentDeviceControl{min-width:0;display:flex;align-items:center;gap:14px}.dshRemoteCurrentDeviceTitle{min-width:0;display:flex;align-items:center;gap:8px}.dshRemoteCurrentDeviceName{min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);font-size:12px;font-weight:500;line-height:1.5}.dshRemoteHostControlToggle{display:flex;align-items:center;gap:8px;color:var(--dsw-alias-label-secondary);font-size:12px;white-space:nowrap;cursor:default}.dshRemoteHostControlToggle>input{appearance:none;position:relative;width:38px;height:22px;flex:0 0 auto;margin:0;border:1px solid var(--dsw-alias-label-secondary);border-radius:999px;background:var(--dsw-alias-bg-layer-3);cursor:pointer;box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2);transition:background .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.dshRemoteHostControlToggle>input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--dsw-alias-label-secondary);transition:transform .16s ease-out,background .16s ease-out}.dshRemoteHostControlToggle>input:checked{border-color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-primary);box-shadow:none}.dshRemoteHostControlToggle>input:checked::after{transform:translateX(16px);background:var(--dsw-alias-bg-layer-1)}.dshRemoteHostControlToggle>input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.dshRemoteHostControlToggle>input:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.dshRemoteHostControlToggle>input,.dshRemoteHostControlToggle>input::after{transition:none}}',
+          '.dshRemoteHostControlToggle{display:flex;align-items:center;gap:7px;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;white-space:nowrap;cursor:default}.dshRemoteHostControlToggle>input{appearance:none;box-sizing:border-box;position:relative;width:32px;height:18px;flex:0 0 auto;margin:0;border:1px solid var(--dsw-alias-label-secondary);border-radius:999px;background:var(--dsw-alias-bg-layer-3);cursor:pointer;box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2);transition:background .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}.dshRemoteHostControlToggle>input::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--dsw-alias-label-secondary);transition:transform .16s ease-out,background .16s ease-out}.dshRemoteHostControlToggle>input:checked{border-color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-primary);box-shadow:none}.dshRemoteHostControlToggle>input:checked::after{transform:translateX(14px);background:var(--dsw-alias-bg-layer-1)}.dshRemoteHostControlToggle>input:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.dshRemoteHostControlToggle>input:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.dshRemoteHostControlToggle>input,.dshRemoteHostControlToggle>input::after{transition:none}}',
           ".dshRemoteAccountExit{flex:0 0 auto;border:0;background:transparent;color:var(--dsw-alias-label-secondary);cursor:pointer;padding:5px 0;font-size:12px;line-height:1.5;white-space:nowrap}.dshRemoteAccountExit:hover:not(:disabled){color:var(--dsw-alias-label-primary);text-decoration:underline}.dshRemoteAccountExit:disabled{opacity:.5;cursor:default;text-decoration:none}",
           ".dshRemoteLocalLink{align-self:flex-start;border:0;background:transparent;color:var(--dsw-alias-label-secondary);padding:4px 0;cursor:pointer}.dshRemoteLocalLink:hover{color:var(--dsw-alias-label-primary)}",
           "@keyframes dshRemotePageIn{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dshRemotePage{animation:none}}@media(max-width:620px){.dshRemoteBackdrop{padding:12px}.dshRemotePage{max-height:calc(100vh - 24px)}.dshRemotePageHeader{padding:12px 16px}.dshRemoteSectionHeading{align-items:flex-start;flex-direction:column;gap:8px}.dshRemoteSectionActions{width:100%;justify-content:space-between}.dshRemotePageBody{padding:20px 16px}.dshRemoteOpenBar{align-items:flex-end}.dshRemoteOpenBar>button{min-height:48px}}",
@@ -3281,6 +3311,10 @@ Minimum version required to store current data is: ` + bestVersion + `.
         ].join(""), document.head.append(style), () => style.remove();
       }
       function apply(ctx) {
+        if (window.__DS_HARNESS_REMOTE_CLIENT_ACTIVE__) return;
+        window.__DS_HARNESS_REMOTE_CLIENT_ACTIVE__ = !0, ctx.effect(() => () => {
+          window.__DS_HARNESS_REMOTE_CLIENT_ACTIVE__ = !1;
+        }, "ds-harness-remote: client singleton");
         let t = ctx.locale.bind(localeNamespace), control = async (endpoint, payload = {}) => {
           let result;
           for (let attempt = 0; ; attempt += 1)
@@ -3311,7 +3345,7 @@ Minimum version required to store current data is: ` + bestVersion + `.
           }), () => {
             disposed = !0, unsubscribe?.();
           };
-        }, "dsh-remote: resume selected workspace"), ctx.inject(["fileViewer"], (fileViewerContext) => {
+        }, "ds-harness-remote: resume selected workspace"), ctx.inject(["fileViewer"], (fileViewerContext) => {
           let viewer = fileViewerContext.get("fileViewer");
           viewer !== void 0 && fileViewerContext.effect(() => {
             let active = !0, unregister, latestSaveAsAllowed = !1, sync = async () => {
@@ -3333,16 +3367,16 @@ Minimum version required to store current data is: ` + bestVersion + `.
             return () => {
               active = !1, window.clearInterval(timer), unregister?.();
             };
-          }, "dsh-remote: remote file viewer provider");
-        }), ctx.effect(() => ctx.locale.register(localeNamespace, { zh, en }), "dsh-remote: dictionaries"), ctx.effect(installStyle, "dsh-remote: client styles"), ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+          }, "ds-harness-remote: remote file viewer provider");
+        }), ctx.effect(() => ctx.locale.register(localeNamespace, { zh, en }), "ds-harness-remote: dictionaries"), ctx.effect(installStyle, "ds-harness-remote: client styles"), ctx.slots.inject("shell.overlay", () => ctx.slots.register({
           name: "shell.overlay",
-          id: "dsh-remote-global-context",
+          id: "ds-harness-remote-global-context",
           order: 20,
           locale: localeNamespace,
           inject: () => ({ control })
         }, RemoteSessionHeaderAction)), ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
           name: "sidebar.footer.action",
-          id: "dsh-remote-workspace",
+          id: "ds-harness-remote-workspace",
           order: -20,
           locale: localeNamespace,
           inject: () => ({