dsh-rewind-plugin 0.1.0

package/lib/client.js

@@ -0,0 +1,469 @@
+/* dsh-rewind client bundle — generated by scripts/build.mjs from src/client/ */
+window.__ModuleLoader__.load({
+  id: "dsh-rewind-plugin",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject,
+  name: () => name
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/locales.ts
+var zh = {
+  "button.aria": "\u56DE\u9000\u5230\u6B64\u6D88\u606F",
+  "button.title": "\u56DE\u9000",
+  "popover.title": "\u56DE\u9000\u5230\u8FD9\u6761\u6D88\u606F",
+  "popover.target": "seq {seq} \xB7 {time}",
+  "popover.chat": "\u4EC5\u56DE\u9000\u5BF9\u8BDD",
+  "popover.chat.hint": "\u53EA\u56DE\u9000\u6A21\u578B\u4E0A\u4E0B\u6587\uFF0C\u4E0D\u52A8\u5DE5\u4F5C\u533A\u6587\u4EF6",
+  "popover.both": "\u56DE\u9000\u5BF9\u8BDD\u548C\u4EE3\u7801",
+  "popover.both.hint": "\u5BF9\u8BDD\u56DE\u9000\u5E76\u8FD8\u539F\u5DE5\u4F5C\u533A\u6587\u4EF6",
+  "popover.cancel": "\u53D6\u6D88",
+  "popover.impact.loading": "\u6B63\u5728\u83B7\u53D6\u5F71\u54CD\u6E05\u5355\u2026",
+  "popover.impact.failed": "\u65E0\u6CD5\u83B7\u53D6\u5F71\u54CD\u6E05\u5355\uFF1A{message}",
+  "popover.impact.none": "\u76EE\u6807\u4E4B\u540E\u6CA1\u6709\u53F0\u8D26\u8BB0\u5F55\u7684\u5199\u7C7B\u53D8\u66F4\uFF0C\u65E0\u9700\u8FD8\u539F\u6587\u4EF6\u3002",
+  "popover.confirm": "\u786E\u8BA4\u56DE\u9000",
+  "popover.back": "\u8FD4\u56DE"
+};
+var en = {
+  "button.aria": "Rewind to this message",
+  "button.title": "Rewind",
+  "popover.title": "Rewind to this message",
+  "popover.target": "seq {seq} \xB7 {time}",
+  "popover.chat": "Rewind conversation only",
+  "popover.chat.hint": "Cut the model context only; workspace files stay untouched",
+  "popover.both": "Rewind conversation and code",
+  "popover.both.hint": "Cut the context and restore workspace files",
+  "popover.cancel": "Cancel",
+  "popover.impact.loading": "Fetching impact list\u2026",
+  "popover.impact.failed": "Could not fetch the impact list: {message}",
+  "popover.impact.none": "No ledger-recorded file changes after the target; nothing to restore.",
+  "popover.confirm": "Confirm rewind",
+  "popover.back": "Back"
+};
+
+// src/client/styles.ts
+var REWIND_ATTACHED = "data-dsh-rewind-attached";
+var CLASS = {
+  button: "dsh-rewind-btn",
+  popover: "dsh-rewind-popover",
+  popoverTitle: "dsh-rewind-popover-title",
+  popoverTarget: "dsh-rewind-popover-target",
+  popoverOption: "dsh-rewind-popover-option",
+  popoverOptionLabel: "dsh-rewind-popover-option-label",
+  popoverOptionHint: "dsh-rewind-popover-option-hint",
+  popoverImpact: "dsh-rewind-popover-impact",
+  popoverActions: "dsh-rewind-popover-actions",
+  popoverPrimary: "dsh-rewind-popover-primary",
+  popoverGhost: "dsh-rewind-popover-ghost"
+};
+var REWIND_ICON_SVG = [
+  '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">',
+  '  <path d="M6.5 2.5 2.5 6.5l4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>',
+  '  <path d="M2.5 6.5h7a4 4 0 0 1 4 4v1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>',
+  "</svg>"
+].join("");
+var STYLE = `
+.dsh-rewind-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 6px;
+  border: none;
+  border-radius: 28px;
+  background: transparent;
+  color: var(--dsw-alias-label-tertiary);
+  cursor: pointer;
+}
+.dsh-rewind-btn:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+  color: var(--dsw-alias-label-secondary);
+}
+
+.dsh-rewind-popover {
+  position: fixed;
+  z-index: 1000;
+  width: 288px;
+  padding: 12px;
+  border-radius: 12px;
+  background: var(--dsw-specific-surface-1, var(--dsw-alias-surface-1, #1f2127));
+  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.32);
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-rewind-popover-title {
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+}
+.dsh-rewind-popover-target {
+  margin: 4px 0 10px;
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--dsw-alias-label-tertiary);
+  word-break: break-all;
+}
+.dsh-rewind-popover-option {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  width: 100%;
+  margin: 0 0 6px;
+  padding: 8px 10px;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.dsh-rewind-popover-option:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+.dsh-rewind-popover-option-label {
+  font-weight: 500;
+}
+.dsh-rewind-popover-option-hint {
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-rewind-popover-impact {
+  margin: 4px 0 10px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  background: var(--dsw-alias-interactive-bg-hover);
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--dsw-alias-label-secondary);
+  white-space: pre-wrap;
+  max-height: 160px;
+  overflow: auto;
+}
+.dsh-rewind-popover-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+.dsh-rewind-popover-primary,
+.dsh-rewind-popover-ghost {
+  padding: 5px 12px;
+  border: none;
+  border-radius: 8px;
+  font: inherit;
+  font-size: 13px;
+  line-height: 18px;
+  cursor: pointer;
+}
+.dsh-rewind-popover-primary {
+  background: var(--dsw-alias-accent, var(--dsw-accent, #5b8cff));
+  color: var(--dsw-alias-on-accent, #fff);
+}
+.dsh-rewind-popover-primary:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+.dsh-rewind-popover-ghost {
+  background: transparent;
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-rewind-popover-ghost:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+`;
+
+// src/client/popover.ts
+var popoverEl = null;
+var disposeOutside = null;
+function closePopover() {
+  if (popoverEl !== null) {
+    popoverEl.remove();
+    popoverEl = null;
+  }
+  if (disposeOutside !== null) {
+    disposeOutside();
+    disposeOutside = null;
+  }
+}
+function formatTarget(seq, time, preview) {
+  const d = new Date(time);
+  const hh = String(d.getHours()).padStart(2, "0");
+  const mm = String(d.getMinutes()).padStart(2, "0");
+  const previewText = preview.length > 0 ? preview : "(no text)";
+  return `seq ${seq} \xB7 ${hh}:${mm} \xB7 ${previewText}`;
+}
+function findCommand(snapshot, match) {
+  let found;
+  for (const key of snapshot.chat.order) {
+    const node = snapshot.chat.nodes.get(key);
+    if (node !== void 0 && node.kind === "command") {
+      const command = node.data;
+      if (match(command)) found = command;
+    }
+  }
+  return found;
+}
+function waitForCommand(session, match, timeoutMs = 8e3) {
+  return new Promise((resolve) => {
+    let settled = false;
+    const settle = (value) => {
+      if (settled) return;
+      settled = true;
+      clearTimeout(timer);
+      unsubscribe();
+      resolve(value);
+    };
+    const check = () => {
+      const node = findCommand(session.getSnapshot(), match);
+      if (node?.outcome !== null && node?.outcome !== void 0) {
+        settle({ kind: node.outcome.kind, text: node.outcome.text });
+      }
+    };
+    const unsubscribe = session.subscribe(check);
+    const timer = setTimeout(() => settle(null), timeoutMs);
+    check();
+  });
+}
+function el(tag, className, text) {
+  const node = document.createElement(tag);
+  node.className = className;
+  if (text !== void 0) node.textContent = text;
+  return node;
+}
+function modeOption(label, hint, onClick) {
+  const button = document.createElement("button");
+  button.type = "button";
+  button.className = CLASS.popoverOption;
+  const labelEl = el("span", CLASS.popoverOptionLabel, label);
+  const hintEl = el("span", CLASS.popoverOptionHint, hint);
+  button.append(labelEl, hintEl);
+  button.addEventListener("click", onClick);
+  return button;
+}
+function renderImpactStep(root, opts, back) {
+  const { session, seq, t } = opts;
+  const impact = el("div", CLASS.popoverImpact, t("popover.impact.loading"));
+  const actions = el("div", CLASS.popoverActions);
+  const backButton = document.createElement("button");
+  backButton.type = "button";
+  backButton.className = CLASS.popoverGhost;
+  backButton.textContent = t("popover.back");
+  backButton.addEventListener("click", back);
+  actions.append(backButton);
+  const confirm = document.createElement("button");
+  confirm.type = "button";
+  confirm.className = CLASS.popoverPrimary;
+  confirm.textContent = t("popover.confirm");
+  confirm.disabled = true;
+  actions.append(confirm);
+  root.replaceChildren(impact, actions);
+  let outcome = null;
+  void (async () => {
+    const result = await session.command(`/rewind preview @${seq} both`);
+    if (!result.ok || result.value?.matched !== true) {
+      impact.textContent = t("popover.impact.failed", {
+        message: result.ok ? "command not matched" : result.error?.message ?? "unknown error"
+      });
+      return;
+    }
+    outcome = await waitForCommand(
+      session,
+      (node) => {
+        const args = node.args ?? "";
+        return node.name === "rewind" && args.includes("preview") && args.includes(`@${seq}`);
+      }
+    );
+    if (outcome === null) {
+      impact.textContent = t("popover.impact.failed", { message: "timeout" });
+      return;
+    }
+    if (outcome.kind === "error") {
+      impact.textContent = t("popover.impact.failed", { message: outcome.text ?? "unknown error" });
+      return;
+    }
+    impact.textContent = outcome.text ?? t("popover.impact.none");
+    confirm.disabled = false;
+    confirm.addEventListener("click", () => {
+      closePopover();
+      void session.command(`/rewind @${seq} both`);
+    });
+  })().catch(() => {
+    impact.textContent = t("popover.impact.failed", { message: "unexpected error" });
+  });
+}
+function openPopover(opts) {
+  closePopover();
+  const { session, seq, time, preview, anchor, t } = opts;
+  const root = el("div", CLASS.popover);
+  root.setAttribute("role", "dialog");
+  root.setAttribute("aria-label", t("popover.title"));
+  root.append(
+    el("div", CLASS.popoverTitle, t("popover.title")),
+    el("div", CLASS.popoverTarget, formatTarget(seq, time, preview))
+  );
+  const renderModes = () => {
+    root.replaceChildren(
+      el("div", CLASS.popoverTitle, t("popover.title")),
+      el("div", CLASS.popoverTarget, formatTarget(seq, time, preview)),
+      modeOption(t("popover.chat"), t("popover.chat.hint"), () => {
+        closePopover();
+        void session.command(`/rewind @${seq} chat`);
+      }),
+      modeOption(t("popover.both"), t("popover.both.hint"), () => {
+        renderImpactStep(root, opts, renderModes);
+      }),
+      (() => {
+        const actions = el("div", CLASS.popoverActions);
+        const cancel = document.createElement("button");
+        cancel.type = "button";
+        cancel.className = CLASS.popoverGhost;
+        cancel.textContent = t("popover.cancel");
+        cancel.addEventListener("click", closePopover);
+        actions.append(cancel);
+        return actions;
+      })()
+    );
+  };
+  renderModes();
+  document.body.append(root);
+  const rect = anchor.getBoundingClientRect();
+  const gap = 4;
+  const height = root.offsetHeight;
+  const top = rect.bottom + gap + height <= window.innerHeight - 8 ? rect.bottom + gap : Math.max(8, rect.top - gap - height);
+  root.style.top = `${Math.round(top)}px`;
+  root.style.left = `${Math.round(Math.min(rect.right, window.innerWidth - 8 - root.offsetWidth))}px`;
+  popoverEl = root;
+  const onPointerDown = (event) => {
+    const target = event.target;
+    if (root.contains(target) || anchor.contains(target)) return;
+    closePopover();
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Escape") closePopover();
+  };
+  const deferred = setTimeout(() => {
+    document.addEventListener("pointerdown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+  }, 0);
+  disposeOutside = () => {
+    clearTimeout(deferred);
+    document.removeEventListener("pointerdown", onPointerDown);
+    document.removeEventListener("keydown", onKeyDown);
+  };
+}
+
+// src/client/index.ts
+var name = "dsh-rewind";
+var inject = ["sessions", "locale"];
+var NS = "rewind";
+var USER_SEAT_SELECTOR = '[data-chat-flow-kind="user"]';
+var ACTIONS_ROOT_SELECTOR = "[data-time-hover-root]";
+function messagePreviewOf(node) {
+  return node.content.map((block) => block.type === "text" && typeof block.text === "string" ? block.text : "").join("").replace(/\s+/g, " ").trim().slice(0, 80);
+}
+function apply(ctx) {
+  ctx.effect(function* () {
+    yield ctx.locale.register(NS, { zh, en });
+    const t = ctx.locale.bind(NS);
+    const style = document.createElement("style");
+    style.dataset.plugin = "dsh-rewind";
+    style.textContent = STYLE;
+    document.head.appendChild(style);
+    const attached = /* @__PURE__ */ new WeakSet();
+    const buttons = /* @__PURE__ */ new Map();
+    let observer = null;
+    const sessionFor = () => {
+      const sessionId = ctx.sessions.list.getSnapshot().current;
+      if (sessionId === void 0) return void 0;
+      return ctx.sessions.binding(sessionId)?.session;
+    };
+    const userNodeFor = (key, session) => {
+      const node = session.getSnapshot().chat.nodes.get(key);
+      if (node === void 0 || node.kind !== "user") return void 0;
+      return node.data;
+    };
+    const attach = (seat) => {
+      const key = seat.dataset.chatAnchorKey;
+      if (key === void 0 || attached.has(seat)) return;
+      const hoverRoot = seat.querySelector(ACTIONS_ROOT_SELECTOR);
+      const actions = hoverRoot?.lastElementChild;
+      if (!(actions instanceof HTMLElement) || actions.querySelector("button") === null) return;
+      attached.add(seat);
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = CLASS.button;
+      button.setAttribute("aria-label", t("button.aria"));
+      button.title = t("button.title");
+      button.innerHTML = REWIND_ICON_SVG;
+      button.addEventListener("click", (event) => {
+        event.stopPropagation();
+        const session = sessionFor();
+        if (session === void 0) {
+          console.warn("[dsh-rewind] rewind button clicked with no current session");
+          return;
+        }
+        const node = userNodeFor(key, session);
+        if (node === void 0) return;
+        openPopover({
+          session,
+          seq: node.seq,
+          time: node.time,
+          preview: messagePreviewOf(node),
+          anchor: button,
+          t
+        });
+      });
+      actions.appendChild(button);
+      buttons.set(key, button);
+      seat.setAttribute(REWIND_ATTACHED, "");
+    };
+    const scan = () => {
+      for (const [key, button] of buttons) {
+        if (!button.isConnected) buttons.delete(key);
+      }
+      for (const seat of document.querySelectorAll(USER_SEAT_SELECTOR)) attach(seat);
+    };
+    observer = new MutationObserver(scan);
+    observer.observe(document.body, { childList: true, subtree: true });
+    scan();
+    yield () => {
+      observer?.disconnect();
+      for (const button of buttons.values()) button.remove();
+      buttons.clear();
+      closePopover();
+      style.remove();
+    };
+  }, "dsh-rewind client lifecycle");
+}
+
+    return module.exports;
+  }
+});