Function createAnnotationDraft

plugins/_browser/webui/browser-store.js:2132–2176

(payload, fallbackRect)

  },

  async createAnnotationDraft(payload, fallbackRect) {
    const contextId = this.normalizeContextId(this.activeBrowserContextId || this.contextId);
    if (!this.activeBrowserId || !contextId) return;
    const sequence = this._annotationSequence + 1;
    const browserId = this.activeBrowserId;
    const url = this.activeAnnotationUrl();
    const title = this.activeTitle;
    this._annotationSequence = sequence;
    this.annotationBusy = true;
    this.annotationError = "";
    try {
      const response = await websocket.request(
        "browser_viewer_annotation",
        {
          context_id: contextId,
          browser_id: browserId,
          viewer_id: this._viewerToken,
          payload,
        },
        { timeoutMs: 10000 },
      );
      if (sequence !== this._annotationSequence) return;
      const data = firstOk(response);
      const metadata = data.annotation || {};
      this.annotationDraft = {
        id: makeViewerToken(),
        browserId,
        contextId,
        url,
        title,
        kind: metadata.kind || payload.kind,
        rect: this.annotationRectFromMetadata(metadata, fallbackRect),
        metadata,
        createdAt: Date.now(),
      };
      this.annotationDraftText = "";
    } catch (error) {
      this.annotationError = error instanceof Error ? error.message : String(error);
      this.error = this.annotationError;
    } finally {
      if (sequence === this._annotationSequence) {
        this.annotationBusy = false;
      }
    }
  },

  annotationRectFromMetadata(metadata = {}, fallbackRect = {}) {
    const targetRect = metadata?.target?.rect || metadata?.rect || null;