@embedpdf/plugin-annotation 2.12.1 → 2.14.0

package/dist/index.js

@@ -737,6 +737,109 @@ function compensateRotatedVertexEdit(original, vertices, tightRect) {
   if (Math.abs(qx) < 1e-8 && Math.abs(qy) < 1e-8) return vertices;
   return vertices.map((v) => ({ x: v.x + qx, y: v.y + qy }));
 }
+function computeTextBoxFromRD(rect, rd) {
+  if (!rd) return rect;
+  return {
+    origin: { x: rect.origin.x + rd.left, y: rect.origin.y + rd.top },
+    size: {
+      width: Math.max(0, rect.size.width - rd.left - rd.right),
+      height: Math.max(0, rect.size.height - rd.top - rd.bottom)
+    }
+  };
+}
+function computeRDFromTextBox(overallRect, textBox) {
+  return {
+    left: textBox.origin.x - overallRect.origin.x,
+    top: textBox.origin.y - overallRect.origin.y,
+    right: overallRect.origin.x + overallRect.size.width - (textBox.origin.x + textBox.size.width),
+    bottom: overallRect.origin.y + overallRect.size.height - (textBox.origin.y + textBox.size.height)
+  };
+}
+function computeCalloutConnectionPoint(knee, textBox) {
+  const cx = textBox.origin.x + textBox.size.width / 2;
+  const cy = textBox.origin.y + textBox.size.height / 2;
+  const dx = knee.x - cx;
+  const dy = knee.y - cy;
+  if (Math.abs(dx) >= Math.abs(dy)) {
+    return dx > 0 ? { x: textBox.origin.x + textBox.size.width, y: cy } : { x: textBox.origin.x, y: cy };
+  }
+  return dy > 0 ? { x: cx, y: textBox.origin.y + textBox.size.height } : { x: cx, y: textBox.origin.y };
+}
+function computeCalloutOverallRect(textBox, calloutLine, lineEnding, strokeWidth) {
+  const linePoints = [...calloutLine];
+  if (lineEnding && calloutLine.length >= 2) {
+    const handler = LINE_ENDING_HANDLERS[lineEnding];
+    if (handler) {
+      const angle = Math.atan2(
+        calloutLine[1].y - calloutLine[0].y,
+        calloutLine[1].x - calloutLine[0].x
+      );
+      const localPts = handler.getLocalPoints(strokeWidth);
+      const rotationAngle = handler.getRotation(angle + Math.PI);
+      const transformed = localPts.map(
+        (p) => rotateAndTranslatePoint(p, rotationAngle, calloutLine[0])
+      );
+      linePoints.push(...transformed);
+    }
+  }
+  const lineBbox = expandRect(rectFromPoints(linePoints), strokeWidth);
+  const tbRight = textBox.origin.x + textBox.size.width;
+  const tbBottom = textBox.origin.y + textBox.size.height;
+  const lnRight = lineBbox.origin.x + lineBbox.size.width;
+  const lnBottom = lineBbox.origin.y + lineBbox.size.height;
+  const minX = Math.min(textBox.origin.x, lineBbox.origin.x);
+  const minY = Math.min(textBox.origin.y, lineBbox.origin.y);
+  const maxX = Math.max(tbRight, lnRight);
+  const maxY = Math.max(tbBottom, lnBottom);
+  return {
+    origin: { x: minX, y: minY },
+    size: { width: maxX - minX, height: maxY - minY }
+  };
+}
+const calloutVertexConfig = {
+  extractVertices: (a) => {
+    const textBox = computeTextBoxFromRD(a.rect, a.rectangleDifferences);
+    const cl = a.calloutLine;
+    if (!cl || cl.length < 3) {
+      return [
+        { x: a.rect.origin.x, y: a.rect.origin.y },
+        { x: a.rect.origin.x, y: a.rect.origin.y },
+        { x: textBox.origin.x, y: textBox.origin.y },
+        { x: textBox.origin.x + textBox.size.width, y: textBox.origin.y + textBox.size.height }
+      ];
+    }
+    return [
+      cl[0],
+      cl[1],
+      { x: textBox.origin.x, y: textBox.origin.y },
+      { x: textBox.origin.x + textBox.size.width, y: textBox.origin.y + textBox.size.height }
+    ];
+  },
+  transformAnnotation: (a, vertices) => {
+    if (vertices.length < 4) return {};
+    const [arrowTip, knee, tbTL, tbBR] = vertices;
+    const textBox = {
+      origin: { x: Math.min(tbTL.x, tbBR.x), y: Math.min(tbTL.y, tbBR.y) },
+      size: {
+        width: Math.abs(tbBR.x - tbTL.x),
+        height: Math.abs(tbBR.y - tbTL.y)
+      }
+    };
+    const connectionPoint = computeCalloutConnectionPoint(knee, textBox);
+    const calloutLine = [arrowTip, knee, connectionPoint];
+    const overallRect = computeCalloutOverallRect(
+      textBox,
+      calloutLine,
+      a.lineEnding,
+      a.strokeWidth ?? 1
+    );
+    return {
+      calloutLine,
+      rect: overallRect,
+      rectangleDifferences: computeRDFromTextBox(overallRect, textBox)
+    };
+  }
+};
 function createEnding(ending, strokeWidth, rad, px, py) {
   if (!ending) return null;
   const handler = LINE_ENDING_HANDLERS[ending];
@@ -893,495 +996,252 @@ function clampAnnotationToPage(annotation, pageSize) {
     } : {}
   };
 }
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  LINE_ENDING_HANDLERS,
-  PatchRegistry,
-  applyInsertUpright,
-  calculateAABBFromVertices,
-  calculateRotatedRectAABB,
-  calculateRotatedRectAABBAroundPoint,
-  clampAnnotationToPage,
-  compensateRotatedVertexEdit,
-  createEnding,
-  getRectCenter,
-  lineRectWithEndings,
-  patchRegistry,
-  resolveAnnotationRotationCenter,
-  resolveRotateRects,
-  resolveVertexEditRects,
-  rotatePointAroundCenter: rotatePointAround,
-  rotateVertices
-}, Symbol.toStringTag, { value: "Module" }));
-const COMMENT_SIZE = 24;
-const textHandlerFactory = {
-  annotationType: PdfAnnotationSubtype.TEXT,
-  create(context) {
-    const { onCommit, getTool, pageSize } = context;
-    return {
-      onPointerDown: (pos) => {
-        const tool = getTool();
-        if (!tool) return;
-        const rect = {
-          origin: { x: pos.x - COMMENT_SIZE / 2, y: pos.y - COMMENT_SIZE / 2 },
-          size: { width: COMMENT_SIZE, height: COMMENT_SIZE }
-        };
-        let anno = {
-          ...tool.defaults,
-          rect,
-          type: PdfAnnotationSubtype.TEXT,
-          name: tool.defaults.name ?? PdfAnnotationName.Comment,
-          contents: tool.defaults.contents ?? "",
-          flags: tool.defaults.flags ?? ["print", "noRotate", "noZoom"],
-          pageIndex: context.pageIndex,
-          id: uuidV4(),
-          created: /* @__PURE__ */ new Date()
+const patchInk = (original, ctx) => {
+  switch (ctx.type) {
+    case "vertex-edit":
+      return ctx.changes;
+    case "move": {
+      if (!ctx.changes.rect) return ctx.changes;
+      const { dx, dy, rects } = baseMoveChanges(original, ctx.changes.rect);
+      return {
+        ...rects,
+        inkList: original.inkList.map((stroke) => ({
+          points: stroke.points.map((p) => ({ x: p.x + dx, y: p.y + dy }))
+        }))
+      };
+    }
+    case "resize": {
+      if (!ctx.changes.rect) return ctx.changes;
+      const { scaleX, scaleY, oldRect, resolvedRect, rects } = baseResizeScaling(
+        original,
+        ctx.changes.rect,
+        ctx.metadata
+      );
+      const inset = (r2, pad) => ({
+        origin: { x: r2.origin.x + pad, y: r2.origin.y + pad },
+        size: {
+          width: Math.max(1, r2.size.width - pad * 2),
+          height: Math.max(1, r2.size.height - pad * 2)
+        }
+      });
+      const resizeEpsilon = 1e-3;
+      const widthChanged = Math.abs(scaleX - 1) > resizeEpsilon;
+      const heightChanged = Math.abs(scaleY - 1) > resizeEpsilon;
+      const strokeScale = widthChanged && !heightChanged ? scaleX : !widthChanged && heightChanged ? scaleY : Math.min(scaleX, scaleY);
+      const rawStrokeWidth = Math.max(1, original.strokeWidth * strokeScale);
+      const maxStrokeWidth = Math.max(
+        1,
+        Math.min(resolvedRect.size.width, resolvedRect.size.height)
+      );
+      const clampedStrokeWidth = Math.min(rawStrokeWidth, maxStrokeWidth);
+      const newStrokeWidth = Number(clampedStrokeWidth.toFixed(1));
+      const innerOld = inset(oldRect, original.strokeWidth / 2);
+      const innerNew = inset(resolvedRect, newStrokeWidth / 2);
+      const sx = innerNew.size.width / Math.max(innerOld.size.width, 1e-6);
+      const sy = innerNew.size.height / Math.max(innerOld.size.height, 1e-6);
+      return {
+        ...rects,
+        inkList: original.inkList.map((stroke) => ({
+          points: stroke.points.map((p) => ({
+            x: innerNew.origin.x + (p.x - innerOld.origin.x) * sx,
+            y: innerNew.origin.y + (p.y - innerOld.origin.y) * sy
+          }))
+        })),
+        strokeWidth: newStrokeWidth
+      };
+    }
+    case "rotate": {
+      const result = baseRotateChanges(original, ctx);
+      if (!result) return ctx.changes;
+      const { dx, dy } = rotateOrbitDelta(original, result);
+      return {
+        ...result,
+        inkList: original.inkList.map((stroke) => ({
+          points: stroke.points.map((p) => ({ x: p.x + dx, y: p.y + dy }))
+        }))
+      };
+    }
+    case "property-update": {
+      const needsRectUpdate = ctx.changes.strokeWidth !== void 0 || ctx.changes.rotation !== void 0;
+      if (!needsRectUpdate) return ctx.changes;
+      const merged = { ...original, ...ctx.changes };
+      const pts = merged.inkList.flatMap((s) => s.points);
+      const tightRect = expandRect(rectFromPoints(pts), merged.strokeWidth / 2);
+      const effectiveRotation = ctx.changes.rotation ?? original.rotation ?? 0;
+      if (original.unrotatedRect || ctx.changes.rotation !== void 0) {
+        return {
+          ...ctx.changes,
+          unrotatedRect: tightRect,
+          rect: calculateRotatedRectAABBAroundPoint(
+            tightRect,
+            effectiveRotation,
+            resolveAnnotationRotationCenter(original)
+          )
         };
-        anno = clampAnnotationToPage(anno, pageSize);
-        onCommit(anno);
       }
-    };
+      return { ...ctx.changes, rect: tightRect };
+    }
+    default:
+      return ctx.changes;
   }
 };
-function useClickDetector({
-  threshold = 5,
-  getTool,
-  onClickDetected
-}) {
-  const [getStartPos, setStartPos] = useState(null);
-  const [getHasMoved, setHasMoved] = useState(false);
-  return {
-    onStart: (pos) => {
-      setStartPos(pos);
-      setHasMoved(false);
-    },
-    onMove: (pos) => {
-      const start = getStartPos();
-      if (!start || getHasMoved()) return;
-      const distance2 = Math.sqrt(Math.pow(pos.x - start.x, 2) + Math.pow(pos.y - start.y, 2));
-      if (distance2 > threshold) {
-        setHasMoved(true);
+const patchLine = (orig, ctx) => {
+  switch (ctx.type) {
+    case "vertex-edit":
+      if (ctx.changes.linePoints) {
+        const { start, end } = ctx.changes.linePoints;
+        const rawPoints = [start, end];
+        const rawRect = lineRectWithEndings(rawPoints, orig.strokeWidth, orig.lineEndings);
+        const compensated = compensateRotatedVertexEdit(orig, rawPoints, rawRect);
+        const rect = lineRectWithEndings(compensated, orig.strokeWidth, orig.lineEndings);
+        return {
+          ...resolveVertexEditRects(orig, rect),
+          linePoints: { start: compensated[0], end: compensated[1] }
+        };
       }
-    },
-    onEnd: (pos) => {
-      var _a;
-      const start = getStartPos();
-      if (start && !getHasMoved()) {
-        const tool = getTool();
-        if (tool && "clickBehavior" in tool && ((_a = tool.clickBehavior) == null ? void 0 : _a.enabled)) {
-          onClickDetected(pos, tool);
+      return ctx.changes;
+    case "move": {
+      if (!ctx.changes.rect) return ctx.changes;
+      const { dx, dy, rects } = baseMoveChanges(orig, ctx.changes.rect);
+      return {
+        ...rects,
+        linePoints: {
+          start: { x: orig.linePoints.start.x + dx, y: orig.linePoints.start.y + dy },
+          end: { x: orig.linePoints.end.x + dx, y: orig.linePoints.end.y + dy }
         }
-      }
-      setStartPos(null);
-      setHasMoved(false);
-    },
-    hasMoved: getHasMoved,
-    reset: () => {
-      setStartPos(null);
-      setHasMoved(false);
+      };
     }
-  };
-}
-const freeTextHandlerFactory = {
-  annotationType: PdfAnnotationSubtype.FREETEXT,
-  create(context) {
-    const { onCommit, onPreview, getTool, pageSize, pageIndex, pageRotation } = context;
-    const [getStart, setStart] = useState(null);
-    const clampToPage = (pos) => ({
-      x: clamp(pos.x, 0, pageSize.width),
-      y: clamp(pos.y, 0, pageSize.height)
-    });
-    const getDefaults = () => {
-      const tool = getTool();
-      if (!tool) return null;
+    case "resize": {
+      if (!ctx.changes.rect) return ctx.changes;
+      const { scaleX, scaleY, oldRect, resolvedRect, rects } = baseResizeScaling(
+        orig,
+        ctx.changes.rect,
+        ctx.metadata
+      );
       return {
-        ...tool.defaults,
-        fontColor: tool.defaults.fontColor ?? "#000000",
-        opacity: tool.defaults.opacity ?? 1,
-        fontSize: tool.defaults.fontSize ?? 12,
-        fontFamily: tool.defaults.fontFamily ?? PdfStandardFont.Helvetica,
-        color: tool.defaults.color ?? tool.defaults.backgroundColor ?? "transparent",
-        textAlign: tool.defaults.textAlign ?? PdfTextAlignment.Left,
-        verticalAlign: tool.defaults.verticalAlign ?? PdfVerticalAlignment.Top,
-        contents: tool.defaults.contents ?? "Insert text here",
-        flags: tool.defaults.flags ?? ["print"]
-      };
-    };
-    const clickDetector = useClickDetector({
-      threshold: 5,
-      getTool,
-      onClickDetected: (pos, tool) => {
-        var _a;
-        const defaults = getDefaults();
-        if (!defaults) return;
-        const clickConfig = tool.clickBehavior;
-        if (!(clickConfig == null ? void 0 : clickConfig.enabled)) return;
-        const { width, height } = clickConfig.defaultSize;
-        const rect = {
-          origin: { x: pos.x - width / 2, y: pos.y - height / 2 },
-          size: { width, height }
-        };
-        const contents = clickConfig.defaultContent ?? defaults.contents;
-        let anno = {
-          ...defaults,
-          contents,
-          type: PdfAnnotationSubtype.FREETEXT,
-          rect,
-          pageIndex,
-          id: uuidV4(),
-          created: /* @__PURE__ */ new Date()
-        };
-        if ((_a = tool.behavior) == null ? void 0 : _a.insertUpright) {
-          anno = applyInsertUpright(anno, pageRotation, false);
-        }
-        anno = clampAnnotationToPage(anno, pageSize);
-        onCommit(anno);
-      }
-    });
-    const getPreview = (current) => {
-      const start = getStart();
-      if (!start) return null;
-      const defaults = getDefaults();
-      if (!defaults) return null;
-      const minX = Math.min(start.x, current.x);
-      const minY = Math.min(start.y, current.y);
-      const width = Math.abs(start.x - current.x);
-      const height = Math.abs(start.y - current.y);
-      const rect = {
-        origin: { x: minX, y: minY },
-        size: { width, height }
+        ...rects,
+        linePoints: {
+          start: {
+            x: resolvedRect.origin.x + (orig.linePoints.start.x - oldRect.origin.x) * scaleX,
+            y: resolvedRect.origin.y + (orig.linePoints.start.y - oldRect.origin.y) * scaleY
+          },
+          end: {
+            x: resolvedRect.origin.x + (orig.linePoints.end.x - oldRect.origin.x) * scaleX,
+            y: resolvedRect.origin.y + (orig.linePoints.end.y - oldRect.origin.y) * scaleY
+          }
+        }
       };
+    }
+    case "rotate": {
+      const result = baseRotateChanges(orig, ctx);
+      if (!result) return ctx.changes;
+      const { dx, dy } = rotateOrbitDelta(orig, result);
       return {
-        type: PdfAnnotationSubtype.FREETEXT,
-        bounds: rect,
-        data: {
-          ...defaults,
-          rect
+        ...result,
+        linePoints: {
+          start: { x: orig.linePoints.start.x + dx, y: orig.linePoints.start.y + dy },
+          end: { x: orig.linePoints.end.x + dx, y: orig.linePoints.end.y + dy }
         }
       };
-    };
-    return {
-      onPointerDown: (pos, evt) => {
-        var _a;
-        const clampedPos = clampToPage(pos);
-        setStart(clampedPos);
-        clickDetector.onStart(clampedPos);
-        onPreview(getPreview(clampedPos));
-        (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
-      },
-      onPointerMove: (pos) => {
-        const clampedPos = clampToPage(pos);
-        clickDetector.onMove(clampedPos);
-        if (getStart() && clickDetector.hasMoved()) {
-          onPreview(getPreview(clampedPos));
-        }
-      },
-      onPointerUp: (pos, evt) => {
-        var _a, _b;
-        const start = getStart();
-        if (!start) return;
-        const defaults = getDefaults();
-        if (!defaults) return;
-        const clampedPos = clampToPage(pos);
-        if (!clickDetector.hasMoved()) {
-          clickDetector.onEnd(clampedPos);
-        } else {
-          const minX = Math.min(start.x, clampedPos.x);
-          const minY = Math.min(start.y, clampedPos.y);
-          const width = Math.abs(start.x - clampedPos.x);
-          const height = Math.abs(start.y - clampedPos.y);
-          const rect = {
-            origin: { x: minX, y: minY },
-            size: { width, height }
-          };
-          const tool = getTool();
-          let anno = {
-            ...defaults,
-            type: PdfAnnotationSubtype.FREETEXT,
-            rect,
-            pageIndex: context.pageIndex,
-            id: uuidV4(),
-            created: /* @__PURE__ */ new Date()
-          };
-          if ((_a = tool == null ? void 0 : tool.behavior) == null ? void 0 : _a.insertUpright) {
-            anno = applyInsertUpright(anno, pageRotation, true);
-          }
-          onCommit(anno);
-        }
-        setStart(null);
-        onPreview(null);
-        clickDetector.reset();
-        (_b = evt.releasePointerCapture) == null ? void 0 : _b.call(evt);
-      },
-      onPointerLeave: (_, evt) => {
-        var _a;
-        setStart(null);
-        onPreview(null);
-        clickDetector.reset();
-        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
-      },
-      onPointerCancel: (_, evt) => {
-        var _a;
-        setStart(null);
-        onPreview(null);
-        clickDetector.reset();
-        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+    }
+    case "property-update": {
+      const needsRectUpdate = ctx.changes.strokeWidth !== void 0 || ctx.changes.lineEndings !== void 0 || ctx.changes.rotation !== void 0;
+      if (!needsRectUpdate) return ctx.changes;
+      const merged = { ...orig, ...ctx.changes };
+      const tightRect = lineRectWithEndings(
+        [merged.linePoints.start, merged.linePoints.end],
+        merged.strokeWidth,
+        merged.lineEndings
+      );
+      const effectiveRotation = ctx.changes.rotation ?? orig.rotation ?? 0;
+      if (orig.unrotatedRect || ctx.changes.rotation !== void 0) {
+        return {
+          ...ctx.changes,
+          unrotatedRect: tightRect,
+          rect: calculateRotatedRectAABBAroundPoint(
+            tightRect,
+            effectiveRotation,
+            resolveAnnotationRotationCenter(orig)
+          )
+        };
       }
-    };
+      return { ...ctx.changes, rect: tightRect };
+    }
+    default:
+      return ctx.changes;
   }
 };
-const lineHandlerFactory = {
-  annotationType: PdfAnnotationSubtype.LINE,
-  create(context) {
-    const { pageIndex, onCommit, onPreview, getTool, pageSize } = context;
-    const [getStart, setStart] = useState(null);
-    const clampToPage = (pos) => ({
-      x: clamp(pos.x, 0, pageSize.width),
-      y: clamp(pos.y, 0, pageSize.height)
-    });
-    const getDefaults = () => {
-      const tool = getTool();
-      if (!tool) return null;
+const patchPolyline = (orig, ctx) => {
+  switch (ctx.type) {
+    case "vertex-edit":
+      if (ctx.changes.vertices && ctx.changes.vertices.length) {
+        const rawVertices = ctx.changes.vertices;
+        const rawRect = lineRectWithEndings(rawVertices, orig.strokeWidth, orig.lineEndings);
+        const compensated = compensateRotatedVertexEdit(orig, rawVertices, rawRect);
+        const rect = lineRectWithEndings(compensated, orig.strokeWidth, orig.lineEndings);
+        return {
+          ...resolveVertexEditRects(orig, rect),
+          vertices: compensated
+        };
+      }
+      return ctx.changes;
+    case "move": {
+      if (!ctx.changes.rect) return ctx.changes;
+      const { dx, dy, rects } = baseMoveChanges(orig, ctx.changes.rect);
       return {
-        ...tool.defaults,
-        strokeWidth: tool.defaults.strokeWidth ?? 1,
-        lineEndings: tool.defaults.lineEndings ?? {
-          start: PdfAnnotationLineEnding.None,
-          end: PdfAnnotationLineEnding.None
-        },
-        color: tool.defaults.color ?? "#000000",
-        opacity: tool.defaults.opacity ?? 1,
-        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
-        strokeDashArray: tool.defaults.strokeDashArray ?? [],
-        strokeColor: tool.defaults.strokeColor ?? "#000000",
-        flags: tool.defaults.flags ?? ["print"]
+        ...rects,
+        vertices: orig.vertices.map((p) => ({ x: p.x + dx, y: p.y + dy }))
       };
-    };
-    const clickDetector = useClickDetector({
-      threshold: 5,
-      getTool,
-      onClickDetected: (pos, tool) => {
-        const defaults = getDefaults();
-        if (!defaults) return;
-        const clickConfig = tool.clickBehavior;
-        if (!(clickConfig == null ? void 0 : clickConfig.enabled)) return;
-        const angle = clickConfig.defaultAngle ?? 0;
-        const length = clickConfig.defaultLength;
-        const halfLength = length / 2;
-        const startX = pos.x - halfLength * Math.cos(angle);
-        const startY = pos.y - halfLength * Math.sin(angle);
-        const endX = pos.x + halfLength * Math.cos(angle);
-        const endY = pos.y + halfLength * Math.sin(angle);
-        const start = clampToPage({ x: startX, y: startY });
-        const end = clampToPage({ x: endX, y: endY });
-        const rect = lineRectWithEndings(
-          [start, end],
-          defaults.strokeWidth,
-          defaults.lineEndings
-        );
-        onCommit({
-          ...defaults,
-          rect,
-          linePoints: { start, end },
-          pageIndex,
-          id: uuidV4(),
-          created: /* @__PURE__ */ new Date(),
-          type: PdfAnnotationSubtype.LINE
-        });
-      }
-    });
-    const getPreview = (current) => {
-      const start = getStart();
-      if (!start) return null;
-      const defaults = getDefaults();
-      if (!defaults) return null;
-      const bounds = lineRectWithEndings(
-        [start, current],
-        defaults.strokeWidth,
-        defaults.lineEndings
+    }
+    case "resize": {
+      if (!ctx.changes.rect) return ctx.changes;
+      const { scaleX, scaleY, oldRect, resolvedRect, rects } = baseResizeScaling(
+        orig,
+        ctx.changes.rect,
+        ctx.metadata
       );
       return {
-        type: PdfAnnotationSubtype.LINE,
-        bounds,
-        data: {
-          ...defaults,
-          rect: bounds,
-          linePoints: { start, end: current }
-        }
+        ...rects,
+        vertices: orig.vertices.map((v) => ({
+          x: resolvedRect.origin.x + (v.x - oldRect.origin.x) * scaleX,
+          y: resolvedRect.origin.y + (v.y - oldRect.origin.y) * scaleY
+        }))
       };
-    };
-    return {
-      onPointerDown: (pos, evt) => {
-        var _a;
-        const clampedPos = clampToPage(pos);
-        setStart(clampedPos);
-        clickDetector.onStart(clampedPos);
-        onPreview(getPreview(clampedPos));
-        (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
-      },
-      onPointerMove: (pos) => {
-        const clampedPos = clampToPage(pos);
-        clickDetector.onMove(clampedPos);
-        if (getStart() && clickDetector.hasMoved()) {
-          onPreview(getPreview(clampedPos));
-        }
-      },
-      onPointerUp: (pos, evt) => {
-        var _a;
-        const start = getStart();
-        if (!start) return;
-        const clampedPos = clampToPage(pos);
-        if (!clickDetector.hasMoved()) {
-          clickDetector.onEnd(clampedPos);
-        } else {
-          const defaults = getDefaults();
-          if (!defaults) return;
-          if (Math.abs(clampedPos.x - start.x) > 2 || Math.abs(clampedPos.y - start.y) > 2) {
-            const rect = lineRectWithEndings(
-              [start, clampedPos],
-              defaults.strokeWidth,
-              defaults.lineEndings
-            );
-            onCommit({
-              ...defaults,
-              rect,
-              linePoints: { start, end: clampedPos },
-              pageIndex,
-              id: uuidV4(),
-              flags: ["print"],
-              created: /* @__PURE__ */ new Date(),
-              type: PdfAnnotationSubtype.LINE
-            });
-          }
-        }
-        setStart(null);
-        onPreview(null);
-        clickDetector.reset();
-        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
-      },
-      onPointerLeave: (_, evt) => {
-        var _a;
-        setStart(null);
-        onPreview(null);
-        clickDetector.reset();
-        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
-      },
-      onPointerCancel: (_, evt) => {
-        var _a;
-        setStart(null);
-        onPreview(null);
-        clickDetector.reset();
-        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
-      }
-    };
-  }
-};
-const polylineHandlerFactory = {
-  annotationType: PdfAnnotationSubtype.POLYLINE,
-  create(context) {
-    const { onCommit, onPreview, getTool, pageSize } = context;
-    const [getVertices, setVertices] = useState([]);
-    const [getCurrent, setCurrent] = useState(null);
-    const clampToPage = (pos) => ({
-      x: clamp(pos.x, 0, pageSize.width),
-      y: clamp(pos.y, 0, pageSize.height)
-    });
-    const getDefaults = () => {
-      const tool = getTool();
-      if (!tool) return null;
+    }
+    case "rotate": {
+      const result = baseRotateChanges(orig, ctx);
+      if (!result) return ctx.changes;
+      const { dx, dy } = rotateOrbitDelta(orig, result);
       return {
-        ...tool.defaults,
-        strokeWidth: tool.defaults.strokeWidth ?? 1,
-        lineEndings: tool.defaults.lineEndings ?? {
-          start: PdfAnnotationLineEnding.None,
-          end: PdfAnnotationLineEnding.None
-        },
-        color: tool.defaults.color ?? "#000000",
-        opacity: tool.defaults.opacity ?? 1,
-        strokeColor: tool.defaults.strokeColor ?? "#000000",
-        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
-        strokeDashArray: tool.defaults.strokeDashArray ?? [],
-        flags: tool.defaults.flags ?? ["print"]
-      };
-    };
-    const commitPolyline = () => {
-      const vertices = getVertices();
-      if (vertices.length < 2) return;
-      const defaults = getDefaults();
-      if (!defaults) return;
-      const rect = lineRectWithEndings(
-        vertices,
-        defaults.strokeWidth,
-        defaults.lineEndings
-      );
-      const anno = {
-        ...defaults,
-        vertices,
-        rect,
-        type: PdfAnnotationSubtype.POLYLINE,
-        pageIndex: context.pageIndex,
-        id: uuidV4(),
-        created: /* @__PURE__ */ new Date()
+        ...result,
+        vertices: orig.vertices.map((v) => ({ x: v.x + dx, y: v.y + dy }))
       };
-      onCommit(anno);
-      setVertices([]);
-      setCurrent(null);
-      onPreview(null);
-    };
-    const getPreview = () => {
-      const vertices = getVertices();
-      const currentPos = getCurrent();
-      if (vertices.length === 0 || !currentPos) return null;
-      const defaults = getDefaults();
-      if (!defaults) return null;
-      const allPoints = [...vertices, currentPos];
-      const bounds = lineRectWithEndings(
-        allPoints,
-        defaults.strokeWidth,
-        defaults.lineEndings
+    }
+    case "property-update": {
+      const needsRectUpdate = ctx.changes.strokeWidth !== void 0 || ctx.changes.lineEndings !== void 0 || ctx.changes.rotation !== void 0;
+      if (!needsRectUpdate) return ctx.changes;
+      const merged = { ...orig, ...ctx.changes };
+      const tightRect = lineRectWithEndings(
+        merged.vertices,
+        merged.strokeWidth,
+        merged.lineEndings
       );
-      return {
-        type: PdfAnnotationSubtype.POLYLINE,
-        bounds,
-        data: {
-          ...defaults,
-          rect: bounds,
-          vertices: allPoints,
-          currentVertex: currentPos
-        }
-      };
-    };
-    return {
-      onClick: (pos, evt) => {
-        if (evt.metaKey || evt.ctrlKey) {
-          return;
-        }
-        const clampedPos = clampToPage(pos);
-        const vertices = getVertices();
-        const lastVertex = vertices[vertices.length - 1];
-        if (lastVertex && Math.abs(lastVertex.x - clampedPos.x) < 1 && Math.abs(lastVertex.y - clampedPos.y) < 1) {
-          return;
-        }
-        setVertices([...vertices, clampedPos]);
-        setCurrent(clampedPos);
-        onPreview(getPreview());
-      },
-      onDoubleClick: () => {
-        commitPolyline();
-      },
-      onPointerMove: (pos) => {
-        if (getVertices().length > 0) {
-          const clampedPos = clampToPage(pos);
-          setCurrent(clampedPos);
-          onPreview(getPreview());
-        }
-      },
-      onPointerCancel: () => {
-        setVertices([]);
-        setCurrent(null);
-        onPreview(null);
+      const effectiveRotation = ctx.changes.rotation ?? orig.rotation ?? 0;
+      if (orig.unrotatedRect || ctx.changes.rotation !== void 0) {
+        return {
+          ...ctx.changes,
+          unrotatedRect: tightRect,
+          rect: calculateRotatedRectAABBAroundPoint(
+            tightRect,
+            effectiveRotation,
+            resolveAnnotationRotationCenter(orig)
+          )
+        };
       }
-    };
+      return { ...ctx.changes, rect: tightRect };
+    }
+    default:
+      return ctx.changes;
   }
 };
 function convertAABBRectToUnrotatedSpace(newAABBRect, originalAABBRect, originalUnrotatedRect, rotationDegrees) {
@@ -1932,204 +1792,462 @@ function generateCloudyPolygonPath(vertices, rectOrigin, intensity, lineWidth) {
   out.close();
   return out.build(lineWidth);
 }
-const HANDLE_SIZE_PX = 14;
-const polygonHandlerFactory = {
-  annotationType: PdfAnnotationSubtype.POLYGON,
-  create(context) {
-    const { onCommit, onPreview, getTool, scale, pageSize } = context;
-    const [getVertices, setVertices] = useState([]);
-    const [getCurrent, setCurrent] = useState(null);
-    const clampToPage = (pos) => ({
-      x: clamp(pos.x, 0, pageSize.width),
-      y: clamp(pos.y, 0, pageSize.height)
-    });
-    const isInsideStartHandle = (pos) => {
-      const vertices = getVertices();
-      if (vertices.length < 2) return false;
-      const sizePDF = HANDLE_SIZE_PX / scale;
-      const half = sizePDF / 2;
-      const v0 = vertices[0];
-      return pos.x >= v0.x - half && pos.x <= v0.x + half && pos.y >= v0.y - half && pos.y <= v0.y + half;
-    };
-    const getDefaults = () => {
-      const tool = getTool();
-      if (!tool) return null;
+function getPolygonPad(intensity, strokeWidth) {
+  if ((intensity ?? 0) > 0) {
+    return getCloudyBorderExtent(intensity, strokeWidth, false);
+  }
+  return strokeWidth / 2;
+}
+const patchPolygon = (orig, ctx) => {
+  switch (ctx.type) {
+    case "vertex-edit":
+      if (ctx.changes.vertices && ctx.changes.vertices.length) {
+        const pad = getPolygonPad(orig.cloudyBorderIntensity, orig.strokeWidth);
+        const rawVertices = ctx.changes.vertices;
+        const rawRect = expandRect(rectFromPoints(rawVertices), pad);
+        const compensated = compensateRotatedVertexEdit(orig, rawVertices, rawRect);
+        const rect = expandRect(rectFromPoints(compensated), pad);
+        return {
+          ...resolveVertexEditRects(orig, rect),
+          vertices: compensated
+        };
+      }
+      return ctx.changes;
+    case "move": {
+      if (!ctx.changes.rect) return ctx.changes;
+      const { dx, dy, rects } = baseMoveChanges(orig, ctx.changes.rect);
       return {
-        ...tool.defaults,
-        color: tool.defaults.color ?? "#000000",
-        opacity: tool.defaults.opacity ?? 1,
-        strokeWidth: tool.defaults.strokeWidth ?? 1,
-        strokeColor: tool.defaults.strokeColor ?? "#000000",
-        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
-        strokeDashArray: tool.defaults.strokeDashArray ?? [],
-        flags: tool.defaults.flags ?? ["print"]
+        ...rects,
+        vertices: orig.vertices.map((p) => ({ x: p.x + dx, y: p.y + dy }))
       };
-    };
-    const commitPolygon = () => {
-      const vertices = getVertices();
-      if (vertices.length < 3) return;
-      const defaults = getDefaults();
-      if (!defaults) return;
-      const intensity = defaults.cloudyBorderIntensity ?? 0;
-      const pad = intensity > 0 ? getCloudyBorderExtent(intensity, defaults.strokeWidth, false) : defaults.strokeWidth / 2;
-      const rect = expandRect(rectFromPoints(vertices), pad);
-      const anno = {
-        ...defaults,
-        vertices,
-        rect,
-        type: PdfAnnotationSubtype.POLYGON,
-        pageIndex: context.pageIndex,
-        id: uuidV4(),
-        created: /* @__PURE__ */ new Date(),
-        ...intensity > 0 && {
-          rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
-        }
+    }
+    case "resize": {
+      if (!ctx.changes.rect) return ctx.changes;
+      const { scaleX, scaleY, oldRect, resolvedRect, rects } = baseResizeScaling(
+        orig,
+        ctx.changes.rect,
+        ctx.metadata
+      );
+      return {
+        ...rects,
+        vertices: orig.vertices.map((v) => ({
+          x: resolvedRect.origin.x + (v.x - oldRect.origin.x) * scaleX,
+          y: resolvedRect.origin.y + (v.y - oldRect.origin.y) * scaleY
+        }))
       };
-      onCommit(anno);
-      setVertices([]);
-      setCurrent(null);
-      onPreview(null);
-    };
-    const getPreview = () => {
-      const vertices = getVertices();
-      const currentPos = getCurrent();
-      if (vertices.length === 0 || !currentPos) return null;
-      const defaults = getDefaults();
-      if (!defaults) return null;
-      const intensity = defaults.cloudyBorderIntensity ?? 0;
-      const pad = intensity > 0 ? getCloudyBorderExtent(intensity, defaults.strokeWidth, false) : defaults.strokeWidth / 2;
-      const allPoints = [...vertices, currentPos];
-      const bounds = expandRect(rectFromPoints(allPoints), pad);
+    }
+    case "rotate": {
+      const result = baseRotateChanges(orig, ctx);
+      if (!result) return ctx.changes;
+      const { dx, dy } = rotateOrbitDelta(orig, result);
       return {
-        type: PdfAnnotationSubtype.POLYGON,
-        bounds,
-        data: {
-          ...defaults,
-          rect: bounds,
-          vertices,
-          currentVertex: currentPos
-        }
+        ...result,
+        vertices: orig.vertices.map((v) => ({ x: v.x + dx, y: v.y + dy }))
       };
-    };
-    return {
-      onClick: (pos, evt) => {
-        if (evt.metaKey || evt.ctrlKey) {
-          return;
-        }
-        const clampedPos = clampToPage(pos);
-        if (isInsideStartHandle(clampedPos) && getVertices().length >= 3) {
-          commitPolygon();
-          return;
+    }
+    case "property-update": {
+      const cloudyChanged = ctx.changes.cloudyBorderIntensity !== void 0;
+      const needsRectUpdate = ctx.changes.strokeWidth !== void 0 || ctx.changes.rotation !== void 0 || cloudyChanged;
+      if (!needsRectUpdate) return ctx.changes;
+      const merged = { ...orig, ...ctx.changes };
+      const pad = getPolygonPad(merged.cloudyBorderIntensity, merged.strokeWidth);
+      const tightRect = expandRect(rectFromPoints(merged.vertices), pad);
+      let patch = ctx.changes;
+      const hasCloudy = (orig.cloudyBorderIntensity ?? 0) > 0;
+      if (cloudyChanged || ctx.changes.strokeWidth !== void 0 && hasCloudy) {
+        const intensity = merged.cloudyBorderIntensity ?? 0;
+        if (intensity > 0) {
+          const extent = getCloudyBorderExtent(intensity, merged.strokeWidth, false);
+          patch = {
+            ...patch,
+            rectangleDifferences: { left: extent, top: extent, right: extent, bottom: extent }
+          };
+        } else {
+          patch = { ...patch, rectangleDifferences: void 0 };
         }
-        const vertices = getVertices();
-        const lastVertex = vertices[vertices.length - 1];
-        if (lastVertex && Math.abs(lastVertex.x - clampedPos.x) < 1 && Math.abs(lastVertex.y - clampedPos.y) < 1) {
-          return;
+      }
+      const effectiveRotation = ctx.changes.rotation ?? orig.rotation ?? 0;
+      if (orig.unrotatedRect || ctx.changes.rotation !== void 0) {
+        return {
+          ...patch,
+          unrotatedRect: tightRect,
+          rect: calculateRotatedRectAABBAroundPoint(
+            tightRect,
+            effectiveRotation,
+            resolveAnnotationRotationCenter(orig)
+          )
+        };
+      }
+      return { ...patch, rect: tightRect };
+    }
+    default:
+      return ctx.changes;
+  }
+};
+const patchCircle = (orig, ctx) => {
+  switch (ctx.type) {
+    case "move":
+      if (!ctx.changes.rect) return ctx.changes;
+      return baseMoveChanges(orig, ctx.changes.rect).rects;
+    case "resize":
+      if (!ctx.changes.rect) return ctx.changes;
+      return baseResizeScaling(orig, ctx.changes.rect, ctx.metadata).rects;
+    case "rotate":
+      return baseRotateChanges(orig, ctx) ?? ctx.changes;
+    case "property-update": {
+      let patch = ctx.changes;
+      const cloudyChanged = ctx.changes.cloudyBorderIntensity !== void 0;
+      const strokeChanged = ctx.changes.strokeWidth !== void 0;
+      const hasCloudy = (orig.cloudyBorderIntensity ?? 0) > 0;
+      if (cloudyChanged || strokeChanged && hasCloudy) {
+        const merged = { ...orig, ...ctx.changes };
+        const intensity = merged.cloudyBorderIntensity ?? 0;
+        if (intensity > 0) {
+          const extent = getCloudyBorderExtent(intensity, merged.strokeWidth, true);
+          patch = {
+            ...patch,
+            rectangleDifferences: { left: extent, top: extent, right: extent, bottom: extent }
+          };
+        } else {
+          patch = { ...patch, rectangleDifferences: void 0 };
         }
-        setVertices([...vertices, clampedPos]);
-        setCurrent(clampedPos);
-        onPreview(getPreview());
-      },
-      onDoubleClick: (_) => {
-        commitPolygon();
-      },
-      onPointerMove: (pos) => {
-        if (getVertices().length > 0) {
-          const clampedPos = clampToPage(pos);
-          setCurrent(clampedPos);
-          onPreview(getPreview());
+      }
+      if (ctx.changes.rotation !== void 0) {
+        patch = { ...patch, ...basePropertyRotationChanges(orig, ctx.changes.rotation) };
+      }
+      return patch;
+    }
+    default:
+      return ctx.changes;
+  }
+};
+const patchSquare = (orig, ctx) => {
+  switch (ctx.type) {
+    case "move":
+      if (!ctx.changes.rect) return ctx.changes;
+      return baseMoveChanges(orig, ctx.changes.rect).rects;
+    case "resize":
+      if (!ctx.changes.rect) return ctx.changes;
+      return baseResizeScaling(orig, ctx.changes.rect, ctx.metadata).rects;
+    case "rotate":
+      return baseRotateChanges(orig, ctx) ?? ctx.changes;
+    case "property-update": {
+      let patch = ctx.changes;
+      const cloudyChanged = ctx.changes.cloudyBorderIntensity !== void 0;
+      const strokeChanged = ctx.changes.strokeWidth !== void 0;
+      const hasCloudy = (orig.cloudyBorderIntensity ?? 0) > 0;
+      if (cloudyChanged || strokeChanged && hasCloudy) {
+        const merged = { ...orig, ...ctx.changes };
+        const intensity = merged.cloudyBorderIntensity ?? 0;
+        if (intensity > 0) {
+          const extent = getCloudyBorderExtent(intensity, merged.strokeWidth, false);
+          patch = {
+            ...patch,
+            rectangleDifferences: { left: extent, top: extent, right: extent, bottom: extent }
+          };
+        } else {
+          patch = { ...patch, rectangleDifferences: void 0 };
         }
-      },
-      onPointerCancel: (_) => {
-        setVertices([]);
-        setCurrent(null);
-        onPreview(null);
       }
-    };
+      if (ctx.changes.rotation !== void 0) {
+        patch = { ...patch, ...basePropertyRotationChanges(orig, ctx.changes.rotation) };
+      }
+      return patch;
+    }
+    default:
+      return ctx.changes;
   }
 };
-const squareHandlerFactory = {
-  annotationType: PdfAnnotationSubtype.SQUARE,
-  create(context) {
-    const { pageIndex, onCommit, onPreview, getTool, pageSize } = context;
-    const [getStart, setStart] = useState(null);
-    const clampToPage = (pos) => ({
-      x: clamp(pos.x, 0, pageSize.width),
-      y: clamp(pos.y, 0, pageSize.height)
-    });
-    const getDefaults = () => {
-      const tool = getTool();
-      if (!tool) return null;
+const patchFreeText = (orig, ctx) => {
+  switch (ctx.type) {
+    case "move":
+      if (!ctx.changes.rect) return ctx.changes;
+      return baseMoveChanges(orig, ctx.changes.rect).rects;
+    case "resize":
+      if (!ctx.changes.rect) return ctx.changes;
+      return baseResizeScaling(orig, ctx.changes.rect, ctx.metadata).rects;
+    case "rotate":
+      return baseRotateChanges(orig, ctx) ?? ctx.changes;
+    case "property-update":
+      if (ctx.changes.rotation !== void 0) {
+        return { ...ctx.changes, ...basePropertyRotationChanges(orig, ctx.changes.rotation) };
+      }
+      return ctx.changes;
+    default:
+      return ctx.changes;
+  }
+};
+function rebuildFromVertices(orig, arrowTip, knee, tbTL, tbBR) {
+  const textBox = {
+    origin: { x: Math.min(tbTL.x, tbBR.x), y: Math.min(tbTL.y, tbBR.y) },
+    size: {
+      width: Math.abs(tbBR.x - tbTL.x),
+      height: Math.abs(tbBR.y - tbTL.y)
+    }
+  };
+  const connectionPoint = computeCalloutConnectionPoint(knee, textBox);
+  const calloutLine = [arrowTip, knee, connectionPoint];
+  const overallRect = computeCalloutOverallRect(
+    textBox,
+    calloutLine,
+    orig.lineEnding,
+    orig.strokeWidth ?? 1
+  );
+  return {
+    calloutLine,
+    rect: overallRect,
+    rectangleDifferences: computeRDFromTextBox(overallRect, textBox)
+  };
+}
+const patchCalloutFreeText = (orig, ctx) => {
+  var _a, _b;
+  switch (ctx.type) {
+    case "vertex-edit": {
+      if (!ctx.changes.calloutLine) return ctx.changes;
+      const verts = ctx.changes.calloutLine;
+      if (verts.length < 4) return ctx.changes;
+      return rebuildFromVertices(orig, verts[0], verts[1], verts[2], verts[3]);
+    }
+    case "move": {
+      if (!ctx.changes.rect) return ctx.changes;
+      const { dx, dy, rects } = baseMoveChanges(orig, ctx.changes.rect);
+      const movedLine = (_a = orig.calloutLine) == null ? void 0 : _a.map((p) => ({ x: p.x + dx, y: p.y + dy }));
       return {
-        ...tool.defaults,
-        flags: tool.defaults.flags ?? ["print"],
-        strokeWidth: tool.defaults.strokeWidth ?? 2,
-        strokeColor: tool.defaults.strokeColor ?? "#000000",
-        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
-        strokeDashArray: tool.defaults.strokeDashArray ?? [],
-        color: tool.defaults.color ?? "#000000",
-        opacity: tool.defaults.opacity ?? 1
+        ...rects,
+        ...movedLine && { calloutLine: movedLine }
       };
-    };
+    }
+    case "rotate": {
+      const result = baseRotateChanges(orig, ctx);
+      if (!result) return ctx.changes;
+      const { dx, dy } = rotateOrbitDelta(orig, result);
+      const movedLine = (_b = orig.calloutLine) == null ? void 0 : _b.map((p) => ({ x: p.x + dx, y: p.y + dy }));
+      return {
+        ...result,
+        ...movedLine && { calloutLine: movedLine }
+      };
+    }
+    case "property-update": {
+      if (ctx.changes.lineEnding !== void 0 || ctx.changes.strokeWidth !== void 0) {
+        const merged = { ...orig, ...ctx.changes };
+        if (merged.calloutLine && merged.calloutLine.length >= 3) {
+          const textBox = computeTextBoxFromRD(orig.rect, orig.rectangleDifferences);
+          const overallRect = computeCalloutOverallRect(
+            textBox,
+            merged.calloutLine,
+            merged.lineEnding,
+            merged.strokeWidth ?? 1
+          );
+          return {
+            ...ctx.changes,
+            rect: overallRect,
+            rectangleDifferences: computeRDFromTextBox(overallRect, textBox)
+          };
+        }
+      }
+      return ctx.changes;
+    }
+    default:
+      return ctx.changes;
+  }
+};
+const patchStamp = (orig, ctx) => {
+  switch (ctx.type) {
+    case "move":
+      if (!ctx.changes.rect) return ctx.changes;
+      return baseMoveChanges(orig, ctx.changes.rect).rects;
+    case "resize":
+      if (!ctx.changes.rect) return ctx.changes;
+      return baseResizeScaling(orig, ctx.changes.rect, ctx.metadata).rects;
+    case "rotate":
+      return baseRotateChanges(orig, ctx) ?? ctx.changes;
+    case "property-update":
+      if (ctx.changes.rotation !== void 0) {
+        return { ...ctx.changes, ...basePropertyRotationChanges(orig, ctx.changes.rotation) };
+      }
+      return ctx.changes;
+    default:
+      return ctx.changes;
+  }
+};
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LINE_ENDING_HANDLERS,
+  PatchRegistry,
+  applyInsertUpright,
+  calculateAABBFromVertices,
+  calculateRotatedRectAABB,
+  calculateRotatedRectAABBAroundPoint,
+  calloutVertexConfig,
+  clampAnnotationToPage,
+  compensateRotatedVertexEdit,
+  computeCalloutConnectionPoint,
+  computeCalloutOverallRect,
+  computeRDFromTextBox,
+  computeTextBoxFromRD,
+  createEnding,
+  getRectCenter,
+  lineRectWithEndings,
+  patchCalloutFreeText,
+  patchCircle,
+  patchFreeText,
+  patchInk,
+  patchLine,
+  patchPolygon,
+  patchPolyline,
+  patchRegistry,
+  patchSquare,
+  patchStamp,
+  resolveAnnotationRotationCenter,
+  resolveRotateRects,
+  resolveVertexEditRects,
+  rotatePointAroundCenter: rotatePointAround,
+  rotateVertices
+}, Symbol.toStringTag, { value: "Module" }));
+const COMMENT_SIZE = 24;
+const textHandlerFactory = {
+  annotationType: PdfAnnotationSubtype.TEXT,
+  create(context) {
+    const { onCommit, getTool, pageSize } = context;
+    return {
+      onPointerDown: (pos) => {
+        const tool = getTool();
+        if (!tool) return;
+        const rect = {
+          origin: { x: pos.x - COMMENT_SIZE / 2, y: pos.y - COMMENT_SIZE / 2 },
+          size: { width: COMMENT_SIZE, height: COMMENT_SIZE }
+        };
+        let anno = {
+          ...tool.defaults,
+          rect,
+          type: PdfAnnotationSubtype.TEXT,
+          name: tool.defaults.name ?? PdfAnnotationName.Comment,
+          contents: tool.defaults.contents ?? "",
+          flags: tool.defaults.flags ?? ["print", "noRotate", "noZoom"],
+          pageIndex: context.pageIndex,
+          id: uuidV4(),
+          created: /* @__PURE__ */ new Date()
+        };
+        anno = clampAnnotationToPage(anno, pageSize);
+        onCommit(anno);
+      }
+    };
+  }
+};
+function useClickDetector({
+  threshold = 5,
+  getTool,
+  onClickDetected
+}) {
+  const [getStartPos, setStartPos] = useState(null);
+  const [getHasMoved, setHasMoved] = useState(false);
+  return {
+    onStart: (pos) => {
+      setStartPos(pos);
+      setHasMoved(false);
+    },
+    onMove: (pos) => {
+      const start = getStartPos();
+      if (!start || getHasMoved()) return;
+      const distance2 = Math.sqrt(Math.pow(pos.x - start.x, 2) + Math.pow(pos.y - start.y, 2));
+      if (distance2 > threshold) {
+        setHasMoved(true);
+      }
+    },
+    onEnd: (pos) => {
+      var _a;
+      const start = getStartPos();
+      if (start && !getHasMoved()) {
+        const tool = getTool();
+        if (tool && "clickBehavior" in tool && ((_a = tool.clickBehavior) == null ? void 0 : _a.enabled)) {
+          onClickDetected(pos, tool);
+        }
+      }
+      setStartPos(null);
+      setHasMoved(false);
+    },
+    hasMoved: getHasMoved,
+    reset: () => {
+      setStartPos(null);
+      setHasMoved(false);
+    }
+  };
+}
+const freeTextHandlerFactory = {
+  annotationType: PdfAnnotationSubtype.FREETEXT,
+  create(context) {
+    const { onCommit, onPreview, getTool, pageSize, pageIndex, pageRotation } = context;
+    const [getStart, setStart] = useState(null);
+    const clampToPage = (pos) => ({
+      x: clamp(pos.x, 0, pageSize.width),
+      y: clamp(pos.y, 0, pageSize.height)
+    });
+    const getDefaults = () => {
+      const tool = getTool();
+      if (!tool) return null;
+      return {
+        ...tool.defaults,
+        fontColor: tool.defaults.fontColor ?? "#000000",
+        opacity: tool.defaults.opacity ?? 1,
+        fontSize: tool.defaults.fontSize ?? 12,
+        fontFamily: tool.defaults.fontFamily ?? PdfStandardFont.Helvetica,
+        color: tool.defaults.color ?? tool.defaults.backgroundColor ?? "transparent",
+        textAlign: tool.defaults.textAlign ?? PdfTextAlignment.Left,
+        verticalAlign: tool.defaults.verticalAlign ?? PdfVerticalAlignment.Top,
+        contents: tool.defaults.contents ?? "Insert text here",
+        flags: tool.defaults.flags ?? ["print"]
+      };
+    };
     const clickDetector = useClickDetector({
       threshold: 5,
       getTool,
       onClickDetected: (pos, tool) => {
+        var _a;
         const defaults = getDefaults();
         if (!defaults) return;
         const clickConfig = tool.clickBehavior;
         if (!(clickConfig == null ? void 0 : clickConfig.enabled)) return;
         const { width, height } = clickConfig.defaultSize;
-        const halfWidth = width / 2;
-        const halfHeight = height / 2;
-        const x = clamp(pos.x - halfWidth, 0, pageSize.width - width);
-        const y = clamp(pos.y - halfHeight, 0, pageSize.height - height);
-        const strokeWidth = defaults.strokeWidth;
-        const intensity = defaults.cloudyBorderIntensity ?? 0;
-        const pad = intensity > 0 ? getCloudyBorderExtent(intensity, strokeWidth, false) : strokeWidth / 2;
         const rect = {
-          origin: { x: x - pad, y: y - pad },
-          size: { width: width + 2 * pad, height: height + 2 * pad }
+          origin: { x: pos.x - width / 2, y: pos.y - height / 2 },
+          size: { width, height }
         };
-        const anno = {
+        const contents = clickConfig.defaultContent ?? defaults.contents;
+        let anno = {
           ...defaults,
-          type: PdfAnnotationSubtype.SQUARE,
-          created: /* @__PURE__ */ new Date(),
-          id: uuidV4(),
-          pageIndex,
+          contents,
+          type: PdfAnnotationSubtype.FREETEXT,
           rect,
-          ...intensity > 0 && {
-            rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
-          }
+          pageIndex,
+          id: uuidV4(),
+          created: /* @__PURE__ */ new Date()
         };
+        if ((_a = tool.behavior) == null ? void 0 : _a.insertUpright) {
+          anno = applyInsertUpright(anno, pageRotation, false);
+        }
+        anno = clampAnnotationToPage(anno, pageSize);
         onCommit(anno);
       }
     });
     const getPreview = (current) => {
-      const p1 = getStart();
-      if (!p1) return null;
-      const minX = Math.min(p1.x, current.x);
-      const minY = Math.min(p1.y, current.y);
-      const width = Math.abs(p1.x - current.x);
-      const height = Math.abs(p1.y - current.y);
+      const start = getStart();
+      if (!start) return null;
       const defaults = getDefaults();
       if (!defaults) return null;
-      const strokeWidth = defaults.strokeWidth;
-      const intensity = defaults.cloudyBorderIntensity ?? 0;
-      const pad = intensity > 0 ? getCloudyBorderExtent(intensity, strokeWidth, false) : strokeWidth / 2;
+      const minX = Math.min(start.x, current.x);
+      const minY = Math.min(start.y, current.y);
+      const width = Math.abs(start.x - current.x);
+      const height = Math.abs(start.y - current.y);
       const rect = {
-        origin: { x: minX - pad, y: minY - pad },
-        size: { width: width + 2 * pad, height: height + 2 * pad }
+        origin: { x: minX, y: minY },
+        size: { width, height }
       };
       return {
-        type: PdfAnnotationSubtype.SQUARE,
+        type: PdfAnnotationSubtype.FREETEXT,
         bounds: rect,
         data: {
-          rect,
           ...defaults,
-          ...intensity > 0 && {
-            rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
-          }
+          rect
         }
       };
     };
@@ -2150,39 +2268,41 @@ const squareHandlerFactory = {
         }
       },
       onPointerUp: (pos, evt) => {
-        var _a;
-        const p1 = getStart();
-        if (!p1) return;
+        var _a, _b;
+        const start = getStart();
+        if (!start) return;
         const defaults = getDefaults();
         if (!defaults) return;
         const clampedPos = clampToPage(pos);
         if (!clickDetector.hasMoved()) {
           clickDetector.onEnd(clampedPos);
         } else {
-          const defaults2 = getDefaults();
-          if (!defaults2) return;
-          const preview = getPreview(clampedPos);
-          if (preview) {
-            const intensity = defaults2.cloudyBorderIntensity ?? 0;
-            const pad = intensity > 0 ? getCloudyBorderExtent(intensity, defaults2.strokeWidth, false) : void 0;
-            const anno = {
-              ...defaults2,
-              type: PdfAnnotationSubtype.SQUARE,
-              created: /* @__PURE__ */ new Date(),
-              id: uuidV4(),
-              pageIndex,
-              rect: preview.data.rect,
-              ...pad !== void 0 && {
-                rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
-              }
-            };
-            onCommit(anno);
+          const minX = Math.min(start.x, clampedPos.x);
+          const minY = Math.min(start.y, clampedPos.y);
+          const width = Math.abs(start.x - clampedPos.x);
+          const height = Math.abs(start.y - clampedPos.y);
+          const rect = {
+            origin: { x: minX, y: minY },
+            size: { width, height }
+          };
+          const tool = getTool();
+          let anno = {
+            ...defaults,
+            type: PdfAnnotationSubtype.FREETEXT,
+            rect,
+            pageIndex: context.pageIndex,
+            id: uuidV4(),
+            created: /* @__PURE__ */ new Date()
+          };
+          if ((_a = tool == null ? void 0 : tool.behavior) == null ? void 0 : _a.insertUpright) {
+            anno = applyInsertUpright(anno, pageRotation, true);
           }
+          onCommit(anno);
         }
         setStart(null);
         onPreview(null);
         clickDetector.reset();
-        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+        (_b = evt.releasePointerCapture) == null ? void 0 : _b.call(evt);
       },
       onPointerLeave: (_, evt) => {
         var _a;
@@ -2201,131 +2321,234 @@ const squareHandlerFactory = {
     };
   }
 };
-const imageFetchCache = /* @__PURE__ */ new Map();
-const stampHandlerFactory = {
-  annotationType: PdfAnnotationSubtype.STAMP,
+const CLICK_THRESHOLD = 5;
+const DEFAULT_TB_WIDTH = 150;
+const DEFAULT_TB_HEIGHT = 40;
+const calloutFreeTextHandlerFactory = {
+  annotationType: PdfAnnotationSubtype.FREETEXT,
   create(context) {
-    const { services, onCommit, onPreview, getTool, pageSize, pageRotation } = context;
-    let cachedBuffer = null;
-    let cachedSize = null;
-    const commitStamp = (pos, width, height, ctx) => {
-      var _a;
+    const { onCommit, onPreview, getTool, pageSize, pageIndex } = context;
+    const [getPhase, setPhase] = useState("arrow");
+    const [getArrowTip, setArrowTip] = useState(null);
+    const [getKnee, setKnee] = useState(null);
+    const [getDownPos, setDownPos] = useState(null);
+    const [getTextBoxStart, setTextBoxStart] = useState(null);
+    const [getDragging, setDragging] = useState(false);
+    const clampToPage = (pos) => ({
+      x: clamp(pos.x, 0, pageSize.width),
+      y: clamp(pos.y, 0, pageSize.height)
+    });
+    const clampTextBox = (tb) => ({
+      origin: {
+        x: clamp(tb.origin.x, 0, pageSize.width - tb.size.width),
+        y: clamp(tb.origin.y, 0, pageSize.height - tb.size.height)
+      },
+      size: tb.size
+    });
+    const getDefaults = () => {
       const tool = getTool();
-      if (!tool) return;
-      const rect = {
-        origin: { x: pos.x - width / 2, y: pos.y - height / 2 },
-        size: { width, height }
-      };
-      let anno = {
+      if (!tool) return null;
+      return {
         ...tool.defaults,
-        rect,
-        type: PdfAnnotationSubtype.STAMP,
-        name: tool.defaults.name ?? PdfAnnotationName.Image,
-        subject: tool.defaults.subject ?? "Stamp",
+        fontColor: tool.defaults.fontColor ?? "#000000",
+        opacity: tool.defaults.opacity ?? 1,
+        fontSize: tool.defaults.fontSize ?? 12,
+        fontFamily: tool.defaults.fontFamily ?? PdfStandardFont.Helvetica,
+        color: tool.defaults.color ?? tool.defaults.backgroundColor ?? "transparent",
+        textAlign: tool.defaults.textAlign ?? PdfTextAlignment.Left,
+        verticalAlign: tool.defaults.verticalAlign ?? PdfVerticalAlignment.Top,
+        contents: tool.defaults.contents ?? "Insert text",
         flags: tool.defaults.flags ?? ["print"],
-        pageIndex: context.pageIndex,
+        lineEnding: tool.defaults.lineEnding ?? PdfAnnotationLineEnding.OpenArrow,
+        strokeColor: tool.defaults.strokeColor ?? "#000000",
+        strokeWidth: tool.defaults.strokeWidth ?? 1
+      };
+    };
+    const isClick = (a, b) => Math.abs(a.x - b.x) < CLICK_THRESHOLD && Math.abs(a.y - b.y) < CLICK_THRESHOLD;
+    const buildPreview = (cursor) => {
+      const defaults = getDefaults();
+      if (!defaults) return null;
+      const arrowTip = getArrowTip();
+      const knee = getKnee();
+      const phase = getPhase();
+      if (phase === "knee" && arrowTip) {
+        const calloutLine = [arrowTip, cursor];
+        const minX = Math.min(arrowTip.x, cursor.x);
+        const minY = Math.min(arrowTip.y, cursor.y);
+        const w = Math.abs(arrowTip.x - cursor.x);
+        const h = Math.abs(arrowTip.y - cursor.y);
+        const bounds = {
+          origin: { x: minX, y: minY },
+          size: { width: Math.max(w, 1), height: Math.max(h, 1) }
+        };
+        return {
+          type: PdfAnnotationSubtype.FREETEXT,
+          bounds,
+          data: {
+            ...defaults,
+            rect: bounds,
+            calloutLine
+          }
+        };
+      }
+      if (phase === "textbox" && arrowTip && knee) {
+        const tbStart = getTextBoxStart();
+        let textBox;
+        if (getDragging() && tbStart) {
+          textBox = {
+            origin: { x: Math.min(tbStart.x, cursor.x), y: Math.min(tbStart.y, cursor.y) },
+            size: {
+              width: Math.max(Math.abs(cursor.x - tbStart.x), 20),
+              height: Math.max(Math.abs(cursor.y - tbStart.y), 14)
+            }
+          };
+        } else {
+          textBox = {
+            origin: { x: cursor.x - DEFAULT_TB_WIDTH / 2, y: cursor.y - DEFAULT_TB_HEIGHT / 2 },
+            size: { width: DEFAULT_TB_WIDTH, height: DEFAULT_TB_HEIGHT }
+          };
+        }
+        textBox = clampTextBox(textBox);
+        const connectionPoint = computeCalloutConnectionPoint(knee, textBox);
+        const calloutLine = [arrowTip, knee, connectionPoint];
+        const overallRect = computeCalloutOverallRect(
+          textBox,
+          calloutLine,
+          defaults.lineEnding,
+          defaults.strokeWidth
+        );
+        return {
+          type: PdfAnnotationSubtype.FREETEXT,
+          bounds: overallRect,
+          data: {
+            ...defaults,
+            rect: overallRect,
+            calloutLine,
+            textBox
+          }
+        };
+      }
+      return null;
+    };
+    const commitCallout = (tb) => {
+      const defaults = getDefaults();
+      const arrowTip = getArrowTip();
+      const knee = getKnee();
+      if (!defaults || !arrowTip || !knee) return;
+      const textBox = clampTextBox(tb);
+      const connectionPoint = computeCalloutConnectionPoint(knee, textBox);
+      const calloutLine = [arrowTip, knee, connectionPoint];
+      const overallRect = computeCalloutOverallRect(
+        textBox,
+        calloutLine,
+        defaults.lineEnding,
+        defaults.strokeWidth
+      );
+      const rd = computeRDFromTextBox(overallRect, textBox);
+      const anno = {
+        ...defaults,
+        type: PdfAnnotationSubtype.FREETEXT,
+        intent: "FreeTextCallout",
+        rect: overallRect,
+        rectangleDifferences: rd,
+        calloutLine,
+        pageIndex,
         id: uuidV4(),
         created: /* @__PURE__ */ new Date()
       };
-      if ((_a = tool.behavior) == null ? void 0 : _a.insertUpright) {
-        anno = applyInsertUpright(anno, pageRotation, false);
-      }
-      anno = clampAnnotationToPage(anno, pageSize);
-      onCommit(anno, ctx);
+      onCommit(anno);
+      resetState();
     };
-    const commitFromBuffer = (pos, buffer, imageSize) => {
-      const meta = getImageMetadata(buffer);
-      if (!meta || meta.mimeType === "application/pdf") return false;
-      const fitted = fitSizeWithin(meta, pageSize);
-      const width = (imageSize == null ? void 0 : imageSize.width) ?? fitted.width;
-      const height = (imageSize == null ? void 0 : imageSize.height) ?? fitted.height;
-      commitStamp(pos, width, height, { data: buffer });
-      return true;
+    const resetState = () => {
+      setPhase("arrow");
+      setArrowTip(null);
+      setKnee(null);
+      setDownPos(null);
+      setTextBoxStart(null);
+      setDragging(false);
+      onPreview(null);
     };
     return {
-      onHandlerActiveStart: () => {
-        const tool = getTool();
-        const imageSrc = tool == null ? void 0 : tool.defaults.imageSrc;
-        if (!imageSrc) return;
-        let entry = imageFetchCache.get(imageSrc);
-        if (!entry) {
-          const promise = fetch(imageSrc).then((res) => res.arrayBuffer()).then((buffer) => {
-            const meta = getImageMetadata(buffer);
-            if (!meta || meta.mimeType === "application/pdf") return null;
-            const fitted = fitSizeWithin(meta, pageSize);
-            const imageSize = tool.defaults.imageSize;
-            return {
-              buffer,
-              width: (imageSize == null ? void 0 : imageSize.width) ?? fitted.width,
-              height: (imageSize == null ? void 0 : imageSize.height) ?? fitted.height
-            };
-          }).catch(() => null);
-          entry = { promise, refs: 1 };
-          imageFetchCache.set(imageSrc, entry);
-        } else {
-          entry.refs++;
-        }
-        entry.promise.then((result) => {
-          if (!result) return;
-          cachedBuffer = result.buffer;
-          cachedSize = { width: result.width, height: result.height };
-        });
-      },
-      onHandlerActiveEnd: () => {
-        const tool = getTool();
-        const imageSrc = tool == null ? void 0 : tool.defaults.imageSrc;
-        if (imageSrc) {
-          const entry = imageFetchCache.get(imageSrc);
-          if (entry && --entry.refs <= 0) {
-            imageFetchCache.delete(imageSrc);
-          }
+      onPointerDown: (pos, evt) => {
+        var _a, _b;
+        const clampedPos = clampToPage(pos);
+        const phase = getPhase();
+        if (phase === "arrow" || phase === "knee") {
+          setDownPos(clampedPos);
+          (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
+        } else if (phase === "textbox") {
+          setTextBoxStart(clampedPos);
+          setDragging(true);
+          (_b = evt.setPointerCapture) == null ? void 0 : _b.call(evt);
         }
-        cachedBuffer = null;
-        cachedSize = null;
-        onPreview(null);
       },
       onPointerMove: (pos) => {
-        var _a;
-        const tool = getTool();
-        if (!((_a = tool == null ? void 0 : tool.behavior) == null ? void 0 : _a.showGhost) || !cachedSize || !tool.defaults.imageSrc) return;
-        const rect = {
-          origin: { x: pos.x - cachedSize.width / 2, y: pos.y - cachedSize.height / 2 },
-          size: cachedSize
-        };
-        onPreview({
-          type: PdfAnnotationSubtype.STAMP,
-          bounds: rect,
-          data: { rect, ghostUrl: tool.defaults.imageSrc, pageRotation }
-        });
+        const clampedPos = clampToPage(pos);
+        const phase = getPhase();
+        if (phase === "textbox" && getDragging()) {
+          onPreview(buildPreview(clampedPos));
+        } else if (phase === "knee" || phase === "textbox") {
+          onPreview(buildPreview(clampedPos));
+        }
       },
-      onPointerDown: (pos) => {
-        const tool = getTool();
-        if (!tool) return;
-        const { imageSrc, imageSize } = tool.defaults;
-        if (imageSrc) {
-          onPreview(null);
-          if (cachedBuffer) {
-            commitFromBuffer(pos, cachedBuffer, imageSize);
-          } else {
-            fetch(imageSrc).then((res) => res.arrayBuffer()).then((buffer) => commitFromBuffer(pos, buffer, imageSize));
-          }
-        } else {
-          services.requestFile({
-            accept: "image/png,image/jpeg",
-            onFile: (file) => {
-              file.arrayBuffer().then((buffer) => commitFromBuffer(pos, buffer));
+      onPointerUp: (pos, evt) => {
+        var _a, _b, _c, _d;
+        const clampedPos = clampToPage(pos);
+        const phase = getPhase();
+        const downPos = getDownPos();
+        if (phase === "arrow" && downPos && isClick(downPos, clampedPos)) {
+          setArrowTip(clampedPos);
+          setPhase("knee");
+          setDownPos(null);
+          (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+          return;
+        }
+        if (phase === "knee" && downPos && isClick(downPos, clampedPos)) {
+          setKnee(clampedPos);
+          setPhase("textbox");
+          setDownPos(null);
+          (_b = evt.releasePointerCapture) == null ? void 0 : _b.call(evt);
+          return;
+        }
+        if (phase === "textbox" && getDragging()) {
+          const tbStart = getTextBoxStart();
+          if (tbStart) {
+            const minX = Math.min(tbStart.x, clampedPos.x);
+            const minY = Math.min(tbStart.y, clampedPos.y);
+            const w = Math.abs(clampedPos.x - tbStart.x);
+            const h = Math.abs(clampedPos.y - tbStart.y);
+            if (w > 5 || h > 5) {
+              const textBox = {
+                origin: { x: minX, y: minY },
+                size: { width: Math.max(w, 20), height: Math.max(h, 14) }
+              };
+              commitCallout(textBox);
+            } else {
+              commitCallout({
+                origin: {
+                  x: tbStart.x - DEFAULT_TB_WIDTH / 2,
+                  y: tbStart.y - DEFAULT_TB_HEIGHT / 2
+                },
+                size: { width: DEFAULT_TB_WIDTH, height: DEFAULT_TB_HEIGHT }
+              });
             }
-          });
+          }
+          (_c = evt.releasePointerCapture) == null ? void 0 : _c.call(evt);
+          return;
         }
+        setDownPos(null);
+        (_d = evt.releasePointerCapture) == null ? void 0 : _d.call(evt);
       },
-      onPointerLeave: () => {
-        onPreview(null);
+      onPointerCancel: (_, evt) => {
+        var _a;
+        resetState();
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
       }
     };
   }
 };
-const circleHandlerFactory = {
-  annotationType: PdfAnnotationSubtype.CIRCLE,
+const lineHandlerFactory = {
+  annotationType: PdfAnnotationSubtype.LINE,
   create(context) {
     const { pageIndex, onCommit, onPreview, getTool, pageSize } = context;
     const [getStart, setStart] = useState(null);
@@ -2338,12 +2561,16 @@ const circleHandlerFactory = {
       if (!tool) return null;
       return {
         ...tool.defaults,
-        strokeWidth: tool.defaults.strokeWidth ?? 2,
-        strokeColor: tool.defaults.strokeColor ?? "#000000",
-        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
-        strokeDashArray: tool.defaults.strokeDashArray ?? [],
+        strokeWidth: tool.defaults.strokeWidth ?? 1,
+        lineEndings: tool.defaults.lineEndings ?? {
+          start: PdfAnnotationLineEnding.None,
+          end: PdfAnnotationLineEnding.None
+        },
         color: tool.defaults.color ?? "#000000",
         opacity: tool.defaults.opacity ?? 1,
+        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
+        strokeDashArray: tool.defaults.strokeDashArray ?? [],
+        strokeColor: tool.defaults.strokeColor ?? "#000000",
         flags: tool.defaults.flags ?? ["print"]
       };
     };
@@ -2355,57 +2582,48 @@ const circleHandlerFactory = {
         if (!defaults) return;
         const clickConfig = tool.clickBehavior;
         if (!(clickConfig == null ? void 0 : clickConfig.enabled)) return;
-        const { width, height } = clickConfig.defaultSize;
-        const halfWidth = width / 2;
-        const halfHeight = height / 2;
-        const x = clamp(pos.x - halfWidth, 0, pageSize.width - width);
-        const y = clamp(pos.y - halfHeight, 0, pageSize.height - height);
-        const strokeWidth = defaults.strokeWidth;
-        const intensity = defaults.cloudyBorderIntensity ?? 0;
-        const pad = intensity > 0 ? getCloudyBorderExtent(intensity, strokeWidth, true) : strokeWidth / 2;
-        const rect = {
-          origin: { x: x - pad, y: y - pad },
-          size: { width: width + 2 * pad, height: height + 2 * pad }
-        };
-        const anno = {
+        const angle = clickConfig.defaultAngle ?? 0;
+        const length = clickConfig.defaultLength;
+        const halfLength = length / 2;
+        const startX = pos.x - halfLength * Math.cos(angle);
+        const startY = pos.y - halfLength * Math.sin(angle);
+        const endX = pos.x + halfLength * Math.cos(angle);
+        const endY = pos.y + halfLength * Math.sin(angle);
+        const start = clampToPage({ x: startX, y: startY });
+        const end = clampToPage({ x: endX, y: endY });
+        const rect = lineRectWithEndings(
+          [start, end],
+          defaults.strokeWidth,
+          defaults.lineEndings
+        );
+        onCommit({
           ...defaults,
-          type: PdfAnnotationSubtype.CIRCLE,
-          created: /* @__PURE__ */ new Date(),
-          id: uuidV4(),
-          pageIndex,
           rect,
-          ...intensity > 0 && {
-            rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
-          }
-        };
-        onCommit(anno);
+          linePoints: { start, end },
+          pageIndex,
+          id: uuidV4(),
+          created: /* @__PURE__ */ new Date(),
+          type: PdfAnnotationSubtype.LINE
+        });
       }
     });
     const getPreview = (current) => {
-      const p1 = getStart();
-      if (!p1) return null;
-      const minX = Math.min(p1.x, current.x);
-      const minY = Math.min(p1.y, current.y);
-      const width = Math.abs(p1.x - current.x);
-      const height = Math.abs(p1.y - current.y);
+      const start = getStart();
+      if (!start) return null;
       const defaults = getDefaults();
       if (!defaults) return null;
-      const strokeWidth = defaults.strokeWidth;
-      const intensity = defaults.cloudyBorderIntensity ?? 0;
-      const pad = intensity > 0 ? getCloudyBorderExtent(intensity, strokeWidth, true) : strokeWidth / 2;
-      const rect = {
-        origin: { x: minX - pad, y: minY - pad },
-        size: { width: width + 2 * pad, height: height + 2 * pad }
-      };
+      const bounds = lineRectWithEndings(
+        [start, current],
+        defaults.strokeWidth,
+        defaults.lineEndings
+      );
       return {
-        type: PdfAnnotationSubtype.CIRCLE,
-        bounds: rect,
+        type: PdfAnnotationSubtype.LINE,
+        bounds,
         data: {
-          rect,
           ...defaults,
-          ...intensity > 0 && {
-            rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
-          }
+          rect: bounds,
+          linePoints: { start, end: current }
         }
       };
     };
@@ -2427,33 +2645,30 @@ const circleHandlerFactory = {
       },
       onPointerUp: (pos, evt) => {
         var _a;
-        const p1 = getStart();
-        if (!p1) return;
-        const defaults = getDefaults();
-        if (!defaults) return;
+        const start = getStart();
+        if (!start) return;
         const clampedPos = clampToPage(pos);
         if (!clickDetector.hasMoved()) {
           clickDetector.onEnd(clampedPos);
         } else {
-          const defaults2 = getDefaults();
-          if (!defaults2) return;
-          const preview = getPreview(clampedPos);
-          if (preview) {
-            const intensity = defaults2.cloudyBorderIntensity ?? 0;
-            const pad = intensity > 0 ? getCloudyBorderExtent(intensity, defaults2.strokeWidth, true) : void 0;
-            const anno = {
-              ...defaults2,
-              type: PdfAnnotationSubtype.CIRCLE,
+          const defaults = getDefaults();
+          if (!defaults) return;
+          if (Math.abs(clampedPos.x - start.x) > 2 || Math.abs(clampedPos.y - start.y) > 2) {
+            const rect = lineRectWithEndings(
+              [start, clampedPos],
+              defaults.strokeWidth,
+              defaults.lineEndings
+            );
+            onCommit({
+              ...defaults,
+              rect,
+              linePoints: { start, end: clampedPos },
+              pageIndex,
+              id: uuidV4(),
               flags: ["print"],
               created: /* @__PURE__ */ new Date(),
-              id: uuidV4(),
-              pageIndex,
-              rect: preview.data.rect,
-              ...pad !== void 0 && {
-                rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
-              }
-            };
-            onCommit(anno);
+              type: PdfAnnotationSubtype.LINE
+            });
           }
         }
         setStart(null);
@@ -2478,11 +2693,12 @@ const circleHandlerFactory = {
     };
   }
 };
-const linkHandlerFactory = {
-  annotationType: PdfAnnotationSubtype.LINK,
+const polylineHandlerFactory = {
+  annotationType: PdfAnnotationSubtype.POLYLINE,
   create(context) {
-    const { pageIndex, onCommit, onPreview, getTool, pageSize } = context;
-    const [getStart, setStart] = useState(null);
+    const { onCommit, onPreview, getTool, pageSize } = context;
+    const [getVertices, setVertices] = useState([]);
+    const [getCurrent, setCurrent] = useState(null);
     const clampToPage = (pos) => ({
       x: clamp(pos.x, 0, pageSize.width),
       y: clamp(pos.y, 0, pageSize.height)
@@ -2492,708 +2708,909 @@ const linkHandlerFactory = {
       if (!tool) return null;
       return {
         ...tool.defaults,
-        flags: tool.defaults.flags ?? ["print"],
-        strokeWidth: tool.defaults.strokeWidth ?? 2,
-        strokeColor: tool.defaults.strokeColor ?? "#0000FF",
-        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.UNDERLINE,
-        strokeDashArray: tool.defaults.strokeDashArray ?? []
+        strokeWidth: tool.defaults.strokeWidth ?? 1,
+        lineEndings: tool.defaults.lineEndings ?? {
+          start: PdfAnnotationLineEnding.None,
+          end: PdfAnnotationLineEnding.None
+        },
+        color: tool.defaults.color ?? "#000000",
+        opacity: tool.defaults.opacity ?? 1,
+        strokeColor: tool.defaults.strokeColor ?? "#000000",
+        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
+        strokeDashArray: tool.defaults.strokeDashArray ?? [],
+        flags: tool.defaults.flags ?? ["print"]
       };
     };
-    const clickDetector = useClickDetector({
-      threshold: 5,
-      getTool,
-      onClickDetected: (pos, tool) => {
-        const defaults = getDefaults();
-        if (!defaults) return;
-        const clickConfig = tool.clickBehavior;
-        if (!(clickConfig == null ? void 0 : clickConfig.enabled)) return;
-        const { width, height } = clickConfig.defaultSize;
-        const halfWidth = width / 2;
-        const halfHeight = height / 2;
-        const x = clamp(pos.x - halfWidth, 0, pageSize.width - width);
-        const y = clamp(pos.y - halfHeight, 0, pageSize.height - height);
-        const rect = {
-          origin: { x, y },
-          size: { width, height }
-        };
-        const anno = {
-          ...defaults,
-          type: PdfAnnotationSubtype.LINK,
-          target: void 0,
-          created: /* @__PURE__ */ new Date(),
-          id: uuidV4(),
-          pageIndex,
-          rect
-        };
-        onCommit(anno);
-      }
-    });
-    const getPreview = (current) => {
-      const p1 = getStart();
-      if (!p1) return null;
-      const minX = Math.min(p1.x, current.x);
-      const minY = Math.min(p1.y, current.y);
-      const width = Math.abs(p1.x - current.x);
-      const height = Math.abs(p1.y - current.y);
+    const commitPolyline = () => {
+      const vertices = getVertices();
+      if (vertices.length < 2) return;
       const defaults = getDefaults();
-      if (!defaults) return null;
-      const rect = {
-        origin: { x: minX, y: minY },
-        size: { width, height }
+      if (!defaults) return;
+      const rect = lineRectWithEndings(
+        vertices,
+        defaults.strokeWidth,
+        defaults.lineEndings
+      );
+      const anno = {
+        ...defaults,
+        vertices,
+        rect,
+        type: PdfAnnotationSubtype.POLYLINE,
+        pageIndex: context.pageIndex,
+        id: uuidV4(),
+        created: /* @__PURE__ */ new Date()
       };
+      onCommit(anno);
+      setVertices([]);
+      setCurrent(null);
+      onPreview(null);
+    };
+    const getPreview = () => {
+      const vertices = getVertices();
+      const currentPos = getCurrent();
+      if (vertices.length === 0 || !currentPos) return null;
+      const defaults = getDefaults();
+      if (!defaults) return null;
+      const allPoints = [...vertices, currentPos];
+      const bounds = lineRectWithEndings(
+        allPoints,
+        defaults.strokeWidth,
+        defaults.lineEndings
+      );
       return {
-        type: PdfAnnotationSubtype.LINK,
-        bounds: rect,
+        type: PdfAnnotationSubtype.POLYLINE,
+        bounds,
         data: {
-          rect,
-          strokeColor: defaults.strokeColor,
-          strokeWidth: defaults.strokeWidth,
-          strokeStyle: defaults.strokeStyle,
-          strokeDashArray: defaults.strokeDashArray
+          ...defaults,
+          rect: bounds,
+          vertices: allPoints,
+          currentVertex: currentPos
         }
       };
     };
     return {
-      onPointerDown: (pos, evt) => {
-        var _a;
-        const clampedPos = clampToPage(pos);
-        setStart(clampedPos);
-        clickDetector.onStart(clampedPos);
-        onPreview(getPreview(clampedPos));
-        (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
-      },
-      onPointerMove: (pos) => {
-        const clampedPos = clampToPage(pos);
-        clickDetector.onMove(clampedPos);
-        if (getStart() && clickDetector.hasMoved()) {
-          onPreview(getPreview(clampedPos));
+      onClick: (pos, evt) => {
+        if (evt.metaKey || evt.ctrlKey) {
+          return;
         }
-      },
-      onPointerUp: (pos, evt) => {
-        var _a;
-        const p1 = getStart();
-        if (!p1) return;
-        const defaults = getDefaults();
-        if (!defaults) return;
         const clampedPos = clampToPage(pos);
-        if (!clickDetector.hasMoved()) {
-          clickDetector.onEnd(clampedPos);
-        } else {
-          const preview = getPreview(clampedPos);
-          if (preview) {
-            const anno = {
-              ...defaults,
-              type: PdfAnnotationSubtype.LINK,
-              target: void 0,
-              created: /* @__PURE__ */ new Date(),
-              id: uuidV4(),
-              pageIndex,
-              rect: preview.data.rect
-            };
-            onCommit(anno);
-          }
+        const vertices = getVertices();
+        const lastVertex = vertices[vertices.length - 1];
+        if (lastVertex && Math.abs(lastVertex.x - clampedPos.x) < 1 && Math.abs(lastVertex.y - clampedPos.y) < 1) {
+          return;
         }
-        setStart(null);
-        onPreview(null);
-        clickDetector.reset();
-        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+        setVertices([...vertices, clampedPos]);
+        setCurrent(clampedPos);
+        onPreview(getPreview());
       },
-      onPointerLeave: (_, evt) => {
-        var _a;
-        setStart(null);
-        onPreview(null);
-        clickDetector.reset();
-        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+      onDoubleClick: () => {
+        commitPolyline();
       },
-      onPointerCancel: (_, evt) => {
-        var _a;
-        setStart(null);
+      onPointerMove: (pos) => {
+        if (getVertices().length > 0) {
+          const clampedPos = clampToPage(pos);
+          setCurrent(clampedPos);
+          onPreview(getPreview());
+        }
+      },
+      onPointerCancel: () => {
+        setVertices([]);
+        setCurrent(null);
         onPreview(null);
-        clickDetector.reset();
-        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
       }
     };
   }
 };
-const textMarkupSelectionHandler = {
-  toolId: "__textMarkup__",
-  handle(context, selections, getText) {
-    const tool = context.getTool();
-    if (!tool) return;
-    for (const selection of selections) {
-      const id = uuidV4();
-      getText().then((text) => {
-        var _a;
-        context.createAnnotation(selection.pageIndex, {
-          ...tool.defaults,
-          rect: selection.rect,
-          segmentRects: selection.segmentRects,
-          pageIndex: selection.pageIndex,
-          created: /* @__PURE__ */ new Date(),
-          id,
-          ...text != null && { custom: { text } }
-        });
-        if ((_a = tool.behavior) == null ? void 0 : _a.selectAfterCreate) {
-          context.selectAnnotation(selection.pageIndex, id);
-        }
-      });
-    }
-  }
-};
-function computeCaretRect(lastSegRect) {
-  const lineHeight = lastSegRect.size.height;
-  const height = lineHeight / 2;
-  const width = height;
-  const lineEndX = lastSegRect.origin.x + lastSegRect.size.width;
-  return {
-    origin: {
-      x: lineEndX - width / 2,
-      y: lastSegRect.origin.y + lineHeight / 2
-    },
-    size: { width, height }
-  };
-}
-const insertTextSelectionHandler = {
-  toolId: "insertText",
-  handle(context, selections, getText) {
-    const tool = context.getTool();
-    if (!tool) return;
-    const getDefaults = () => ({
-      strokeColor: tool.defaults.strokeColor ?? "#E44234",
-      opacity: tool.defaults.opacity ?? 1,
-      flags: tool.defaults.flags ?? ["print"]
-    });
-    for (const selection of selections) {
-      const lastSegRect = selection.segmentRects[selection.segmentRects.length - 1];
-      if (!lastSegRect) continue;
-      const caretRect = computeCaretRect(lastSegRect);
-      const caretId = uuidV4();
-      const defaults = getDefaults();
-      getText().then((text) => {
-        var _a;
-        context.createAnnotation(selection.pageIndex, {
-          type: PdfAnnotationSubtype.CARET,
-          id: caretId,
-          pageIndex: selection.pageIndex,
-          rect: caretRect,
-          strokeColor: defaults.strokeColor,
-          opacity: defaults.opacity,
-          intent: "Insert",
-          rectangleDifferences: { left: 0.5, top: 0.5, right: 0.5, bottom: 0.5 },
-          created: /* @__PURE__ */ new Date(),
-          flags: defaults.flags,
-          ...text != null && { custom: { text } }
-        });
-        if ((_a = tool.behavior) == null ? void 0 : _a.selectAfterCreate) {
-          context.selectAnnotation(selection.pageIndex, caretId);
-        }
-      });
-    }
-  }
-};
-const replaceTextSelectionHandler = {
-  toolId: "replaceText",
-  handle(context, selections, getText) {
-    const tool = context.getTool();
-    if (!tool) return;
-    const getDefaults = () => ({
-      strokeColor: tool.defaults.strokeColor ?? "#E44234",
-      opacity: tool.defaults.opacity ?? 1,
-      flags: tool.defaults.flags ?? ["print"]
+const HANDLE_SIZE_PX = 14;
+const polygonHandlerFactory = {
+  annotationType: PdfAnnotationSubtype.POLYGON,
+  create(context) {
+    const { onCommit, onPreview, getTool, scale, pageSize } = context;
+    const [getVertices, setVertices] = useState([]);
+    const [getCurrent, setCurrent] = useState(null);
+    const clampToPage = (pos) => ({
+      x: clamp(pos.x, 0, pageSize.width),
+      y: clamp(pos.y, 0, pageSize.height)
     });
-    for (const selection of selections) {
-      const lastSegRect = selection.segmentRects[selection.segmentRects.length - 1];
-      if (!lastSegRect) continue;
-      const caretRect = computeCaretRect(lastSegRect);
-      const caretId = uuidV4();
-      const strikeoutId = uuidV4();
-      const defaults = getDefaults();
-      getText().then((text) => {
-        var _a;
-        context.createAnnotation(selection.pageIndex, {
-          type: PdfAnnotationSubtype.CARET,
-          id: caretId,
-          pageIndex: selection.pageIndex,
-          rect: caretRect,
-          strokeColor: defaults.strokeColor,
-          opacity: defaults.opacity,
-          intent: "Replace",
-          rectangleDifferences: { left: 0.5, top: 0.5, right: 0.5, bottom: 0.5 },
-          created: /* @__PURE__ */ new Date(),
-          flags: defaults.flags
-        });
-        context.createAnnotation(selection.pageIndex, {
-          type: PdfAnnotationSubtype.STRIKEOUT,
-          id: strikeoutId,
-          pageIndex: selection.pageIndex,
-          rect: selection.rect,
-          segmentRects: selection.segmentRects,
-          strokeColor: defaults.strokeColor,
-          opacity: defaults.opacity,
-          intent: "StrikeOutTextEdit",
-          inReplyToId: caretId,
-          replyType: PdfAnnotationReplyType.Group,
-          created: /* @__PURE__ */ new Date(),
-          flags: defaults.flags,
-          ...text != null && { custom: { text } }
-        });
-        if ((_a = tool.behavior) == null ? void 0 : _a.selectAfterCreate) {
-          context.selectAnnotation(selection.pageIndex, caretId);
-        }
-      });
-    }
-  }
-};
-const patchInk = (original, ctx) => {
-  switch (ctx.type) {
-    case "vertex-edit":
-      return ctx.changes;
-    case "move": {
-      if (!ctx.changes.rect) return ctx.changes;
-      const { dx, dy, rects } = baseMoveChanges(original, ctx.changes.rect);
+    const isInsideStartHandle = (pos) => {
+      const vertices = getVertices();
+      if (vertices.length < 2) return false;
+      const sizePDF = HANDLE_SIZE_PX / scale;
+      const half = sizePDF / 2;
+      const v0 = vertices[0];
+      return pos.x >= v0.x - half && pos.x <= v0.x + half && pos.y >= v0.y - half && pos.y <= v0.y + half;
+    };
+    const getDefaults = () => {
+      const tool = getTool();
+      if (!tool) return null;
       return {
-        ...rects,
-        inkList: original.inkList.map((stroke) => ({
-          points: stroke.points.map((p) => ({ x: p.x + dx, y: p.y + dy }))
-        }))
+        ...tool.defaults,
+        color: tool.defaults.color ?? "#000000",
+        opacity: tool.defaults.opacity ?? 1,
+        strokeWidth: tool.defaults.strokeWidth ?? 1,
+        strokeColor: tool.defaults.strokeColor ?? "#000000",
+        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
+        strokeDashArray: tool.defaults.strokeDashArray ?? [],
+        flags: tool.defaults.flags ?? ["print"]
       };
-    }
-    case "resize": {
-      if (!ctx.changes.rect) return ctx.changes;
-      const { scaleX, scaleY, oldRect, resolvedRect, rects } = baseResizeScaling(
-        original,
-        ctx.changes.rect,
-        ctx.metadata
-      );
-      const inset = (r2, pad) => ({
-        origin: { x: r2.origin.x + pad, y: r2.origin.y + pad },
-        size: {
-          width: Math.max(1, r2.size.width - pad * 2),
-          height: Math.max(1, r2.size.height - pad * 2)
+    };
+    const commitPolygon = () => {
+      const vertices = getVertices();
+      if (vertices.length < 3) return;
+      const defaults = getDefaults();
+      if (!defaults) return;
+      const intensity = defaults.cloudyBorderIntensity ?? 0;
+      const pad = intensity > 0 ? getCloudyBorderExtent(intensity, defaults.strokeWidth, false) : defaults.strokeWidth / 2;
+      const rect = expandRect(rectFromPoints(vertices), pad);
+      const anno = {
+        ...defaults,
+        vertices,
+        rect,
+        type: PdfAnnotationSubtype.POLYGON,
+        pageIndex: context.pageIndex,
+        id: uuidV4(),
+        created: /* @__PURE__ */ new Date(),
+        ...intensity > 0 && {
+          rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
         }
-      });
-      const resizeEpsilon = 1e-3;
-      const widthChanged = Math.abs(scaleX - 1) > resizeEpsilon;
-      const heightChanged = Math.abs(scaleY - 1) > resizeEpsilon;
-      const strokeScale = widthChanged && !heightChanged ? scaleX : !widthChanged && heightChanged ? scaleY : Math.min(scaleX, scaleY);
-      const rawStrokeWidth = Math.max(1, original.strokeWidth * strokeScale);
-      const maxStrokeWidth = Math.max(
-        1,
-        Math.min(resolvedRect.size.width, resolvedRect.size.height)
-      );
-      const clampedStrokeWidth = Math.min(rawStrokeWidth, maxStrokeWidth);
-      const newStrokeWidth = Number(clampedStrokeWidth.toFixed(1));
-      const innerOld = inset(oldRect, original.strokeWidth / 2);
-      const innerNew = inset(resolvedRect, newStrokeWidth / 2);
-      const sx = innerNew.size.width / Math.max(innerOld.size.width, 1e-6);
-      const sy = innerNew.size.height / Math.max(innerOld.size.height, 1e-6);
-      return {
-        ...rects,
-        inkList: original.inkList.map((stroke) => ({
-          points: stroke.points.map((p) => ({
-            x: innerNew.origin.x + (p.x - innerOld.origin.x) * sx,
-            y: innerNew.origin.y + (p.y - innerOld.origin.y) * sy
-          }))
-        })),
-        strokeWidth: newStrokeWidth
       };
-    }
-    case "rotate": {
-      const result = baseRotateChanges(original, ctx);
-      if (!result) return ctx.changes;
-      const { dx, dy } = rotateOrbitDelta(original, result);
+      onCommit(anno);
+      setVertices([]);
+      setCurrent(null);
+      onPreview(null);
+    };
+    const getPreview = () => {
+      const vertices = getVertices();
+      const currentPos = getCurrent();
+      if (vertices.length === 0 || !currentPos) return null;
+      const defaults = getDefaults();
+      if (!defaults) return null;
+      const intensity = defaults.cloudyBorderIntensity ?? 0;
+      const pad = intensity > 0 ? getCloudyBorderExtent(intensity, defaults.strokeWidth, false) : defaults.strokeWidth / 2;
+      const allPoints = [...vertices, currentPos];
+      const bounds = expandRect(rectFromPoints(allPoints), pad);
       return {
-        ...result,
-        inkList: original.inkList.map((stroke) => ({
-          points: stroke.points.map((p) => ({ x: p.x + dx, y: p.y + dy }))
-        }))
+        type: PdfAnnotationSubtype.POLYGON,
+        bounds,
+        data: {
+          ...defaults,
+          rect: bounds,
+          vertices,
+          currentVertex: currentPos
+        }
       };
-    }
-    case "property-update": {
-      const needsRectUpdate = ctx.changes.strokeWidth !== void 0 || ctx.changes.rotation !== void 0;
-      if (!needsRectUpdate) return ctx.changes;
-      const merged = { ...original, ...ctx.changes };
-      const pts = merged.inkList.flatMap((s) => s.points);
-      const tightRect = expandRect(rectFromPoints(pts), merged.strokeWidth / 2);
-      const effectiveRotation = ctx.changes.rotation ?? original.rotation ?? 0;
-      if (original.unrotatedRect || ctx.changes.rotation !== void 0) {
-        return {
-          ...ctx.changes,
-          unrotatedRect: tightRect,
-          rect: calculateRotatedRectAABBAroundPoint(
-            tightRect,
-            effectiveRotation,
-            resolveAnnotationRotationCenter(original)
-          )
-        };
+    };
+    return {
+      onClick: (pos, evt) => {
+        if (evt.metaKey || evt.ctrlKey) {
+          return;
+        }
+        const clampedPos = clampToPage(pos);
+        if (isInsideStartHandle(clampedPos) && getVertices().length >= 3) {
+          commitPolygon();
+          return;
+        }
+        const vertices = getVertices();
+        const lastVertex = vertices[vertices.length - 1];
+        if (lastVertex && Math.abs(lastVertex.x - clampedPos.x) < 1 && Math.abs(lastVertex.y - clampedPos.y) < 1) {
+          return;
+        }
+        setVertices([...vertices, clampedPos]);
+        setCurrent(clampedPos);
+        onPreview(getPreview());
+      },
+      onDoubleClick: (_) => {
+        commitPolygon();
+      },
+      onPointerMove: (pos) => {
+        if (getVertices().length > 0) {
+          const clampedPos = clampToPage(pos);
+          setCurrent(clampedPos);
+          onPreview(getPreview());
+        }
+      },
+      onPointerCancel: (_) => {
+        setVertices([]);
+        setCurrent(null);
+        onPreview(null);
       }
-      return { ...ctx.changes, rect: tightRect };
-    }
-    default:
-      return ctx.changes;
+    };
   }
 };
-const patchLine = (orig, ctx) => {
-  switch (ctx.type) {
-    case "vertex-edit":
-      if (ctx.changes.linePoints) {
-        const { start, end } = ctx.changes.linePoints;
-        const rawPoints = [start, end];
-        const rawRect = lineRectWithEndings(rawPoints, orig.strokeWidth, orig.lineEndings);
-        const compensated = compensateRotatedVertexEdit(orig, rawPoints, rawRect);
-        const rect = lineRectWithEndings(compensated, orig.strokeWidth, orig.lineEndings);
-        return {
-          ...resolveVertexEditRects(orig, rect),
-          linePoints: { start: compensated[0], end: compensated[1] }
+const squareHandlerFactory = {
+  annotationType: PdfAnnotationSubtype.SQUARE,
+  create(context) {
+    const { pageIndex, onCommit, onPreview, getTool, pageSize } = context;
+    const [getStart, setStart] = useState(null);
+    const clampToPage = (pos) => ({
+      x: clamp(pos.x, 0, pageSize.width),
+      y: clamp(pos.y, 0, pageSize.height)
+    });
+    const getDefaults = () => {
+      const tool = getTool();
+      if (!tool) return null;
+      return {
+        ...tool.defaults,
+        flags: tool.defaults.flags ?? ["print"],
+        strokeWidth: tool.defaults.strokeWidth ?? 2,
+        strokeColor: tool.defaults.strokeColor ?? "#000000",
+        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
+        strokeDashArray: tool.defaults.strokeDashArray ?? [],
+        color: tool.defaults.color ?? "#000000",
+        opacity: tool.defaults.opacity ?? 1
+      };
+    };
+    const clickDetector = useClickDetector({
+      threshold: 5,
+      getTool,
+      onClickDetected: (pos, tool) => {
+        const defaults = getDefaults();
+        if (!defaults) return;
+        const clickConfig = tool.clickBehavior;
+        if (!(clickConfig == null ? void 0 : clickConfig.enabled)) return;
+        const { width, height } = clickConfig.defaultSize;
+        const halfWidth = width / 2;
+        const halfHeight = height / 2;
+        const x = clamp(pos.x - halfWidth, 0, pageSize.width - width);
+        const y = clamp(pos.y - halfHeight, 0, pageSize.height - height);
+        const strokeWidth = defaults.strokeWidth;
+        const intensity = defaults.cloudyBorderIntensity ?? 0;
+        const pad = intensity > 0 ? getCloudyBorderExtent(intensity, strokeWidth, false) : strokeWidth / 2;
+        const rect = {
+          origin: { x: x - pad, y: y - pad },
+          size: { width: width + 2 * pad, height: height + 2 * pad }
+        };
+        const anno = {
+          ...defaults,
+          type: PdfAnnotationSubtype.SQUARE,
+          created: /* @__PURE__ */ new Date(),
+          id: uuidV4(),
+          pageIndex,
+          rect,
+          ...intensity > 0 && {
+            rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
+          }
         };
+        onCommit(anno);
       }
-      return ctx.changes;
-    case "move": {
-      if (!ctx.changes.rect) return ctx.changes;
-      const { dx, dy, rects } = baseMoveChanges(orig, ctx.changes.rect);
+    });
+    const getPreview = (current) => {
+      const p1 = getStart();
+      if (!p1) return null;
+      const minX = Math.min(p1.x, current.x);
+      const minY = Math.min(p1.y, current.y);
+      const width = Math.abs(p1.x - current.x);
+      const height = Math.abs(p1.y - current.y);
+      const defaults = getDefaults();
+      if (!defaults) return null;
+      const strokeWidth = defaults.strokeWidth;
+      const intensity = defaults.cloudyBorderIntensity ?? 0;
+      const pad = intensity > 0 ? getCloudyBorderExtent(intensity, strokeWidth, false) : strokeWidth / 2;
+      const rect = {
+        origin: { x: minX - pad, y: minY - pad },
+        size: { width: width + 2 * pad, height: height + 2 * pad }
+      };
       return {
-        ...rects,
-        linePoints: {
-          start: { x: orig.linePoints.start.x + dx, y: orig.linePoints.start.y + dy },
-          end: { x: orig.linePoints.end.x + dx, y: orig.linePoints.end.y + dy }
+        type: PdfAnnotationSubtype.SQUARE,
+        bounds: rect,
+        data: {
+          rect,
+          ...defaults,
+          ...intensity > 0 && {
+            rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
+          }
         }
       };
-    }
-    case "resize": {
-      if (!ctx.changes.rect) return ctx.changes;
-      const { scaleX, scaleY, oldRect, resolvedRect, rects } = baseResizeScaling(
-        orig,
-        ctx.changes.rect,
-        ctx.metadata
-      );
-      return {
-        ...rects,
-        linePoints: {
-          start: {
-            x: resolvedRect.origin.x + (orig.linePoints.start.x - oldRect.origin.x) * scaleX,
-            y: resolvedRect.origin.y + (orig.linePoints.start.y - oldRect.origin.y) * scaleY
-          },
-          end: {
-            x: resolvedRect.origin.x + (orig.linePoints.end.x - oldRect.origin.x) * scaleX,
-            y: resolvedRect.origin.y + (orig.linePoints.end.y - oldRect.origin.y) * scaleY
+    };
+    return {
+      onPointerDown: (pos, evt) => {
+        var _a;
+        const clampedPos = clampToPage(pos);
+        setStart(clampedPos);
+        clickDetector.onStart(clampedPos);
+        onPreview(getPreview(clampedPos));
+        (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
+      },
+      onPointerMove: (pos) => {
+        const clampedPos = clampToPage(pos);
+        clickDetector.onMove(clampedPos);
+        if (getStart() && clickDetector.hasMoved()) {
+          onPreview(getPreview(clampedPos));
+        }
+      },
+      onPointerUp: (pos, evt) => {
+        var _a;
+        const p1 = getStart();
+        if (!p1) return;
+        const defaults = getDefaults();
+        if (!defaults) return;
+        const clampedPos = clampToPage(pos);
+        if (!clickDetector.hasMoved()) {
+          clickDetector.onEnd(clampedPos);
+        } else {
+          const defaults2 = getDefaults();
+          if (!defaults2) return;
+          const preview = getPreview(clampedPos);
+          if (preview) {
+            const intensity = defaults2.cloudyBorderIntensity ?? 0;
+            const pad = intensity > 0 ? getCloudyBorderExtent(intensity, defaults2.strokeWidth, false) : void 0;
+            const anno = {
+              ...defaults2,
+              type: PdfAnnotationSubtype.SQUARE,
+              created: /* @__PURE__ */ new Date(),
+              id: uuidV4(),
+              pageIndex,
+              rect: preview.data.rect,
+              ...pad !== void 0 && {
+                rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
+              }
+            };
+            onCommit(anno);
           }
         }
-      };
-    }
-    case "rotate": {
-      const result = baseRotateChanges(orig, ctx);
-      if (!result) return ctx.changes;
-      const { dx, dy } = rotateOrbitDelta(orig, result);
-      return {
-        ...result,
-        linePoints: {
-          start: { x: orig.linePoints.start.x + dx, y: orig.linePoints.start.y + dy },
-          end: { x: orig.linePoints.end.x + dx, y: orig.linePoints.end.y + dy }
+        setStart(null);
+        onPreview(null);
+        clickDetector.reset();
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+      },
+      onPointerLeave: (_, evt) => {
+        var _a;
+        setStart(null);
+        onPreview(null);
+        clickDetector.reset();
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+      },
+      onPointerCancel: (_, evt) => {
+        var _a;
+        setStart(null);
+        onPreview(null);
+        clickDetector.reset();
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+      }
+    };
+  }
+};
+const imageFetchCache = /* @__PURE__ */ new Map();
+const stampHandlerFactory = {
+  annotationType: PdfAnnotationSubtype.STAMP,
+  create(context) {
+    const { services, onCommit, onPreview, getTool, pageSize, pageRotation } = context;
+    let cachedBuffer = null;
+    let cachedSize = null;
+    const commitStamp = (pos, width, height, ctx) => {
+      var _a;
+      const tool = getTool();
+      if (!tool) return;
+      const rect = {
+        origin: { x: pos.x - width / 2, y: pos.y - height / 2 },
+        size: { width, height }
+      };
+      let anno = {
+        ...tool.defaults,
+        rect,
+        type: PdfAnnotationSubtype.STAMP,
+        name: tool.defaults.name ?? PdfAnnotationName.Image,
+        subject: tool.defaults.subject ?? "Stamp",
+        flags: tool.defaults.flags ?? ["print"],
+        pageIndex: context.pageIndex,
+        id: uuidV4(),
+        created: /* @__PURE__ */ new Date()
+      };
+      if ((_a = tool.behavior) == null ? void 0 : _a.insertUpright) {
+        anno = applyInsertUpright(anno, pageRotation, false);
+      }
+      anno = clampAnnotationToPage(anno, pageSize);
+      onCommit(anno, ctx);
+    };
+    const commitFromBuffer = (pos, buffer, imageSize) => {
+      const meta = getImageMetadata(buffer);
+      if (!meta || meta.mimeType === "application/pdf") return false;
+      const fitted = fitSizeWithin(meta, pageSize);
+      const width = (imageSize == null ? void 0 : imageSize.width) ?? fitted.width;
+      const height = (imageSize == null ? void 0 : imageSize.height) ?? fitted.height;
+      commitStamp(pos, width, height, { data: buffer });
+      return true;
+    };
+    return {
+      onHandlerActiveStart: () => {
+        const tool = getTool();
+        const imageSrc = tool == null ? void 0 : tool.defaults.imageSrc;
+        if (!imageSrc) return;
+        let entry = imageFetchCache.get(imageSrc);
+        if (!entry) {
+          const promise = fetch(imageSrc).then((res) => res.arrayBuffer()).then((buffer) => {
+            const meta = getImageMetadata(buffer);
+            if (!meta || meta.mimeType === "application/pdf") return null;
+            const fitted = fitSizeWithin(meta, pageSize);
+            const imageSize = tool.defaults.imageSize;
+            return {
+              buffer,
+              width: (imageSize == null ? void 0 : imageSize.width) ?? fitted.width,
+              height: (imageSize == null ? void 0 : imageSize.height) ?? fitted.height
+            };
+          }).catch(() => null);
+          entry = { promise, refs: 1 };
+          imageFetchCache.set(imageSrc, entry);
+        } else {
+          entry.refs++;
+        }
+        entry.promise.then((result) => {
+          if (!result) return;
+          cachedBuffer = result.buffer;
+          cachedSize = { width: result.width, height: result.height };
+        });
+      },
+      onHandlerActiveEnd: () => {
+        const tool = getTool();
+        const imageSrc = tool == null ? void 0 : tool.defaults.imageSrc;
+        if (imageSrc) {
+          const entry = imageFetchCache.get(imageSrc);
+          if (entry && --entry.refs <= 0) {
+            imageFetchCache.delete(imageSrc);
+          }
         }
-      };
-    }
-    case "property-update": {
-      const needsRectUpdate = ctx.changes.strokeWidth !== void 0 || ctx.changes.lineEndings !== void 0 || ctx.changes.rotation !== void 0;
-      if (!needsRectUpdate) return ctx.changes;
-      const merged = { ...orig, ...ctx.changes };
-      const tightRect = lineRectWithEndings(
-        [merged.linePoints.start, merged.linePoints.end],
-        merged.strokeWidth,
-        merged.lineEndings
-      );
-      const effectiveRotation = ctx.changes.rotation ?? orig.rotation ?? 0;
-      if (orig.unrotatedRect || ctx.changes.rotation !== void 0) {
-        return {
-          ...ctx.changes,
-          unrotatedRect: tightRect,
-          rect: calculateRotatedRectAABBAroundPoint(
-            tightRect,
-            effectiveRotation,
-            resolveAnnotationRotationCenter(orig)
-          )
+        cachedBuffer = null;
+        cachedSize = null;
+        onPreview(null);
+      },
+      onPointerMove: (pos) => {
+        var _a;
+        const tool = getTool();
+        if (!((_a = tool == null ? void 0 : tool.behavior) == null ? void 0 : _a.showGhost) || !cachedSize || !tool.defaults.imageSrc) return;
+        const rect = {
+          origin: { x: pos.x - cachedSize.width / 2, y: pos.y - cachedSize.height / 2 },
+          size: cachedSize
         };
+        onPreview({
+          type: PdfAnnotationSubtype.STAMP,
+          bounds: rect,
+          data: { rect, ghostUrl: tool.defaults.imageSrc, pageRotation }
+        });
+      },
+      onPointerDown: (pos) => {
+        const tool = getTool();
+        if (!tool) return;
+        const { imageSrc, imageSize } = tool.defaults;
+        if (imageSrc) {
+          onPreview(null);
+          if (cachedBuffer) {
+            commitFromBuffer(pos, cachedBuffer, imageSize);
+          } else {
+            fetch(imageSrc).then((res) => res.arrayBuffer()).then((buffer) => commitFromBuffer(pos, buffer, imageSize));
+          }
+        } else {
+          services.requestFile({
+            accept: "image/png,image/jpeg",
+            onFile: (file) => {
+              file.arrayBuffer().then((buffer) => commitFromBuffer(pos, buffer));
+            }
+          });
+        }
+      },
+      onPointerLeave: () => {
+        onPreview(null);
       }
-      return { ...ctx.changes, rect: tightRect };
-    }
-    default:
-      return ctx.changes;
+    };
   }
 };
-const patchPolyline = (orig, ctx) => {
-  switch (ctx.type) {
-    case "vertex-edit":
-      if (ctx.changes.vertices && ctx.changes.vertices.length) {
-        const rawVertices = ctx.changes.vertices;
-        const rawRect = lineRectWithEndings(rawVertices, orig.strokeWidth, orig.lineEndings);
-        const compensated = compensateRotatedVertexEdit(orig, rawVertices, rawRect);
-        const rect = lineRectWithEndings(compensated, orig.strokeWidth, orig.lineEndings);
-        return {
-          ...resolveVertexEditRects(orig, rect),
-          vertices: compensated
-        };
-      }
-      return ctx.changes;
-    case "move": {
-      if (!ctx.changes.rect) return ctx.changes;
-      const { dx, dy, rects } = baseMoveChanges(orig, ctx.changes.rect);
+const circleHandlerFactory = {
+  annotationType: PdfAnnotationSubtype.CIRCLE,
+  create(context) {
+    const { pageIndex, onCommit, onPreview, getTool, pageSize } = context;
+    const [getStart, setStart] = useState(null);
+    const clampToPage = (pos) => ({
+      x: clamp(pos.x, 0, pageSize.width),
+      y: clamp(pos.y, 0, pageSize.height)
+    });
+    const getDefaults = () => {
+      const tool = getTool();
+      if (!tool) return null;
       return {
-        ...rects,
-        vertices: orig.vertices.map((p) => ({ x: p.x + dx, y: p.y + dy }))
+        ...tool.defaults,
+        strokeWidth: tool.defaults.strokeWidth ?? 2,
+        strokeColor: tool.defaults.strokeColor ?? "#000000",
+        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.SOLID,
+        strokeDashArray: tool.defaults.strokeDashArray ?? [],
+        color: tool.defaults.color ?? "#000000",
+        opacity: tool.defaults.opacity ?? 1,
+        flags: tool.defaults.flags ?? ["print"]
       };
-    }
-    case "resize": {
-      if (!ctx.changes.rect) return ctx.changes;
-      const { scaleX, scaleY, oldRect, resolvedRect, rects } = baseResizeScaling(
-        orig,
-        ctx.changes.rect,
-        ctx.metadata
-      );
-      return {
-        ...rects,
-        vertices: orig.vertices.map((v) => ({
-          x: resolvedRect.origin.x + (v.x - oldRect.origin.x) * scaleX,
-          y: resolvedRect.origin.y + (v.y - oldRect.origin.y) * scaleY
-        }))
+    };
+    const clickDetector = useClickDetector({
+      threshold: 5,
+      getTool,
+      onClickDetected: (pos, tool) => {
+        const defaults = getDefaults();
+        if (!defaults) return;
+        const clickConfig = tool.clickBehavior;
+        if (!(clickConfig == null ? void 0 : clickConfig.enabled)) return;
+        const { width, height } = clickConfig.defaultSize;
+        const halfWidth = width / 2;
+        const halfHeight = height / 2;
+        const x = clamp(pos.x - halfWidth, 0, pageSize.width - width);
+        const y = clamp(pos.y - halfHeight, 0, pageSize.height - height);
+        const strokeWidth = defaults.strokeWidth;
+        const intensity = defaults.cloudyBorderIntensity ?? 0;
+        const pad = intensity > 0 ? getCloudyBorderExtent(intensity, strokeWidth, true) : strokeWidth / 2;
+        const rect = {
+          origin: { x: x - pad, y: y - pad },
+          size: { width: width + 2 * pad, height: height + 2 * pad }
+        };
+        const anno = {
+          ...defaults,
+          type: PdfAnnotationSubtype.CIRCLE,
+          created: /* @__PURE__ */ new Date(),
+          id: uuidV4(),
+          pageIndex,
+          rect,
+          ...intensity > 0 && {
+            rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
+          }
+        };
+        onCommit(anno);
+      }
+    });
+    const getPreview = (current) => {
+      const p1 = getStart();
+      if (!p1) return null;
+      const minX = Math.min(p1.x, current.x);
+      const minY = Math.min(p1.y, current.y);
+      const width = Math.abs(p1.x - current.x);
+      const height = Math.abs(p1.y - current.y);
+      const defaults = getDefaults();
+      if (!defaults) return null;
+      const strokeWidth = defaults.strokeWidth;
+      const intensity = defaults.cloudyBorderIntensity ?? 0;
+      const pad = intensity > 0 ? getCloudyBorderExtent(intensity, strokeWidth, true) : strokeWidth / 2;
+      const rect = {
+        origin: { x: minX - pad, y: minY - pad },
+        size: { width: width + 2 * pad, height: height + 2 * pad }
       };
-    }
-    case "rotate": {
-      const result = baseRotateChanges(orig, ctx);
-      if (!result) return ctx.changes;
-      const { dx, dy } = rotateOrbitDelta(orig, result);
       return {
-        ...result,
-        vertices: orig.vertices.map((v) => ({ x: v.x + dx, y: v.y + dy }))
+        type: PdfAnnotationSubtype.CIRCLE,
+        bounds: rect,
+        data: {
+          rect,
+          ...defaults,
+          ...intensity > 0 && {
+            rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
+          }
+        }
       };
-    }
-    case "property-update": {
-      const needsRectUpdate = ctx.changes.strokeWidth !== void 0 || ctx.changes.lineEndings !== void 0 || ctx.changes.rotation !== void 0;
-      if (!needsRectUpdate) return ctx.changes;
-      const merged = { ...orig, ...ctx.changes };
-      const tightRect = lineRectWithEndings(
-        merged.vertices,
-        merged.strokeWidth,
-        merged.lineEndings
-      );
-      const effectiveRotation = ctx.changes.rotation ?? orig.rotation ?? 0;
-      if (orig.unrotatedRect || ctx.changes.rotation !== void 0) {
-        return {
-          ...ctx.changes,
-          unrotatedRect: tightRect,
-          rect: calculateRotatedRectAABBAroundPoint(
-            tightRect,
-            effectiveRotation,
-            resolveAnnotationRotationCenter(orig)
-          )
-        };
+    };
+    return {
+      onPointerDown: (pos, evt) => {
+        var _a;
+        const clampedPos = clampToPage(pos);
+        setStart(clampedPos);
+        clickDetector.onStart(clampedPos);
+        onPreview(getPreview(clampedPos));
+        (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
+      },
+      onPointerMove: (pos) => {
+        const clampedPos = clampToPage(pos);
+        clickDetector.onMove(clampedPos);
+        if (getStart() && clickDetector.hasMoved()) {
+          onPreview(getPreview(clampedPos));
+        }
+      },
+      onPointerUp: (pos, evt) => {
+        var _a;
+        const p1 = getStart();
+        if (!p1) return;
+        const defaults = getDefaults();
+        if (!defaults) return;
+        const clampedPos = clampToPage(pos);
+        if (!clickDetector.hasMoved()) {
+          clickDetector.onEnd(clampedPos);
+        } else {
+          const defaults2 = getDefaults();
+          if (!defaults2) return;
+          const preview = getPreview(clampedPos);
+          if (preview) {
+            const intensity = defaults2.cloudyBorderIntensity ?? 0;
+            const pad = intensity > 0 ? getCloudyBorderExtent(intensity, defaults2.strokeWidth, true) : void 0;
+            const anno = {
+              ...defaults2,
+              type: PdfAnnotationSubtype.CIRCLE,
+              flags: ["print"],
+              created: /* @__PURE__ */ new Date(),
+              id: uuidV4(),
+              pageIndex,
+              rect: preview.data.rect,
+              ...pad !== void 0 && {
+                rectangleDifferences: { left: pad, top: pad, right: pad, bottom: pad }
+              }
+            };
+            onCommit(anno);
+          }
+        }
+        setStart(null);
+        onPreview(null);
+        clickDetector.reset();
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+      },
+      onPointerLeave: (_, evt) => {
+        var _a;
+        setStart(null);
+        onPreview(null);
+        clickDetector.reset();
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+      },
+      onPointerCancel: (_, evt) => {
+        var _a;
+        setStart(null);
+        onPreview(null);
+        clickDetector.reset();
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
       }
-      return { ...ctx.changes, rect: tightRect };
-    }
-    default:
-      return ctx.changes;
+    };
   }
 };
-function getPolygonPad(intensity, strokeWidth) {
-  if ((intensity ?? 0) > 0) {
-    return getCloudyBorderExtent(intensity, strokeWidth, false);
-  }
-  return strokeWidth / 2;
-}
-const patchPolygon = (orig, ctx) => {
-  switch (ctx.type) {
-    case "vertex-edit":
-      if (ctx.changes.vertices && ctx.changes.vertices.length) {
-        const pad = getPolygonPad(orig.cloudyBorderIntensity, orig.strokeWidth);
-        const rawVertices = ctx.changes.vertices;
-        const rawRect = expandRect(rectFromPoints(rawVertices), pad);
-        const compensated = compensateRotatedVertexEdit(orig, rawVertices, rawRect);
-        const rect = expandRect(rectFromPoints(compensated), pad);
-        return {
-          ...resolveVertexEditRects(orig, rect),
-          vertices: compensated
-        };
-      }
-      return ctx.changes;
-    case "move": {
-      if (!ctx.changes.rect) return ctx.changes;
-      const { dx, dy, rects } = baseMoveChanges(orig, ctx.changes.rect);
+const linkHandlerFactory = {
+  annotationType: PdfAnnotationSubtype.LINK,
+  create(context) {
+    const { pageIndex, onCommit, onPreview, getTool, pageSize } = context;
+    const [getStart, setStart] = useState(null);
+    const clampToPage = (pos) => ({
+      x: clamp(pos.x, 0, pageSize.width),
+      y: clamp(pos.y, 0, pageSize.height)
+    });
+    const getDefaults = () => {
+      const tool = getTool();
+      if (!tool) return null;
       return {
-        ...rects,
-        vertices: orig.vertices.map((p) => ({ x: p.x + dx, y: p.y + dy }))
+        ...tool.defaults,
+        flags: tool.defaults.flags ?? ["print"],
+        strokeWidth: tool.defaults.strokeWidth ?? 2,
+        strokeColor: tool.defaults.strokeColor ?? "#0000FF",
+        strokeStyle: tool.defaults.strokeStyle ?? PdfAnnotationBorderStyle.UNDERLINE,
+        strokeDashArray: tool.defaults.strokeDashArray ?? []
       };
-    }
-    case "resize": {
-      if (!ctx.changes.rect) return ctx.changes;
-      const { scaleX, scaleY, oldRect, resolvedRect, rects } = baseResizeScaling(
-        orig,
-        ctx.changes.rect,
-        ctx.metadata
-      );
-      return {
-        ...rects,
-        vertices: orig.vertices.map((v) => ({
-          x: resolvedRect.origin.x + (v.x - oldRect.origin.x) * scaleX,
-          y: resolvedRect.origin.y + (v.y - oldRect.origin.y) * scaleY
-        }))
+    };
+    const clickDetector = useClickDetector({
+      threshold: 5,
+      getTool,
+      onClickDetected: (pos, tool) => {
+        const defaults = getDefaults();
+        if (!defaults) return;
+        const clickConfig = tool.clickBehavior;
+        if (!(clickConfig == null ? void 0 : clickConfig.enabled)) return;
+        const { width, height } = clickConfig.defaultSize;
+        const halfWidth = width / 2;
+        const halfHeight = height / 2;
+        const x = clamp(pos.x - halfWidth, 0, pageSize.width - width);
+        const y = clamp(pos.y - halfHeight, 0, pageSize.height - height);
+        const rect = {
+          origin: { x, y },
+          size: { width, height }
+        };
+        const anno = {
+          ...defaults,
+          type: PdfAnnotationSubtype.LINK,
+          target: void 0,
+          created: /* @__PURE__ */ new Date(),
+          id: uuidV4(),
+          pageIndex,
+          rect
+        };
+        onCommit(anno);
+      }
+    });
+    const getPreview = (current) => {
+      const p1 = getStart();
+      if (!p1) return null;
+      const minX = Math.min(p1.x, current.x);
+      const minY = Math.min(p1.y, current.y);
+      const width = Math.abs(p1.x - current.x);
+      const height = Math.abs(p1.y - current.y);
+      const defaults = getDefaults();
+      if (!defaults) return null;
+      const rect = {
+        origin: { x: minX, y: minY },
+        size: { width, height }
       };
-    }
-    case "rotate": {
-      const result = baseRotateChanges(orig, ctx);
-      if (!result) return ctx.changes;
-      const { dx, dy } = rotateOrbitDelta(orig, result);
       return {
-        ...result,
-        vertices: orig.vertices.map((v) => ({ x: v.x + dx, y: v.y + dy }))
+        type: PdfAnnotationSubtype.LINK,
+        bounds: rect,
+        data: {
+          rect,
+          strokeColor: defaults.strokeColor,
+          strokeWidth: defaults.strokeWidth,
+          strokeStyle: defaults.strokeStyle,
+          strokeDashArray: defaults.strokeDashArray
+        }
       };
-    }
-    case "property-update": {
-      const cloudyChanged = ctx.changes.cloudyBorderIntensity !== void 0;
-      const needsRectUpdate = ctx.changes.strokeWidth !== void 0 || ctx.changes.rotation !== void 0 || cloudyChanged;
-      if (!needsRectUpdate) return ctx.changes;
-      const merged = { ...orig, ...ctx.changes };
-      const pad = getPolygonPad(merged.cloudyBorderIntensity, merged.strokeWidth);
-      const tightRect = expandRect(rectFromPoints(merged.vertices), pad);
-      let patch = ctx.changes;
-      const hasCloudy = (orig.cloudyBorderIntensity ?? 0) > 0;
-      if (cloudyChanged || ctx.changes.strokeWidth !== void 0 && hasCloudy) {
-        const intensity = merged.cloudyBorderIntensity ?? 0;
-        if (intensity > 0) {
-          const extent = getCloudyBorderExtent(intensity, merged.strokeWidth, false);
-          patch = {
-            ...patch,
-            rectangleDifferences: { left: extent, top: extent, right: extent, bottom: extent }
-          };
-        } else {
-          patch = { ...patch, rectangleDifferences: void 0 };
+    };
+    return {
+      onPointerDown: (pos, evt) => {
+        var _a;
+        const clampedPos = clampToPage(pos);
+        setStart(clampedPos);
+        clickDetector.onStart(clampedPos);
+        onPreview(getPreview(clampedPos));
+        (_a = evt.setPointerCapture) == null ? void 0 : _a.call(evt);
+      },
+      onPointerMove: (pos) => {
+        const clampedPos = clampToPage(pos);
+        clickDetector.onMove(clampedPos);
+        if (getStart() && clickDetector.hasMoved()) {
+          onPreview(getPreview(clampedPos));
         }
-      }
-      const effectiveRotation = ctx.changes.rotation ?? orig.rotation ?? 0;
-      if (orig.unrotatedRect || ctx.changes.rotation !== void 0) {
-        return {
-          ...patch,
-          unrotatedRect: tightRect,
-          rect: calculateRotatedRectAABBAroundPoint(
-            tightRect,
-            effectiveRotation,
-            resolveAnnotationRotationCenter(orig)
-          )
-        };
-      }
-      return { ...patch, rect: tightRect };
-    }
-    default:
-      return ctx.changes;
-  }
-};
-const patchCircle = (orig, ctx) => {
-  switch (ctx.type) {
-    case "move":
-      if (!ctx.changes.rect) return ctx.changes;
-      return baseMoveChanges(orig, ctx.changes.rect).rects;
-    case "resize":
-      if (!ctx.changes.rect) return ctx.changes;
-      return baseResizeScaling(orig, ctx.changes.rect, ctx.metadata).rects;
-    case "rotate":
-      return baseRotateChanges(orig, ctx) ?? ctx.changes;
-    case "property-update": {
-      let patch = ctx.changes;
-      const cloudyChanged = ctx.changes.cloudyBorderIntensity !== void 0;
-      const strokeChanged = ctx.changes.strokeWidth !== void 0;
-      const hasCloudy = (orig.cloudyBorderIntensity ?? 0) > 0;
-      if (cloudyChanged || strokeChanged && hasCloudy) {
-        const merged = { ...orig, ...ctx.changes };
-        const intensity = merged.cloudyBorderIntensity ?? 0;
-        if (intensity > 0) {
-          const extent = getCloudyBorderExtent(intensity, merged.strokeWidth, true);
-          patch = {
-            ...patch,
-            rectangleDifferences: { left: extent, top: extent, right: extent, bottom: extent }
-          };
+      },
+      onPointerUp: (pos, evt) => {
+        var _a;
+        const p1 = getStart();
+        if (!p1) return;
+        const defaults = getDefaults();
+        if (!defaults) return;
+        const clampedPos = clampToPage(pos);
+        if (!clickDetector.hasMoved()) {
+          clickDetector.onEnd(clampedPos);
         } else {
-          patch = { ...patch, rectangleDifferences: void 0 };
+          const preview = getPreview(clampedPos);
+          if (preview) {
+            const anno = {
+              ...defaults,
+              type: PdfAnnotationSubtype.LINK,
+              target: void 0,
+              created: /* @__PURE__ */ new Date(),
+              id: uuidV4(),
+              pageIndex,
+              rect: preview.data.rect
+            };
+            onCommit(anno);
+          }
         }
+        setStart(null);
+        onPreview(null);
+        clickDetector.reset();
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+      },
+      onPointerLeave: (_, evt) => {
+        var _a;
+        setStart(null);
+        onPreview(null);
+        clickDetector.reset();
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
+      },
+      onPointerCancel: (_, evt) => {
+        var _a;
+        setStart(null);
+        onPreview(null);
+        clickDetector.reset();
+        (_a = evt.releasePointerCapture) == null ? void 0 : _a.call(evt);
       }
-      if (ctx.changes.rotation !== void 0) {
-        patch = { ...patch, ...basePropertyRotationChanges(orig, ctx.changes.rotation) };
-      }
-      return patch;
-    }
-    default:
-      return ctx.changes;
+    };
   }
 };
-const patchSquare = (orig, ctx) => {
-  switch (ctx.type) {
-    case "move":
-      if (!ctx.changes.rect) return ctx.changes;
-      return baseMoveChanges(orig, ctx.changes.rect).rects;
-    case "resize":
-      if (!ctx.changes.rect) return ctx.changes;
-      return baseResizeScaling(orig, ctx.changes.rect, ctx.metadata).rects;
-    case "rotate":
-      return baseRotateChanges(orig, ctx) ?? ctx.changes;
-    case "property-update": {
-      let patch = ctx.changes;
-      const cloudyChanged = ctx.changes.cloudyBorderIntensity !== void 0;
-      const strokeChanged = ctx.changes.strokeWidth !== void 0;
-      const hasCloudy = (orig.cloudyBorderIntensity ?? 0) > 0;
-      if (cloudyChanged || strokeChanged && hasCloudy) {
-        const merged = { ...orig, ...ctx.changes };
-        const intensity = merged.cloudyBorderIntensity ?? 0;
-        if (intensity > 0) {
-          const extent = getCloudyBorderExtent(intensity, merged.strokeWidth, false);
-          patch = {
-            ...patch,
-            rectangleDifferences: { left: extent, top: extent, right: extent, bottom: extent }
-          };
-        } else {
-          patch = { ...patch, rectangleDifferences: void 0 };
+const textMarkupSelectionHandler = {
+  toolId: "__textMarkup__",
+  handle(context, selections, getText) {
+    const tool = context.getTool();
+    if (!tool) return;
+    for (const selection of selections) {
+      const id = uuidV4();
+      getText().then((text) => {
+        var _a;
+        context.createAnnotation(selection.pageIndex, {
+          ...tool.defaults,
+          rect: selection.rect,
+          segmentRects: selection.segmentRects,
+          pageIndex: selection.pageIndex,
+          created: /* @__PURE__ */ new Date(),
+          id,
+          ...text != null && { custom: { text } }
+        });
+        if ((_a = tool.behavior) == null ? void 0 : _a.selectAfterCreate) {
+          context.selectAnnotation(selection.pageIndex, id);
         }
-      }
-      if (ctx.changes.rotation !== void 0) {
-        patch = { ...patch, ...basePropertyRotationChanges(orig, ctx.changes.rotation) };
-      }
-      return patch;
+      });
     }
-    default:
-      return ctx.changes;
   }
 };
-const patchFreeText = (orig, ctx) => {
-  switch (ctx.type) {
-    case "move":
-      if (!ctx.changes.rect) return ctx.changes;
-      return baseMoveChanges(orig, ctx.changes.rect).rects;
-    case "resize":
-      if (!ctx.changes.rect) return ctx.changes;
-      return baseResizeScaling(orig, ctx.changes.rect, ctx.metadata).rects;
-    case "rotate":
-      return baseRotateChanges(orig, ctx) ?? ctx.changes;
-    case "property-update":
-      if (ctx.changes.rotation !== void 0) {
-        return { ...ctx.changes, ...basePropertyRotationChanges(orig, ctx.changes.rotation) };
-      }
-      return ctx.changes;
-    default:
-      return ctx.changes;
+function computeCaretRect(lastSegRect) {
+  const lineHeight = lastSegRect.size.height;
+  const height = lineHeight / 2;
+  const width = height;
+  const lineEndX = lastSegRect.origin.x + lastSegRect.size.width;
+  return {
+    origin: {
+      x: lineEndX - width / 2,
+      y: lastSegRect.origin.y + lineHeight / 2
+    },
+    size: { width, height }
+  };
+}
+const insertTextSelectionHandler = {
+  toolId: "insertText",
+  handle(context, selections, getText) {
+    const tool = context.getTool();
+    if (!tool) return;
+    const getDefaults = () => ({
+      strokeColor: tool.defaults.strokeColor ?? "#E44234",
+      opacity: tool.defaults.opacity ?? 1,
+      flags: tool.defaults.flags ?? ["print"]
+    });
+    for (const selection of selections) {
+      const lastSegRect = selection.segmentRects[selection.segmentRects.length - 1];
+      if (!lastSegRect) continue;
+      const caretRect = computeCaretRect(lastSegRect);
+      const caretId = uuidV4();
+      const defaults = getDefaults();
+      getText().then((text) => {
+        var _a;
+        context.createAnnotation(selection.pageIndex, {
+          type: PdfAnnotationSubtype.CARET,
+          id: caretId,
+          pageIndex: selection.pageIndex,
+          rect: caretRect,
+          strokeColor: defaults.strokeColor,
+          opacity: defaults.opacity,
+          intent: "Insert",
+          rectangleDifferences: { left: 0.5, top: 0.5, right: 0.5, bottom: 0.5 },
+          created: /* @__PURE__ */ new Date(),
+          flags: defaults.flags,
+          ...text != null && { custom: { text } }
+        });
+        if ((_a = tool.behavior) == null ? void 0 : _a.selectAfterCreate) {
+          context.selectAnnotation(selection.pageIndex, caretId);
+        }
+      });
+    }
   }
 };
-const patchStamp = (orig, ctx) => {
-  switch (ctx.type) {
-    case "move":
-      if (!ctx.changes.rect) return ctx.changes;
-      return baseMoveChanges(orig, ctx.changes.rect).rects;
-    case "resize":
-      if (!ctx.changes.rect) return ctx.changes;
-      return baseResizeScaling(orig, ctx.changes.rect, ctx.metadata).rects;
-    case "rotate":
-      return baseRotateChanges(orig, ctx) ?? ctx.changes;
-    case "property-update":
-      if (ctx.changes.rotation !== void 0) {
-        return { ...ctx.changes, ...basePropertyRotationChanges(orig, ctx.changes.rotation) };
-      }
-      return ctx.changes;
-    default:
-      return ctx.changes;
+const replaceTextSelectionHandler = {
+  toolId: "replaceText",
+  handle(context, selections, getText) {
+    const tool = context.getTool();
+    if (!tool) return;
+    const getDefaults = () => ({
+      strokeColor: tool.defaults.strokeColor ?? "#E44234",
+      opacity: tool.defaults.opacity ?? 1,
+      flags: tool.defaults.flags ?? ["print"]
+    });
+    for (const selection of selections) {
+      const lastSegRect = selection.segmentRects[selection.segmentRects.length - 1];
+      if (!lastSegRect) continue;
+      const caretRect = computeCaretRect(lastSegRect);
+      const caretId = uuidV4();
+      const strikeoutId = uuidV4();
+      const defaults = getDefaults();
+      getText().then((text) => {
+        var _a;
+        context.createAnnotation(selection.pageIndex, {
+          type: PdfAnnotationSubtype.CARET,
+          id: caretId,
+          pageIndex: selection.pageIndex,
+          rect: caretRect,
+          strokeColor: defaults.strokeColor,
+          opacity: defaults.opacity,
+          intent: "Replace",
+          rectangleDifferences: { left: 0.5, top: 0.5, right: 0.5, bottom: 0.5 },
+          created: /* @__PURE__ */ new Date(),
+          flags: defaults.flags
+        });
+        context.createAnnotation(selection.pageIndex, {
+          type: PdfAnnotationSubtype.STRIKEOUT,
+          id: strikeoutId,
+          pageIndex: selection.pageIndex,
+          rect: selection.rect,
+          segmentRects: selection.segmentRects,
+          strokeColor: defaults.strokeColor,
+          opacity: defaults.opacity,
+          intent: "StrikeOutTextEdit",
+          inReplyToId: caretId,
+          replyType: PdfAnnotationReplyType.Group,
+          created: /* @__PURE__ */ new Date(),
+          flags: defaults.flags,
+          ...text != null && { custom: { text } }
+        });
+        if ((_a = tool.behavior) == null ? void 0 : _a.selectAfterCreate) {
+          context.selectAnnotation(selection.pageIndex, caretId);
+        }
+      });
+    }
   }
 };
 const textMarkupTools = [
@@ -3657,7 +4074,7 @@ const freeTextTools = [
     name: "Free Text",
     labelKey: "annotation.freeText",
     categories: ["annotation", "markup"],
-    matchScore: (a) => a.type === PdfAnnotationSubtype.FREETEXT ? 1 : 0,
+    matchScore: (a) => a.type === PdfAnnotationSubtype.FREETEXT && a.intent !== "FreeTextCallout" ? 1 : 0,
     interaction: {
       exclusive: false,
       cursor: "crosshair",
@@ -3697,6 +4114,44 @@ const freeTextTools = [
     pointerHandler: freeTextHandlerFactory
   }
 ];
+const calloutFreeTextTools = [
+  {
+    id: "freeTextCallout",
+    name: "Callout",
+    labelKey: "annotation.callout",
+    categories: ["annotation", "markup"],
+    matchScore: (a) => a.type === PdfAnnotationSubtype.FREETEXT && a.intent === "FreeTextCallout" ? 10 : 0,
+    interaction: {
+      exclusive: false,
+      cursor: "crosshair",
+      isDraggable: true,
+      isResizable: false,
+      isRotatable: false
+    },
+    defaults: {
+      type: PdfAnnotationSubtype.FREETEXT,
+      intent: "FreeTextCallout",
+      contents: "Insert text",
+      fontSize: 14,
+      fontColor: "#E44234",
+      fontFamily: PdfStandardFont.Helvetica,
+      textAlign: PdfTextAlignment.Left,
+      verticalAlign: PdfVerticalAlignment.Top,
+      color: "transparent",
+      opacity: 1,
+      lineEnding: PdfAnnotationLineEnding.OpenArrow,
+      strokeColor: "#E44234",
+      strokeWidth: 1
+    },
+    behavior: {
+      insertUpright: true,
+      editAfterCreate: true,
+      selectAfterCreate: true
+    },
+    transform: patchCalloutFreeText,
+    pointerHandler: calloutFreeTextHandlerFactory
+  }
+];
 const stampTools = [
   {
     id: "stamp",
@@ -3763,6 +4218,7 @@ const defaultTools = [
   ...polygonTools,
   ...textCommentTools,
   ...freeTextTools,
+  ...calloutFreeTextTools,
   ...stampTools,
   ...linkTools
 ];