agentation 2.0.0 → 2.1.0

package/README.md

@@ -1,4 +1,4 @@
-<img src="./logo.svg" alt="Agentation" width="50" />
+<img src="https://raw.githubusercontent.com/benjitaylor/agentation/main/package/logo.svg" alt="Agentation" width="50" />
 
 [![npm version](https://img.shields.io/npm/v/agentation)](https://www.npmjs.com/package/agentation)
 [![downloads](https://img.shields.io/npm/dm/agentation)](https://www.npmjs.com/package/agentation)
@@ -49,7 +49,7 @@ The toolbar appears in the bottom-right corner. Click to activate, then click an
 | `onAnnotationUpdate` | `(annotation: Annotation) => void` | - | Called when an annotation is edited |
 | `onAnnotationsClear` | `(annotations: Annotation[]) => void` | - | Called when all annotations are cleared |
 | `onCopy` | `(markdown: string) => void` | - | Callback with markdown output when copy is clicked |
-| `onSubmit` | `(output: string, annotations: Annotation[]) => void` | - | Called when "Send to Agent" is clicked |
+| `onSubmit` | `(output: string, annotations: Annotation[]) => void` | - | Called when "Send Annotations" is clicked |
 | `copyToClipboard` | `boolean` | `true` | Set to false to prevent writing to clipboard |
 | `endpoint` | `string` | - | Server URL for Agent Sync (e.g., `"http://localhost:4747"`) |
 | `sessionId` | `string` | - | Pre-existing session ID to join |

package/dist/index.js

@@ -2847,6 +2847,36 @@ function PageFeedbackToolbarCSS({
     const interval = setInterval(checkHealth, 1e4);
     return () => clearInterval(interval);
   }, [endpoint, mounted]);
+  (0, import_react2.useEffect)(() => {
+    if (!endpoint || !mounted || !currentSessionId) return;
+    const eventSource = new EventSource(
+      `${endpoint}/sessions/${currentSessionId}/events`
+    );
+    const removedStatuses = ["resolved", "dismissed"];
+    const handler = (e) => {
+      try {
+        const event = JSON.parse(e.data);
+        if (removedStatuses.includes(event.payload?.status)) {
+          const id = event.payload.id;
+          setExitingMarkers((prev) => new Set(prev).add(id));
+          setTimeout(() => {
+            setAnnotations((prev) => prev.filter((a) => a.id !== id));
+            setExitingMarkers((prev) => {
+              const next = new Set(prev);
+              next.delete(id);
+              return next;
+            });
+          }, 150);
+        }
+      } catch {
+      }
+    };
+    eventSource.addEventListener("annotation.updated", handler);
+    return () => {
+      eventSource.removeEventListener("annotation.updated", handler);
+      eventSource.close();
+    };
+  }, [endpoint, mounted, currentSessionId]);
   (0, import_react2.useEffect)(() => {
     if (!endpoint || !mounted) return;
     const wasDisconnected = prevConnectionStatusRef.current === "disconnected";
@@ -4112,6 +4142,12 @@ function PageFeedbackToolbarCSS({
           setIsActive(false);
         }
       }
+      if ((e.metaKey || e.ctrlKey) && e.shiftKey && (e.key === "f" || e.key === "F")) {
+        e.preventDefault();
+        hideTooltipsUntilMouseLeave();
+        setIsActive((prev) => !prev);
+        return;
+      }
       if (isTyping || e.metaKey || e.ctrlKey) return;
       if (e.key === "p" || e.key === "P") {
         e.preventDefault();
@@ -4466,7 +4502,7 @@ function PageFeedbackToolbarCSS({
                                   ] }),
                                   /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: styles_module_default2.settingsVersion, children: [
                                     "v",
-                                    "2.0.0"
+                                    "2.1.0"
                                   ] }),
                                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "button",