@duckmind/dm-darwin-x64 0.66.7 → 0.66.8

package/README.md

@@ -4,7 +4,7 @@
 No UI overhead. Just plan, run, and get things done.
 </p>
 
-## What's new in 0.66.7
+## What's new in 0.66.8
 
-What's new: Web control, monitoring, and multi-agent DM. Use `/tty start` or `dm --host 0.0.0.0`.
+What’s new: Web control, monitoring, multi-agent DM, and terminal text selection, copy & paste on web tty. Start with /tty start or dm --host 0.0.0.0.
 

package/extensions/.dm-extensions.json

@@ -2307,8 +2307,8 @@
           "web/client.js"
         ],
         "file_count": 7,
-        "before_bytes": 86145,
-        "after_bytes": 83320,
+        "before_bytes": 92857,
+        "after_bytes": 90217,
         "runtime_specifier_rewrites": 3,
         "runtime_filename_rewrites": 6,
         "declaration_files_removed": 0

package/extensions/dm-tty/web/client.js

@@ -27,6 +27,11 @@ const historyText = document.querySelector("#history-text");
 const historyLines = document.querySelector("#history-lines");
 const historyCopy = document.querySelector("#history-copy");
 const copyStatus = document.querySelector("#copy-status");
+const outputMenu = document.querySelector("#output-menu");
+const outputPaste = document.querySelector("#output-paste");
+const outputSelect = document.querySelector("#output-select");
+const outputSelectAll = document.querySelector("#output-select-all");
+const outputCopy = document.querySelector("#output-copy");
 const accessory = document.querySelector("#accessory");
 const ctrlButton = document.querySelector("#ctrl");
 const altButton = document.querySelector("#alt");
@@ -101,6 +106,9 @@ let streamHistory = "";
 let historyEscape = "text";
 let historyFrozen = false;
 let selectedForCopy = null;
