dsh-remote-control 1.1.0 → 2.0.0

package/cordis.patch.yml

@@ -19,9 +19,7 @@
           enabled: true
           idleReleaseSec: 300
           keepDisplay: false
-        # 右栏自动弹码（原独立条目 dsh-remote-control-presentation，2026-10-03 折进来）。
-        # imageFile 故意不写在这里：默认值取 homedir（见 src/shell/config.ts），
-        # 写进 YAML 就把某个人的家目录焊进分发包了。
-        sidebarQr:
+        # 状态栏那颗 pill：配对的**唯一**入口（`/drc pair` 与右栏自动弹码都在 2026-10-03 删了）。
+        # 关掉它这台主机就没有配对入口了——所以关掉会在 status.json 的 problems 里留一条 warn:pill。
+        pill:
           enabled: true
-          refreshMs: 2000

package/dist/bundle/client.cjs

@@ -31,112 +31,521 @@ __export(main_exports, {
   name: () => name
 });
 module.exports = __toCommonJS(main_exports);
-var ROUTE = "/plugins/dsh-remote-control/pairing";
+
+// client/src/pill.ts
+var STATUS_ROUTE = "/plugins/dsh-remote-control/status";
+var NEW_ROUTE = "/plugins/dsh-remote-control/pairing/new";
+var IMAGE_ROUTE = "/plugins/dsh-remote-control/pairing.png";
+var UNPAIR_ROUTE = "/plugins/dsh-remote-control/unpair";
+var SLOT_NAME = "conversation.composer.dock";
+var PILL_ID = "dsh-remote-control";
+var PILL_ORDER = 20;
+var STYLE_ID = "dsh-remote-control/pill.css";
 var POLL_MS = 2e3;
