web-remarq 0.4.3 → 0.4.4

package/dist/index.d.cts

@@ -95,4 +95,4 @@ declare const WebRemarq: {
     clearAll(): void;
 };
 
-export { type AgentAnnotation, type AgentExport, type Annotation, type AnnotationStore, type CSSModuleClass, type ElementFingerprint, type ImportResult, WebRemarq, type WebRemarqOptions };
+export { type AgentAnnotation, type AgentExport, type Annotation, type AnnotationStore, type CSSModuleClass, type ElementFingerprint, type ImportResult, type ToolbarPosition, WebRemarq, type WebRemarqOptions };

package/dist/index.d.ts

@@ -95,4 +95,4 @@ declare const WebRemarq: {
     clearAll(): void;
 };
 
-export { type AgentAnnotation, type AgentExport, type Annotation, type AnnotationStore, type CSSModuleClass, type ElementFingerprint, type ImportResult, WebRemarq, type WebRemarqOptions };
+export { type AgentAnnotation, type AgentExport, type Annotation, type AnnotationStore, type CSSModuleClass, type ElementFingerprint, type ImportResult, type ToolbarPosition, WebRemarq, type WebRemarqOptions };

package/dist/index.js

@@ -592,7 +592,7 @@ var CSS = `
 .remarq-toolbar.remarq-pos-top-right { top: 16px; right: 16px; }
 .remarq-toolbar.remarq-pos-top-left { top: 16px; left: 16px; flex-direction: row-reverse; }
 
-.remarq-toolbar.remarq-minimized { padding: 4px; }
+.remarq-toolbar.remarq-minimized { padding: 8px; }
 
 .remarq-toolbar-btn {
   display: flex;
@@ -1888,6 +1888,7 @@ var MarkerManager = class {
 // src/ui/toast.ts
 var currentToast = null;
 var currentTimer = null;
+var fadeTimer = null;
 function showToast(container, message, duration = 3e3) {
   hideToast();
   const toast = document.createElement("div");
@@ -1898,7 +1899,7 @@ function showToast(container, message, duration = 3e3) {
   currentTimer = setTimeout(() => {
     if (currentToast) {
       currentToast.classList.add("remarq-toast-fade");
-      setTimeout(() => hideToast(), 300);
+      fadeTimer = setTimeout(() => hideToast(), 300);
     }
   }, duration);
 }
@@ -1907,6 +1908,10 @@ function hideToast() {
     clearTimeout(currentTimer);
     currentTimer = null;
   }
+  if (fadeTimer) {
+    clearTimeout(fadeTimer);
+    fadeTimer = null;
+  }
   if (currentToast) {
     currentToast.remove();
     currentToast = null;
@@ -2278,7 +2283,7 @@ function handleInspectKeydown(e) {
     toolbar.setSpacingActive(spacingMode);
     if (!spacingMode) spacingOverlay.hide();
   }
-  if (e.key === "i" && e.altKey) {
+  if (e.altKey && e.code === "KeyI") {
     e.preventDefault();
     setInspecting(!inspecting);
     if (!inspecting) {
@@ -2440,13 +2445,36 @@ function exportJSON() {
   showToast(themeManager.container, "Exported as JSON");
 }
 function copyToClipboard() {
+  var _a3;
   const md = generateMarkdown();
-  if (!md) return;
-  navigator.clipboard.writeText(md).then(() => {
+  if (!md) {
+    showToast(themeManager.container, "No annotations to copy");
+    return;
+  }
+  if ((_a3 = navigator.clipboard) == null ? void 0 : _a3.writeText) {
+    navigator.clipboard.writeText(md).then(() => {
+      showToast(themeManager.container, "Copied to clipboard");
+    }).catch(() => {
+      fallbackCopy(md);
+    });
+  } else {
+    fallbackCopy(md);
+  }
+}
+function fallbackCopy(text) {
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.opacity = "0";
+  document.body.appendChild(textarea);
+  textarea.select();
+  try {
+    document.execCommand("copy");
     showToast(themeManager.container, "Copied to clipboard");
-  }).catch(() => {
-    console.warn("[web-remarq] Clipboard write failed");
-  });
+  } catch (e) {
+    showToast(themeManager.container, "Failed to copy");
+  }
+  textarea.remove();
 }
 function exportAgent() {
   const anns = storage.getAll();
@@ -2466,10 +2494,13 @@ function copyAgentToClipboard() {
 }
 function setupMutationObserver() {
   mutationObserver = new MutationObserver((mutations) => {
+    let hasExternalMutation = false;
     for (const m of mutations) {
-      if (m.target instanceof HTMLElement && m.target.closest("[data-remarq-theme]")) return;
+      if (m.target instanceof HTMLElement && m.target.closest("[data-remarq-theme]")) continue;
+      hasExternalMutation = true;
+      break;
     }
-    scheduleRefresh();
+    if (hasExternalMutation) scheduleRefresh();
   });
   mutationObserver.observe(document.body, {
     childList: true,