@critique.work/agentation 2.3.0 → 2.4.0

package/dist/index.mjs

@@ -2156,6 +2156,32 @@ function getNearbyText(element) {
   }
   return texts.join(" ");
 }
+var MIN_SIBLINGS = 3;
+function getSurroundingNodes(element, radius = 3) {
+  let node = element;
+  while (node) {
+    const parent = node.parentElement;
+    if (parent && parent.children.length >= MIN_SIBLINGS) break;
+    node = node.parentElement;
+  }
+  if (!node) return null;
+  const lineText = (node.textContent ?? "").replace(/\n/g, " ").trim();
+  const contextBefore = [];
+  let prev = node.previousElementSibling;
+  for (let i3 = 0; i3 < radius && prev; i3++) {
+    const text = (prev.textContent ?? "").replace(/\n/g, " ").trim();
+    if (text) contextBefore.unshift(text);
+    prev = prev.previousElementSibling;
+  }
+  const contextAfter = [];
+  let next = node.nextElementSibling;
+  for (let i3 = 0; i3 < radius && next; i3++) {
+    const text = (next.textContent ?? "").replace(/\n/g, " ").trim();
+    if (text) contextAfter.push(text);
+    next = next.nextElementSibling;
+  }
+  return { lineText, contextBefore, contextAfter };
+}
 function identifyAnimationElement(target) {
   if (target.dataset.element) return target.dataset.element;
   const tag = target.tagName.toLowerCase();
@@ -3936,7 +3962,8 @@ function PageFeedbackToolbarCSS({
         nearbyElements: getNearbyElements(firstEl),
         cssClasses: getElementClasses(firstEl),
         nearbyText: getNearbyText(firstEl),
-        reactComponents: firstItem.reactComponents
+        reactComponents: firstItem.reactComponents,
+        ...getSurroundingNodes(firstEl)
       });
     } else {
       const bounds = {
@@ -3983,7 +4010,8 @@ function PageFeedbackToolbarCSS({
         computedStylesObj: getDetailedComputedStyles(firstEl),
         nearbyElements: getNearbyElements(firstEl),
         cssClasses: getElementClasses(firstEl),
-        nearbyText: getNearbyText(firstEl)
+        nearbyText: getNearbyText(firstEl),
+        ...getSurroundingNodes(firstEl)
       });
     }
     setPendingMultiSelectElements([]);
@@ -4223,7 +4251,8 @@ function PageFeedbackToolbarCSS({
             reactComponents: reactComponents2 ?? void 0,
             targetElement: elementUnder2 ?? void 0,
             drawingIndex: strokeIdx,
-            strokeId: stroke.id
+            strokeId: stroke.id,
+            ...elementUnder2 ? getSurroundingNodes(elementUnder2) : {}
           });
           setHoverInfo(null);
           setHoveredDrawingIdx(null);
@@ -4325,8 +4354,9 @@ function PageFeedbackToolbarCSS({
         computedStylesObj,
         nearbyElements: getNearbyElements(elementUnder),
         reactComponents: reactComponents ?? void 0,
-        targetElement: elementUnder
+        targetElement: elementUnder,
         // Store for live position queries
+        ...getSurroundingNodes(elementUnder)
       });
       setHoverInfo(null);
     };
@@ -4643,7 +4673,8 @@ function PageFeedbackToolbarCSS({
             computedStylesObj: firstElementComputedStyles,
             nearbyElements: getNearbyElements(firstElement),
             cssClasses: getElementClasses(firstElement),
-            nearbyText: getNearbyText(firstElement)
+            nearbyText: getNearbyText(firstElement),
+            ...getSurroundingNodes(firstElement)
           });
         } else {
           const width = Math.abs(right - left);
@@ -4847,7 +4878,8 @@ function PageFeedbackToolbarCSS({
             reactComponents: reactComponents ?? void 0,
             targetElement: elementUnder ?? void 0,
             drawingIndex: strokeIdx,
-            strokeId: stroke.id
+            strokeId: stroke.id,
+            ...elementUnder ? getSurroundingNodes(elementUnder) : {}
           });
           setHoverInfo(null);
           setHoveredDrawingIdx(null);
@@ -4950,7 +4982,8 @@ function PageFeedbackToolbarCSS({
           reactComponents: reactComponents ?? void 0,
           targetElement: centerEl ?? void 0,
           drawingIndex: newStrokeIdx,
-          strokeId: newStrokeId
+          strokeId: newStrokeId,
+          ...centerEl ? getSurroundingNodes(centerEl) : {}
         });
         setHoverInfo(null);
       }
@@ -5077,6 +5110,9 @@ function PageFeedbackToolbarCSS({
         elementBoundingBoxes: pendingAnnotation.elementBoundingBoxes,
         drawingIndex: pendingAnnotation.drawingIndex,
         strokeId: pendingAnnotation.strokeId,
+        lineText: pendingAnnotation.lineText,
+        contextBefore: pendingAnnotation.contextBefore,
+        contextAfter: pendingAnnotation.contextAfter,
         // Protocol fields for server sync
         ...endpoint && currentSessionId ? {
           sessionId: currentSessionId,
@@ -6035,7 +6071,7 @@ function PageFeedbackToolbarCSS({
                                   ] }),
                                   /* @__PURE__ */ u3("span", { className: styles_module_default2.settingsVersion, children: [
                                     "v",
-                                    "2.3.0"
+                                    "2.4.0"
                                   ] }),
                                   /* @__PURE__ */ u3(
                                     "button",
@@ -7027,6 +7063,7 @@ export {
   getNearbyText,
   getShadowHost,
   getStorageKey,
+  getSurroundingNodes,
   identifyAnimationElement,
   identifyElement,
   isInShadowDOM,