opendevbrowser 0.0.17 → 0.0.18

package/extension/dist/annotation-payload.js

@@ -122,35 +122,71 @@ export function formatDispatchSourceLabel(source) {
             return "annotation payload";
     }
 }
+export function formatAnnotationDispatchReceipt(receipt) {
+    if (!receipt) {
+        return "Stored only; fetch with annotate --stored";
+    }
+    if (receipt.deliveryState === "delivered" || receipt.deliveryState === "consumed") {
+        return "Delivered to agent";
+    }
+    return "Stored only; fetch with annotate --stored";
+}
 export function buildCanvasAnnotationPayload(options) {
     const nodesById = new Map(options.page.nodes.map((node) => [node.id, node]));
     const annotations = options.drafts.flatMap((draft) => {
+        if (draft.kind === "region") {
+            const annotation = {
+                id: draft.regionId,
+                selector: `[data-canvas-region="${draft.regionId}"]`,
+                tag: "canvas-region",
+                idAttr: draft.regionId,
+                classes: ["canvas-region"],
+                text: readString(draft.label) ?? undefined,
+                rect: {
+                    x: draft.rect.x,
+                    y: draft.rect.y,
+                    width: draft.rect.width,
+                    height: draft.rect.height
+                },
+                attributes: {
+                    "data-canvas-region": draft.regionId,
+                    "data-canvas-kind": "region"
+                },
+                a11y: {},
+                styles: {
+                    position: "absolute"
+                },
+                note: readString(draft.note) ?? undefined
+            };
+            return [annotation];
+        }
         const node = nodesById.get(draft.nodeId);
         if (!node) {
             return [];
         }
         const tag = resolveCanvasTag(node);
-        return [{
-                id: node.id,
-                selector: `[data-node-id="${node.id}"]`,
-                tag,
-                idAttr: node.id,
-                classes: [`canvas-node`, `canvas-${node.kind}`],
-                text: readCanvasNodeText(node),
-                rect: {
-                    x: node.rect.x,
-                    y: node.rect.y,
-                    width: node.rect.width,
-                    height: node.rect.height
-                },
-                attributes: buildCanvasAttributes(node),
-                a11y: {
-                    role: readString(isRecord(node.metadata.accessibility) ? node.metadata.accessibility.role : null) ?? undefined,
-                    label: readString(isRecord(node.metadata.accessibility) ? node.metadata.accessibility.label : null) ?? undefined
-                },
-                styles: buildCanvasStyles(node),
-                note: readString(draft.note) ?? undefined
-            }];
+        const annotation = {
+            id: node.id,
+            selector: `[data-node-id="${node.id}"]`,
+            tag,
+            idAttr: node.id,
+            classes: [`canvas-node`, `canvas-${node.kind}`],
+            text: readCanvasNodeText(node),
+            rect: {
+                x: node.rect.x,
+                y: node.rect.y,
+                width: node.rect.width,
+                height: node.rect.height
+            },
+            attributes: buildCanvasAttributes(node),
+            a11y: {
+                role: readString(isRecord(node.metadata.accessibility) ? node.metadata.accessibility.role : null) ?? undefined,
+                label: readString(isRecord(node.metadata.accessibility) ? node.metadata.accessibility.label : null) ?? undefined
+            },
+            styles: buildCanvasStyles(node),
+            note: readString(draft.note) ?? undefined
+        };
+        return [annotation];
     });
     return {
         url: formatCanvasUrl(options.document.documentId, options.page),