agentation 2.0.0 → 2.1.1

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.1"
                                   ] }),
                                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                     "button",
@@ -4748,21 +4784,12 @@ function PageFeedbackToolbarCSS({
                                         ]
                                       }
                                     ),
-                                    endpoint ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                                    endpoint && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                                       "div",
                                       {
                                         className: `${styles_module_default2.mcpStatusDot} ${styles_module_default2[connectionStatus]}`,
                                         title: connectionStatus === "connected" ? "Connected" : connectionStatus === "connecting" ? "Connecting..." : "Disconnected"
                                       }
-                                    ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                                      "a",
-                                      {
-                                        href: "https://agentation.dev/install#mcp-server",
-                                        target: "_blank",
-                                        rel: "noopener noreferrer",
-                                        className: styles_module_default2.settingsLink,
-                                        children: "Learn more \u2192"
-                                      }
                                     )
                                   ] }),
                                   /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(