+let outputMenuTimer;
+let outputMenuPointer;
+let outputMenuOpen = false;
 let displayedHistoryLines = MAX_HISTORY_LINES;
 const TOKEN_STORAGE_KEY = "dm-tty-access-token";
 try {
@@ -160,7 +168,73 @@ function clearOutputSelection() {
   if (outputSelection())
     document.getSelection().removeAllRanges();
 }
+function closeOutputMenu() {
+  clearTimeout(outputMenuTimer);
+  outputMenuTimer = undefined;
+  outputMenuPointer = undefined;
+  outputMenuOpen = false;
+  outputMenu.hidden = true;
+}
+function updateOutputMenu() {
+  const selected = Boolean(outputSelection());
+  outputCopy.hidden = !selected;
+  outputCopy.disabled = !selected;
+}
+function showOutputMenu(clientX, clientY) {
+  if (!openHistory())
+    return false;
+  const bounds = terminalContainer.getBoundingClientRect();
+  const width = outputMenu.offsetWidth || 148;
+  const height = outputMenu.offsetHeight || 170;
+  const left = Math.max(4, Math.min(clientX - bounds.left, bounds.width - width - 4));
+  const top = Math.max(4, Math.min(clientY - bounds.top, bounds.height - height - 4));
+  outputMenu.style.left = `${left}px`;
+  outputMenu.style.top = `${top}px`;
+  outputMenu.hidden = false;
+  outputMenuOpen = true;
+  updateOutputMenu();
+  return true;
+}
+function pointRange(clientX, clientY) {
+  const range = document.caretRangeFromPoint?.(clientX, clientY);
+  if (range?.startContainer && historyText.contains(range.startContainer))
+    return range;
+  const position = document.caretPositionFromPoint?.(clientX, clientY);
+  if (!position?.offsetNode || !historyText.contains(position.offsetNode))
+    return null;
+  const fallback = document.createRange();
+  fallback.setStart(position.offsetNode, position.offset);
+  fallback.setEnd(position.offsetNode, position.offset);
+  return fallback;
+}
+function selectOutputAtPoint(clientX, clientY) {
+  if (!openHistory() || !historyText.textContent)
+    return false;
+  const point = pointRange(clientX, clientY);
+  if (!point || point.startContainer.nodeType !== 3)
+    return selectAllOutput();
+  const text = point.startContainer.textContent ?? "";
+  let start = Math.max(0, Math.min(point.startOffset, text.length));
+  let end = start;
+  while (start > 0 && !/\s/u.test(text[start - 1]))
+    start--;
+  while (end < text.length && !/\s/u.test(text[end]))
+    end++;
+  if (start === end)
+    end = Math.min(text.length, start + 1);
+  const range = document.createRange();
+  range.setStart(point.startContainer, start);
+  range.setEnd(point.startContainer, end);
+  const selection = document.getSelection?.();
+  if (!selection)
+    return false;
+  selection.removeAllRanges();
+  selection.addRange(range);
+  historyFrozen = true;
+  return Boolean(outputSelection());
+}
 function closeHistory() {
+  closeOutputMenu();
   clearOutputSelection();
   historyPanel.hidden = true;
   historyFrozen = false;
@@ -259,6 +333,7 @@ function selectAllOutput() {
   const selection = document.getSelection();
   selection.removeAllRanges();
   selection.addRange(range);
+  updateOutputMenu();
   return true;
 }
 async function copyOutputText(selectedText = null) {
@@ -289,12 +364,108 @@ async function copyOutputText(selectedText = null) {
     copyStatus.textContent = copied ? "Copied output" : "Select text and use the browser Copy menu";
   }
 }
-historyText.addEventListener("pointerdown", () => {
+async function pasteOutputText() {
+  closeOutputMenu();
+  const generation = connectionGeneration;
+  if (!navigator.clipboard?.readText) {
+    copyStatus.textContent = "Clipboard unavailable; use the keyboard Paste action";
+    return;
+  }
+  let text;
+  try {
+    text = await navigator.clipboard.readText();
+  } catch {
+    if (generation === connectionGeneration)
+      copyStatus.textContent = "Clipboard permission denied";
+    return;
+  }
+  if (generation !== connectionGeneration || pendingSessionId)
+    return;
+  if (!text) {
+    copyStatus.textContent = "Clipboard is empty";
+    return;
+  }
+  if (!authenticated || socket?.readyState !== WebSocket.OPEN) {
+    copyStatus.textContent = "Connect before pasting";
+    return;
+  }
+  closeHistory();
+  const start = command.selectionStart ?? command.value.length;
+  const end = command.selectionEnd ?? start;
+  if (terminal.buffer.active.type !== "alternate" && !remoteEditing) {
+    remoteEditing = false;
+    speechDraft = true;
+    command.setRangeText(text, start, end, "end");
+    lastNativeValue = command.value;
+    focusCommand();
+    positionCommand();
+    copyStatus.textContent = "Pasted into draft; press Enter to send";
+    return;
+  }
+  const data = terminal.modes.bracketedPasteMode ? `\x1B[200~${text.replace(/\r?\n/g, "\r")}\x1B[201~` : text;
+  if (send({ type: "input", data }))
+    copyStatus.textContent = "Pasted";
+}
+function beginOutputLongPress(event) {
+  if (event.pointerType && event.pointerType !== "touch" && event.pointerType !== "pen")
+    return;
   historyFrozen = true;
+  clearTimeout(outputMenuTimer);
+  outputMenuPointer = { x: event.clientX ?? 0, y: event.clientY ?? 0 };
+  outputMenuTimer = setTimeout(() => {
+    if (!outputMenuPointer)
+      return;
+    const { x, y } = outputMenuPointer;
+    outputMenuPointer = undefined;
+    selectOutputAtPoint(x, y);
+    showOutputMenu(x, y);
+  }, 500);
+}
+function cancelOutputLongPress(event) {
+  if (!outputMenuPointer)
+    return;
+  if (event?.type === "pointermove") {
+    if (Math.hypot(event.clientX - outputMenuPointer.x, event.clientY - outputMenuPointer.y) > 10)
+      closeOutputMenu();
+    return;
+  }
+  if (event && Math.hypot(event.clientX - outputMenuPointer.x, event.clientY - outputMenuPointer.y) > 10)
+    closeOutputMenu();
+  else if (!outputMenuOpen) {
+    clearTimeout(outputMenuTimer);
+    outputMenuTimer = undefined;
+    outputMenuPointer = undefined;
+  }
+}
+historyText.addEventListener("pointerdown", beginOutputLongPress);
+historyText.addEventListener("pointermove", cancelOutputLongPress);
+historyText.addEventListener("pointerup", cancelOutputLongPress);
+historyText.addEventListener("pointercancel", closeOutputMenu);
+terminalContainer.addEventListener("pointerdown", (event) => {
+  if (historyPanel.hidden)
+    beginOutputLongPress(event);
+});
+terminalContainer.addEventListener("pointermove", cancelOutputLongPress);
+terminalContainer.addEventListener("pointerup", cancelOutputLongPress);
+terminalContainer.addEventListener("pointercancel", closeOutputMenu);
+terminalContainer.addEventListener("contextmenu", (event) => {
+  if (!historyPanel.hidden)
+    return;
+  event.preventDefault();
+  selectOutputAtPoint(event.clientX, event.clientY);
+  showOutputMenu(event.clientX, event.clientY);
+});
+historyText.addEventListener("contextmenu", (event) => {
+  event.preventDefault();
+  selectOutputAtPoint(event.clientX, event.clientY);
+  showOutputMenu(event.clientX, event.clientY);
 });
 document.addEventListener("selectionchange", () => {
-  if (!historyPanel.hidden && outputSelection())
+  if (outputMenuOpen)
+    updateOutputMenu();
+  if (!historyPanel.hidden && outputSelection()) {
     historyFrozen = true;
+  }
 });
 historyPanel.addEventListener("keydown", (event) => {
   if (event.key.toLowerCase() === "a" && (event.metaKey || event.ctrlKey)) {
@@ -318,6 +489,29 @@ historyCopy.addEventListener("click", () => {
   selectedForCopy = null;
   return copyOutputText(selected);
 });
+outputSelect.addEventListener("click", () => {
+  closeOutputMenu();
+});
+outputSelectAll.addEventListener("click", () => {
+  selectAllOutput();
+});
+outputMenu.addEventListener("pointerdown", (event) => {
+  event.preventDefault();
+});
+outputCopy.addEventListener("click", () => {
+  const selected = outputSelection();
+  closeOutputMenu();
+  return copyOutputText(selected);
+});
+outputPaste.addEventListener("click", pasteOutputText);
+document.addEventListener("pointerdown", (event) => {
+  if (outputMenuOpen && !outputMenu.contains(event.target))
+    closeOutputMenu();
+});
+document.addEventListener("keydown", (event) => {
+  if (event.key === "Escape")
+    closeOutputMenu();
+});
 function updateModifiers() {
   ctrlButton.textContent = ctrl === 2 ? "CTRL \uD83D\uDD12" : ctrl ? "CTRL" : "Ctrl";
   ctrlButton.setAttribute("aria-pressed", String(ctrl > 0));

package/extensions/dm-tty/web/index.html

@@ -60,6 +60,12 @@
       <span id="copy-status" role="status" aria-live="polite"></span>
       <pre id="history-text"></pre>
     </section>
+    <div id="output-menu" class="output-menu" role="menu" aria-label="Terminal text actions" hidden>
+      <button id="output-paste" type="button" role="menuitem">Paste</button>
+      <button id="output-select" type="button" role="menuitem">Select</button>
+      <button id="output-select-all" type="button" role="menuitem">Select All</button>
+      <button id="output-copy" type="button" role="menuitem" hidden>Copy</button>
+    </div>
     <form id="command-form" autocomplete="off" hidden>
       <label class="sr-only" for="command">Shell command (Vietnamese IME)</label>
       <textarea id="command" rows="1" wrap="off" autocomplete="off" autocapitalize="off" autocorrect="off" spellcheck="false" aria-label="Shell command (Vietnamese IME)"></textarea>

package/extensions/dm-tty/web/style.css

@@ -20,6 +20,10 @@ input:focus, textarea:focus, select:focus, button:focus-visible, summary:focus-v
 #history-lines { width: 72px; padding: 3px 5px; font-size: 16px; }
 #history-text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; font: 14px/1.4 "courier-new", courier, monospace; }
 ::selection { color: #fff; background: #5b21b6; }
+.output-menu { position: absolute; z-index: 6; display: grid; min-width: 148px; gap: 2px; padding: 4px; border: 1px solid #64748b; border-radius: 7px; background: #1e293b; box-shadow: 0 8px 24px #0009; }
+.output-menu[hidden] { display: none; }
+.output-menu button { min-height: 38px; padding: 7px 10px; border: 0; border-radius: 4px; background: transparent; text-align: left; }
+.output-menu button:hover, .output-menu button:focus-visible { background: #334155; }
 summary { cursor: pointer; }
 #session-menu { flex: none; }
 #session-menu > summary { list-style: none; width: 40px; height: 34px; text-align: center; font-size: 24px; line-height: 30px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duckmind/dm-darwin-x64",
-  "version": "0.66.7",
+  "version": "0.66.8",
   "description": "DuckMind (dm) binary payload for darwin x64",
   "license": "MIT",
   "os": [