-var timer;
-var stopped = true;
-var inFlight = false;
-var lastEpoch = null;
-var lastSessionId = null;
-var reported = /* @__PURE__ */ new Set();
-function report(message, error) {
-  if (reported.has(message)) return;
-  reported.add(message);
-  try {
-    const detail = error instanceof Error ? error.stack ?? error.message : error === void 0 ? "" : String(error);
-    console.error(`[dsh-remote-control sidebar] ${message} ${detail}`);
-  } catch {
+function panelViewFor(answer, httpStatus) {
+  if (!answer || typeof answer !== "object") return { kind: "failed", detail: `HTTP ${httpStatus}` };
+  if (answer.state === "ready") {
+    const token = typeof answer.token === "string" ? answer.token : "";
+    const epoch = typeof answer.epoch === "string" ? answer.epoch : "";
+    const expiresInMs = typeof answer.expiresInMs === "number" ? answer.expiresInMs : 0;
+    if (token === "" || expiresInMs <= 0) return { kind: "failed", detail: "\u53D1\u7801\u56DE\u7B54\u91CC\u7684\u7801\u4E0D\u5B8C\u6574" };
+    return { kind: "qr", token, expiresInMs, imageSrc: `${IMAGE_ROUTE}?e=${encodeURIComponent(epoch)}` };
   }
+  if (answer.state === "unavailable") {
+    return {
+      kind: "unavailable",
+      reason: answer.reason === "relay-offline" ? "\u4E2D\u7EE7\u8FD8\u6CA1\u8FDE\u4E0A\uFF0C\u6682\u65F6\u65E0\u6CD5\u914D\u5BF9\u3002" : "\u73B0\u5728\u53D1\u4E0D\u51FA\u914D\u5BF9\u7801\u3002"
+    };
+  }
+  return {
+    kind: "failed",
+    // 把宿主说的那道守卫一起印出来：这条路由在浏览器里点，屏幕上的这句话就是唯一的现场。
+    detail: typeof answer.error === "string" ? typeof answer.guard === "string" ? `${answer.error}\uFF08${answer.guard}\uFF09` : answer.error : `HTTP ${httpStatus}`
+  };
+}
+function pillLabel(status) {
+  const relay = status?.relay;
+  if (relay === "idle") return { text: "\u8FDC\u7A0B\u672A\u542F\u52A8", tone: "off" };
+  if (relay === "offline") return { text: "\u5DF2\u65AD\u5F00\u8FDE\u63A5", tone: "error" };
+  if (relay === "connecting") return { text: "\u8FDE\u63A5\u4E2D", tone: "wait" };
+  if (relay !== "online") return { text: "\u8FDC\u7A0B\u63A7\u5236", tone: "off" };
+  const paired = typeof status?.paired === "number" ? status.paired : 0;
+  if (paired > 0) {
+    const waiting = waitingCount(status);
+    if (waiting > 0) return { text: `\u7B49 ${waiting} \u4EF6\u4E8B`, tone: "wait" };
+    return { text: "\u5DF2\u914D\u5BF9", tone: "on" };
+  }
+  return { text: "\u672A\u914D\u5BF9", tone: "off" };
+}
+function waitingCount(status) {
+  const count = status?.waiting;
+  return typeof count === "number" && count > 0 ? Math.min(Math.floor(count), 99) : 0;
+}
+function humanDuration(sec) {
+  const total = typeof sec === "number" && sec > 0 ? Math.floor(sec) : 0;
+  if (total < 60) return `${total} \u79D2`;
+  const minutes = Math.floor(total / 60);
+  return minutes >= 10 ? `${minutes} \u5206` : `${minutes} \u5206 ${total % 60} \u79D2`;
+}
+function waitingRow(status) {
+  const count = waitingCount(status);
+  if (count === 0) return "";
+  const oldest = typeof status?.waitingOldestSec === "number" ? status.waitingOldestSec : 0;
+  return `${count} \u4EF6${oldest > 0 ? ` \xB7 \u6700\u4E45 ${humanDuration(oldest)}` : ""}`.slice(0, 40);
 }
-function safeSessionId(held) {
-  const id = held && typeof held === "object" ? held.sessionId : void 0;
-  return typeof id === "string" && id !== "" ? id : null;
+function relayAddress(url) {
+  if (typeof url !== "string" || url.trim() === "") return "";
+  const withoutScheme = url.trim().replace(/^[a-z][a-z0-9+.-]*:\/\//i, "");
+  const authority = /^[^/?]*/.exec(withoutScheme)?.[0] ?? "";
+  return authority.slice(0, 40);
+}
+function relayRow(status) {
+  return relayAddress(status?.serverUrl);
+}
+function relayStateRow(status) {
+  const relay = status?.relay;
+  if (relay === "online") return "\u5DF2\u8FDE\u63A5";
+  if (relay === "connecting") return "\u8FDE\u63A5\u4E2D";
+  if (relay === "offline") return "\u5DF2\u65AD\u5F00";
+  if (relay === "idle") return "\u672A\u542F\u52A8";
+  return "";
+}
+function versionRow(status) {
+  const version = status?.version;
+  return typeof version === "string" && version.trim() !== "" ? version.trim().slice(0, 24) : "";
+}
+function secondsText(ms) {
+  const whole = Math.max(0, Math.round(ms / 1e3));
+  if (whole < 60) return `${whole} \u79D2`;
+  return `${Math.floor(whole / 60)} \u5206 ${whole % 60} \u79D2`;
+}
+var CSS = `
+.drc-pill { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 2px 8px;
+  border: 0; border-radius: 999px; background: transparent; color: inherit; font: inherit;
+  font-size: 12px; line-height: 18px; cursor: pointer;
+  /* \u5BBF\u4E3B\u90A3\u4E00\u6392\u6324\u4E0D\u4E0B\u65F6\u4F1A\u81EA\u5DF1\u622A\u65AD\uFF08\u300C6 \u8F6E \u2026\u300D\u90A3\u79CD\uFF09\uFF0C\u6211\u4EEC\u4E5F\u8DDF\u8FD9\u4E2A\u5F62\u72B6\u8D70\uFF1A
+     \u4E00\u884C\u5199\u5B8C\uFF0C\u5199\u4E0D\u4E0B\u5C31\u7701\u7565\u53F7\u3002**\u6CA1\u6709\u8FD9\u4E24\u6761**\u7684\u8BDD\uFF0Cflex \u9879\u4F1A\u88AB\u538B\u5230\u300C\u4E2D\u6587\u6700\u5C0F\u5185\u5BB9\u5BBD\u5EA6
+     = \u4E00\u4E2A\u5B57\u300D\uFF0C\u4E8E\u662F\u300C\u5DF2\u8FDE 1 \u53F0\u300D\u7AD6\u7740\u6392\u6210\u56DB\u884C\uFF082026-10-03 \u771F\u5C4F\u5E55\u622A\u56FE\uFF09\u3002 */
+  flex: 0 1 auto; white-space: nowrap; }
+.drc-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.drc-pill:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.04)); }
+.drc-dot { width: 6px; height: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--dsw-alias-label-dimmed, #9aa0a6); }
+.drc-dot[data-tone="wait"] { background: var(--dsw-alias-state-warn-primary, #faad14); }
+.drc-dot[data-tone="on"] { background: var(--dsw-alias-state-success-primary, #52c41a); }
+.drc-dot[data-tone="error"] { background: var(--dsw-alias-state-error-primary, #ff4d4f); }
+.drc-panel { position: absolute; bottom: calc(100% + 8px); right: 0; z-index: 30; width: 240px;
+  padding: 10px 12px; border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.1)); border-radius: 12px;
+  background: var(--dsw-specific-tip, var(--dsw-alias-bg-layer-1, #ffffff));
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.06);
+  color: var(--dsw-alias-label-primary); font-size: 12px; line-height: 18px; }
+/* \u62AC\u5934\u4E00\u884C\uFF1A\u5DE6\u4FA7\u72B6\u6001\uFF0C\u53F3\u4FA7\u52A8\u4F5C\u3002\u4E24\u9897\u6309\u94AE\u90FD\u6536\u5728\u8FD9\u4E2A\u53F3\u4E0A\u89D2\uFF082026-10-03 \u91CD\u8BBE\u8BA1\u7684\u8981\u6C42\uFF09\u3002 */
+.drc-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.drc-head-label { font-weight: 600; }
+.drc-head-label[data-tone="off"] { color: var(--dsw-alias-label-secondary, #6b7280); }
+.drc-head-label[data-tone="wait"] { color: var(--dsw-alias-state-warn-primary, #faad14); }
+.drc-head-label[data-tone="on"] { color: var(--dsw-alias-state-success-primary, #52c41a); }
+.drc-head-label[data-tone="error"] { color: var(--dsw-alias-state-error-primary, #ff4d4f); }
+.drc-actions { display: flex; gap: 6px; flex: 0 0 auto; }
+.drc-btn { padding: 2px 10px; border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.1));
+  border-radius: 8px; background: transparent; color: inherit; font: inherit; font-size: 12px; cursor: pointer;
+  white-space: nowrap; }
+.drc-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, 0.04)); }
+/* \u6B63\u6587\u90A3\u4E09\u884C\uFF08\u4E2D\u7EE7 / \u72B6\u6001 / \u7248\u672C\uFF09\uFF1A\u952E\u5DE6\u503C\u53F3\uFF08space-between\uFF09\uFF0C\u503C\u88AB\u622A\u65AD\u65F6\u7701\u7565\u53F7\u2014\u2014
+   \u548C\u90A3\u9897 pill \u540C\u4E00\u5957"\u6324\u4E0D\u4E0B\u5C31\u622A\u6587\u5B57\u4E0D\u6491\u5BB9\u5668"\u3002\u7B2C\u4E00\u884C\u5E26\u90A3\u6761\u5206\u9694\u7EBF\uFF0C\u540E\u4E24\u884C\u53EA\u7559\u884C\u8DDD\u3002 */
+.drc-info { display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
+  white-space: nowrap; margin-top: 8px; padding-top: 6px;
+  border-top: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, 0.08)); }
+.drc-info + .drc-info { margin-top: 2px; padding-top: 0; border-top: 0; }
+.drc-key { flex: 0 0 auto; color: var(--dsw-alias-label-tertiary); }
+.drc-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.drc-qr { display: block; width: 200px; height: 200px; margin: 8px auto 0; image-rendering: pixelated; }
+.drc-code { margin: 8px 0 0; text-align: center; font-weight: 600; font-size: 14px; letter-spacing: 2px; }
+.drc-note { margin: 4px 0 0; text-align: center; color: var(--dsw-alias-label-tertiary); }
+.drc-note[data-kind="failed"] { color: var(--dsw-alias-state-error-primary, #ff4d4f); }
+`;
+function isSlots(value) {
+  if (!value || typeof value !== "object") return false;
+  const record = value;
+  return typeof record.inject === "function" && typeof record.register === "function";
+}
+function pickSlots(source) {
+  if (isSlots(source)) return source;
+  const asGettable = source;
+  if (asGettable && typeof asGettable.get === "function") {
+    try {
+      const got = asGettable.get("slots", true);
+      if (isSlots(got)) return got;
+    } catch {
+    }
+  }
+  return void 0;
 }
-async function poll(ctx) {
-  if (stopped || inFlight) return;
+function findCreateElement() {
   try {
-    if (typeof document !== "undefined" && document.visibilityState === "hidden") return;
+    if (typeof require !== "function") return void 0;
+    const moduleId = "react";
+    const react = require(moduleId);
+    const create = react?.createElement ?? react?.default?.createElement;
+    return typeof create === "function" ? create : void 0;
   } catch {
+    return void 0;
   }
-  let sessionId;
+}
+function warn(message, error) {
   try {
-    const held = ctx.sidebarRight.require();
-    const id = safeSessionId(held);
-    if (id === null) return;
-    sessionId = id;
+    const detail = error instanceof Error ? error.message : error === void 0 ? "" : String(error);
+    console.warn(`[dsh-remote-control pill] ${message} ${detail}`);
   } catch {
-    return;
   }
-  if (sessionId !== lastSessionId) {
-    lastSessionId = sessionId;
-    lastEpoch = null;
-  }
-  inFlight = true;
+}
+function ensureStyle(doc) {
   try {
-    const response = await fetch(`${ROUTE}?session=${encodeURIComponent(sessionId)}`, {
-      headers: { accept: "application/json" },
-      credentials: "same-origin"
+    const existing = doc.querySelector(`style[data-plugin-css="${STYLE_ID}"]`);
+    if (existing) {
+      if (existing.textContent !== CSS) existing.textContent = CSS;
+      return;
+    }
+    const element = doc.createElement("style");
+    element.setAttribute("data-plugin-css", STYLE_ID);
+    element.textContent = CSS;
+    doc.head.appendChild(element);
+  } catch (error) {
+    warn("\u6837\u5F0F\u6CE8\u5165\u5931\u8D25\uFF08pill \u4ECD\u53EF\u7528\uFF0C\u53EA\u662F\u6CA1\u914D\u8272\uFF09", error);
+  }
+}
+function buildPill(root, deps) {
+  const doc = root.ownerDocument;
+  ensureStyle(doc);
+  const button = doc.createElement("button");
+  button.type = "button";
+  button.className = "drc-pill";
+  button.setAttribute("aria-haspopup", "dialog");
+  button.setAttribute("aria-expanded", "false");
+  const dot = doc.createElement("span");
+  dot.className = "drc-dot";
+  dot.setAttribute("aria-hidden", "true");
+  const label = doc.createElement("span");
+  label.className = "drc-label";
+  button.appendChild(dot);
+  button.appendChild(label);
+  root.appendChild(button);
+  let panel;
+  let statusTimer;
+  let countTimer;
+  let view = { kind: "info" };
+  let expiresInMs = 0;
+  let lastStatus;
+  let disposed = false;
+  const pairedNow = () => typeof lastStatus?.paired === "number" ? lastStatus.paired : 0;
+  const write = () => {
+    const next = pillLabel(lastStatus);
+    label.textContent = next.text;
+    dot.setAttribute("data-tone", next.tone);
+    button.setAttribute("title", `dsh-remote-control\uFF1A${next.text}`);
+    button.setAttribute("aria-label", next.text);
+  };
+  const text = (tag, className, content) => {
+    const node = doc.createElement(tag);
+    node.className = className;
+    node.textContent = content;
+    return node;
+  };
+  const buttonOf = (content, onClick) => {
+    const node = doc.createElement("button");
+    node.type = "button";
+    node.className = "drc-btn";
+    node.textContent = content;
+    node.addEventListener("click", onClick);
+    return node;
+  };
+  const qrNote = () => expiresInMs > 0 ? `\u626B\u7801\u914D\u5BF9 \xB7 ${secondsText(expiresInMs)}\u540E\u8FC7\u671F` : "\u914D\u5BF9\u7801\u5DF2\u8FC7\u671F\uFF0C\u70B9\u53F3\u4E0A\u89D2\u300C\u5237\u65B0\u300D\u91CD\u65B0\u751F\u6210";
+  const header = () => {
+    const head = doc.createElement("div");
+    head.className = "drc-head";
+    const state = pillLabel(lastStatus);
+    const stateText = text("span", "drc-head-label", state.text);
+    stateText.setAttribute("data-tone", state.tone);
+    head.appendChild(stateText);
+    const actions = doc.createElement("div");
+    actions.className = "drc-actions";
+    const action = pairedNow() > 0 ? { label: "\u9000\u51FA\u914D\u5BF9", run: requestUnpair } : { label: "\u5237\u65B0", run: requestPairing };
+    actions.appendChild(buttonOf(action.label, () => void action.run()));
+    head.appendChild(actions);
+    return head;
+  };
+  const infoRows = () => {
+    if (!lastStatus) return [];
+    const rows = [
+      // 排第一：它是唯一一条"看完要做点什么"的，其余三条都是"知道就行"。
+      ["\u5F85\u5904\u7406", waitingRow(lastStatus)],
+      ["\u4E2D\u7EE7", relayRow(lastStatus)],
+      ["\u72B6\u6001", relayStateRow(lastStatus)],
+      ["\u7248\u672C", versionRow(lastStatus)]
+    ];
+    return rows.filter(([, value]) => value !== "").map(([key, value]) => {
+      const row = doc.createElement("div");
+      row.className = "drc-info";
+      row.appendChild(text("span", "drc-key", key));
+      row.appendChild(text("span", "drc-value", value));
+      return row;
     });
-    if (!response.ok) {
-      if (response.status === 403) report("route refused the request (403): \u73AF\u56DE\u5B88\u536B\u5224\u5B9A\u975E\u540C\u6E90");
-      else if (response.status !== 404) report(`route answered ${response.status}`);
+  };
+  const paint = () => {
+    if (!panel) return;
+    panel.replaceChildren();
+    panel.appendChild(header());
+    if (view.kind === "loading") {
+      panel.appendChild(text("p", "drc-note", "\u6B63\u5728\u751F\u6210\u914D\u5BF9\u7801\u2026"));
+    } else if (view.kind === "qr") {
+      const image = doc.createElement("img");
+      image.className = "drc-qr";
+      image.setAttribute("alt", "\u914D\u5BF9\u4E8C\u7EF4\u7801");
+      image.src = view.imageSrc;
+      panel.appendChild(image);
+      panel.appendChild(text("p", "drc-code", view.token));
+      panel.appendChild(text("p", "drc-note", qrNote()));
+    } else if (view.kind === "unavailable" || view.kind === "failed") {
+      const note = view.kind === "unavailable" ? text("p", "drc-note", view.reason) : (() => {
+        const node = text("p", "drc-note", `\u914D\u5BF9\u8BF7\u6C42\u6CA1\u6210\u529F\uFF1A${view.detail}`);
+        node.setAttribute("data-kind", "failed");
+        return node;
+      })();
+      panel.appendChild(note);
+    }
+    for (const row of infoRows()) panel.appendChild(row);
+  };
+  const closePanel = () => {
+    if (countTimer !== void 0) {
+      clearInterval(countTimer);
+      countTimer = void 0;
+    }
+    if (panel) {
+      panel.remove();
+      panel = void 0;
+    }
+    button.setAttribute("aria-expanded", "false");
+  };
+  async function requestPairing() {
+    if (disposed || !panel) return;
+    view = { kind: "loading" };
+    paint();
+    let answer;
+    let httpStatus = 0;
+    try {
+      const response = await deps.fetchImpl(NEW_ROUTE, {
+        method: "POST",
+        headers: { "x-drc-pair": "1" },
+        credentials: "same-origin"
+      });
+      httpStatus = typeof response?.status === "number" ? response.status : 0;
+      answer = await response?.json?.();
+    } catch (error) {
+      view = { kind: "failed", detail: error instanceof Error ? error.message : String(error) };
+      paint();
       return;
     }
-    const body = await response.json();
-    if (body.state !== "ready") return;
-    const epoch = typeof body.epoch === "string" ? body.epoch : "";
-    const address = typeof body.address === "string" ? body.address : "";
-    const expiresAt = typeof body.expiresAt === "number" ? body.expiresAt : 0;
-    if (epoch === "" || address === "" || epoch === lastEpoch) return;
-    if (expiresAt <= Date.now()) return;
+    if (disposed || !panel) return;
+    view = panelViewFor(answer, httpStatus);
+    if (view.kind === "qr") {
+      expiresInMs = view.expiresInMs;
+      if (countTimer === void 0) {
+        countTimer = setInterval(() => {
+          expiresInMs -= 1e3;
+          if (expiresInMs <= 0) {
+            clearInterval(countTimer);
+            countTimer = void 0;
+          }
+          paint();
+        }, 1e3);
+      }
+    }
+    paint();
+  }
+  async function requestUnpair() {
+    if (disposed || !panel) return;
+    try {
+      await deps.fetchImpl(UNPAIR_ROUTE, {
+        method: "POST",
+        headers: { "x-drc-pair": "1" },
+        credentials: "same-origin"
+      });
+    } catch (error) {
+      warn("\u9000\u51FA\u914D\u5BF9\u8BF7\u6C42\u5931\u8D25\uFF08\u9762\u677F\u4F1A\u9760\u4E0B\u4E00\u6B21\u8F6E\u8BE2\u5BF9\u8D26\uFF09", error);
+    }
+    if (disposed || !panel) return;
+    if (lastStatus) lastStatus = { ...lastStatus, paired: 0 };
+    write();
+    view = { kind: "loading" };
+    paint();
+    void requestPairing();
+  }
+  const openPanel = () => {
+    if (panel || disposed) return;
+    panel = doc.createElement("div");
+    panel.className = "drc-panel";
+    panel.setAttribute("role", "dialog");
+    panel.setAttribute("aria-label", "dsh-remote-control \u914D\u5BF9");
+    panel.tabIndex = -1;
+    root.appendChild(panel);
+    button.setAttribute("aria-expanded", "true");
+    if (pairedNow() > 0) {
+      view = { kind: "info" };
+      paint();
+    } else {
+      void requestPairing();
+    }
     try {
-      ctx.sidebarRight.openResource(address);
-      lastEpoch = epoch;
+      panel.focus();
+    } catch {
+    }
+  };
+  const inside = (candidate) => {
+    if (!candidate || typeof candidate !== "object") return false;
+    try {
+      return root.contains(candidate) || (panel?.contains(candidate) ?? false);
+    } catch {
+      return false;
+    }
+  };
+  const onPointerDown = (event) => {
+    if (!panel) return;
+    if (inside(event?.target)) return;
+    closePanel();
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Escape") closePanel();
+  };
+  async function pollStatus() {
+    if (disposed) return;
+    try {
+      if (doc.visibilityState === "hidden") return;
+    } catch {
+    }
+    try {
+      const response = await deps.fetchImpl(`${STATUS_ROUTE}?t=${Date.now()}`, {
+        headers: { accept: "application/json" },
+        credentials: "same-origin"
+      });
+      if (!response || response.status !== 200) return;
+      const body = await response.json?.();
+      if (!body || typeof body !== "object") return;
+      lastStatus = body;
+      if (view.kind === "qr" && pairedNow() > 0) {
+        view = { kind: "info" };
+        if (countTimer !== void 0) {
+          clearInterval(countTimer);
+          countTimer = void 0;
+        }
+        if (panel) paint();
+      }
+      write();
     } catch (error) {
-      report("openResource failed", error);
+      deps.warn?.("status poll failed");
+      warn("status poll failed\uFF08pill \u4F1A\u505C\u5728\u9ED8\u8BA4\u6587\u6848\u4E0A\uFF09", error);
     }
-  } catch (error) {
-    report("poll failed", error);
-  } finally {
-    inFlight = false;
   }
+  button.addEventListener("click", () => {
+    if (panel) closePanel();
+    else openPanel();
+  });
+  doc.addEventListener("pointerdown", onPointerDown, true);
+  doc.addEventListener("keydown", onKeyDown);
+  write();
+  void pollStatus();
+  statusTimer = setInterval(() => void pollStatus(), POLL_MS);
+  return () => {
+    if (disposed) return;
+    disposed = true;
+    if (statusTimer !== void 0) clearInterval(statusTimer);
+    closePanel();
+    doc.removeEventListener("pointerdown", onPointerDown, true);
+    doc.removeEventListener("keydown", onKeyDown);
+    button.remove();
+  };
 }
-function stop() {
-  stopped = true;
-  if (timer !== void 0) {
-    clearInterval(timer);
-    timer = void 0;
+function mountPill(ctx, createElement) {
+  if (!createElement) {
+    warn("\u88C5\u8F7D\u5668\u7ED9\u4E0D\u51FA react\uFF1A\u914D\u5BF9\u90A3\u9897 pill \u4E0D\u4F1A\u51FA\u73B0");
+    return false;
   }
+  let mounted = false;
+  const mount = (slots) => {
+    if (mounted) return;
+    let cleanup;
+    const attach = (node) => {
+      const element = node;
+      if (element && typeof element.appendChild === "function" && element.ownerDocument) {
+        if (cleanup) return;
+        element.style.position = "relative";
+        cleanup = buildPill(element, {
+          fetchImpl: (input, init) => globalThis.fetch(input, init)
+        });
+      } else if (cleanup) {
+        cleanup();
+        cleanup = void 0;
+      }
+    };
+    const component = () => createElement("span", { ref: attach });
+    mounted = true;
+    try {
+      slots.inject(SLOT_NAME, () => {
+        try {
+          slots.register({ name: SLOT_NAME, id: PILL_ID, order: PILL_ORDER, inject: () => ({}) }, component);
+        } catch (error) {
+          warn("\u69FD\u4F4D\u6CE8\u518C\u5931\u8D25\uFF08\u90A3\u9897 pill \u4E0D\u51FA\u73B0\uFF09", error);
+        }
+      });
+    } catch (error) {
+      mounted = false;
+      warn("\u69FD\u4F4D\u6CE8\u5165\u5931\u8D25\uFF08\u90A3\u9897 pill \u4E0D\u51FA\u73B0\uFF09", error);
+      return;
+    }
+    try {
+      ctx.effect?.(() => () => {
+        if (cleanup) {
+          cleanup();
+          cleanup = void 0;
+        }
+      });
+    } catch {
+    }
+  };
+  let early;
   try {
-    if (typeof document !== "undefined") document.removeEventListener("visibilitychange", onVisibility);
+    early = pickSlots(ctx.slots) ?? pickSlots(ctx.get?.("slots", true));
   } catch {
   }
+  if (early) mount(early);
+  try {
+    ctx.inject?.(["slots"], ((...args) => {
+      for (const candidate of [...args, ctx]) {
+        const found = pickSlots(candidate);
+        if (found) {
+          mount(found);
+          return;
+        }
+      }
+    }));
+  } catch (error) {
+    warn("ctx.inject \u53E3\u4E0D\u53EF\u7528\uFF1Aslots \u518D\u665A\u5230\u4E5F\u6CA1\u4EBA\u8865\u6302", error);
+  }
+  if (!mounted) {
+    warn("apply \u65F6\u6CA1\u63A2\u5230 slots\uFF08\u5DF2\u6302\u6CE8\u5165\u56DE\u8C03\u7B49\u5B83\u665A\u5230\uFF09\uFF1Bpill \u4E00\u76F4\u4E0D\u51FA\u73B0\u5C31\u662F\u8FD9\u4EE3\u5BBF\u4E3B\u6CA1\u8FD9\u4E2A\u670D\u52A1");
+  }
+  return mounted;
 }
-var current;
-function onVisibility() {
-  if (current && !stopped) void poll(current);
-}
+
+// client/src/main.ts
 var name = "dsh-remote-control";
-var inject = ["sidebarRight"];
+var inject = ["slots"];
 function apply(ctx) {
   try {
-    current = ctx;
-    stopped = false;
-    reported.clear();
+    mountPill(ctx, findCreateElement());
+  } catch (error) {
     try {
-      if (typeof document !== "undefined") document.addEventListener("visibilitychange", onVisibility);
+      console.error("[dsh-remote-control] pill \u6302\u8F7D\u629B\u9519\uFF08\u5DF2\u541E\u6389\uFF09\uFF1A", error);
     } catch {
     }
-    timer = setInterval(() => void poll(ctx), POLL_MS);
-    void poll(ctx);
-    try {
-      ctx.effect?.(() => stop);
-    } catch (error) {
-      report("ctx.effect unavailable; poll timer will outlive this fiber", error);
-    }
-  } catch (error) {
-    report("apply failed", error);
-    stop();
   }
 }