@ng-annotate/angular 0.1.1

package/dist/fesm2022/ng-annotate-angular.mjs

@@ -0,0 +1,702 @@
+import * as i0 from '@angular/core';
+import { Injectable, inject, NgZone, ChangeDetectorRef, HostListener, ViewChild, ChangeDetectionStrategy, Component, isDevMode, provideAppInitializer, ApplicationRef, EnvironmentInjector, createComponent, NgModule, makeEnvironmentProviders } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { JsonPipe } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+const DOM_SNAPSHOT_MAX = 5000;
+class InspectorService {
+    getComponentContext(element) {
+        const component = this.findNearestComponent(element);
+        if (!component)
+            return null;
+        const componentName = component.constructor.name;
+        const { component: componentFilePath, template: templateFilePath } = this.resolveFilePaths(componentName);
+        const selector = this.getSelector(component);
+        const inputs = this.getInputs(component);
+        const domSnapshot = this.snapshot(element);
+        const componentTreePath = this.buildTreePath(element);
+        return {
+            componentName,
+            componentFilePath,
+            ...(templateFilePath ? { templateFilePath } : {}),
+            selector,
+            inputs,
+            domSnapshot,
+            componentTreePath,
+        };
+    }
+    findNearestComponent(element) {
+        let current = element;
+        while (current) {
+            try {
+                const comp = ng.getComponent(current);
+                if (comp)
+                    return comp;
+            }
+            catch {
+                // ignore
+            }
+            current = current.parentElement;
+        }
+        return null;
+    }
+    getSelector(component) {
+        try {
+            const cmp = component.constructor.ɵcmp;
+            if (!cmp?.selectors?.length)
+                return 'unknown-selector';
+            const first = cmp.selectors[0];
+            if (!first.length)
+                return 'unknown-selector';
+            // Element selector: [['app-foo']]
+            // Attribute selector: [['', 'appFoo', '']]
+            if (first[0] === '') {
+                // Attribute selector — find non-empty entries
+                const attrParts = [];
+                for (let i = 1; i < first.length; i += 2) {
+                    if (typeof first[i] === 'string' && first[i]) {
+                        attrParts.push(`[${String(first[i])}]`);
+                    }
+                }
+                return attrParts.join('') || 'unknown-selector';
+            }
+            return String(first[0]);
+        }
+        catch {
+            return 'unknown-selector';
+        }
+    }
+    getInputs(component) {
+        try {
+            const cmp = component.constructor.ɵcmp;
+            if (!cmp?.inputs)
+                return {};
+            const result = {};
+            for (const [propName] of Object.entries(cmp.inputs)) {
+                if (typeof propName === 'symbol')
+                    continue;
+                if (propName.startsWith('ɵ'))
+                    continue;
+                result[propName] = component[propName];
+            }
+            return result;
+        }
+        catch {
+            return {};
+        }
+    }
+    buildTreePath(element) {
+        const path = [];
+        let current = element.parentElement;
+        while (current) {
+            try {
+                const comp = ng.getComponent(current);
+                if (comp) {
+                    path.unshift(comp.constructor.name);
+                }
+            }
+            catch {
+                // ignore
+            }
+            current = current.parentElement;
+        }
+        return path;
+    }
+    snapshot(element) {
+        const html = element.outerHTML;
+        if (html.length <= DOM_SNAPSHOT_MAX)
+            return html;
+        return html.slice(0, DOM_SNAPSHOT_MAX) + '<!-- truncated -->';
+    }
+    resolveFilePaths(componentName) {
+        try {
+            const manifest = window
+                .__NG_ANNOTATE_MANIFEST__;
+            const entry = manifest?.[componentName];
+            if (entry)
+                return entry;
+        }
+        catch {
+            // ignore
+        }
+        return { component: `(unresolved: ${componentName})` };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InspectorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InspectorService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: InspectorService, decorators: [{
+            type: Injectable
+        }] });
+
+class BridgeService {
+    session$ = new BehaviorSubject(null);
+    annotations$ = new BehaviorSubject([]);
+    connected$ = new BehaviorSubject(false);
+    zone = inject(NgZone);
+    ws = null;
+    reconnectTimer = null;
+    init() {
+        this.connect();
+    }
+    connect() {
+        const wsUrl = `ws://${location.host}/__annotate`;
+        this.ws = new WebSocket(wsUrl);
+        this.ws.onopen = () => {
+            this.zone.run(() => {
+                this.connected$.next(true);
+            });
+        };
+        this.ws.onmessage = (event) => {
+            this.zone.run(() => {
+                try {
+                    const data = JSON.parse(event.data);
+                    if (data.type === 'session:created') {
+                        this.session$.next(data.session);
+                    }
+                    else if (data.type === 'annotations:sync') {
+                        this.annotations$.next(data.annotations);
+                    }
+                    else if (data.type === 'annotation:created') {
+                        const annotation = data.annotation;
+                        const current = this.annotations$.getValue();
+                        this.annotations$.next([...current, annotation]);
+                    }
+                }
+                catch {
+                    // ignore malformed messages
+                }
+            });
+        };
+        this.ws.onclose = () => {
+            this.zone.run(() => {
+                this.connected$.next(false);
+                this.reconnectTimer = setTimeout(() => { this.connect(); }, 3000);
+            });
+        };
+        this.ws.onerror = (event) => {
+            console.warn('[ng-annotate] WebSocket error', event);
+        };
+    }
+    createAnnotation(payload) {
+        this.send({ type: 'annotation:create', payload });
+    }
+    replyToAnnotation(id, message) {
+        this.send({ type: 'annotation:reply', id, message });
+    }
+    deleteAnnotation(id) {
+        this.send({ type: 'annotation:delete', id });
+    }
+    send(msg) {
+        if (this.ws?.readyState === WebSocket.OPEN) {
+            this.ws.send(JSON.stringify(msg));
+        }
+    }
+    ngOnDestroy() {
+        if (this.reconnectTimer !== null) {
+            clearTimeout(this.reconnectTimer);
+            this.reconnectTimer = null;
+        }
+        this.ws?.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BridgeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BridgeService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BridgeService, decorators: [{
+            type: Injectable
+        }] });
+
+class OverlayComponent {
+    textArea;
+    mode = 'hidden';
+    hoveredContext = null;
+    highlightRect = null;
+    selectedContext = null;
+    annotationText = '';
+    selectionText = '';
+    threadAnnotation = null;
+    replyText = '';
+    badges = [];
+    inspector = inject(InspectorService);
+    bridge = inject(BridgeService);
+    cdr = inject(ChangeDetectorRef);
+    ngOnInit() {
+        this.bridge.annotations$.subscribe((annotations) => {
+            this.updateBadges(annotations);
+            this.cdr.markForCheck();
+        });
+    }
+    toggleInspect(event) {
+        event?.preventDefault();
+        if (this.mode === 'hidden')
+            this.mode = 'inspect';
+        else if (this.mode === 'inspect')
+            this.mode = 'hidden';
+        else if (this.mode === 'annotate')
+            this.mode = 'inspect';
+        this.cdr.markForCheck();
+    }
+    onEscape() {
+        if (this.mode === 'annotate')
+            this.mode = 'inspect';
+        else if (this.mode === 'inspect')
+            this.mode = 'hidden';
+        else if (this.mode === 'thread')
+            this.mode = 'hidden';
+        this.cdr.markForCheck();
+    }
+    onScrollOrResize() {
+        if (this.badges.length > 0) {
+            this.refreshBadgePositions();
+            this.cdr.markForCheck();
+        }
+    }
+    onMouseMove(event) {
+        if (this.mode !== 'inspect')
+            return;
+        const target = event.target;
+        if (target.closest('nga-overlay'))
+            return;
+        const context = this.inspector.getComponentContext(target);
+        this.hoveredContext = context;
+        if (context) {
+            const rect = target.getBoundingClientRect();
+            this.highlightRect = {
+                top: `${rect.top.toString()}px`,
+                left: `${rect.left.toString()}px`,
+                width: `${rect.width.toString()}px`,
+                height: `${rect.height.toString()}px`,
+            };
+        }
+        else {
+            this.highlightRect = null;
+        }
+        this.cdr.markForCheck();
+    }
+    onClick(event) {
+        if (this.mode !== 'inspect')
+            return;
+        const target = event.target;
+        if (target.closest('nga-overlay'))
+            return;
+        const context = this.inspector.getComponentContext(target);
+        if (!context)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.selectedContext = context;
+        this.annotationText = '';
+        this.selectionText = window.getSelection()?.toString() ?? '';
+        this.mode = 'annotate';
+        this.cdr.markForCheck();
+        setTimeout(() => { this.textArea?.nativeElement.focus(); }, 0);
+    }
+    submit() {
+        if (!this.selectedContext || !this.annotationText.trim())
+            return;
+        this.bridge.createAnnotation({
+            ...this.selectedContext,
+            annotationText: this.annotationText.trim(),
+            selectionText: this.selectionText || undefined,
+        });
+        this.selectedContext = null;
+        this.annotationText = '';
+        this.mode = 'inspect';
+        this.cdr.markForCheck();
+    }
+    cancel() {
+        this.mode = 'inspect';
+        this.cdr.markForCheck();
+    }
+    openThread(annotation) {
+        this.threadAnnotation = annotation;
+        this.mode = 'thread';
+        this.cdr.markForCheck();
+    }
+    closeThread() {
+        this.threadAnnotation = null;
+        this.mode = 'hidden';
+        this.cdr.markForCheck();
+    }
+    sendReply() {
+        if (!this.threadAnnotation || !this.replyText.trim())
+            return;
+        this.bridge.replyToAnnotation(this.threadAnnotation.id, this.replyText.trim());
+        this.replyText = '';
+        this.cdr.markForCheck();
+    }
+    inputEntries() {
+        if (!this.selectedContext)
+            return [];
+        return Object.entries(this.selectedContext.inputs)
+            .slice(0, 5)
+            .map(([key, value]) => ({ key, value }));
+    }
+    updateBadges(annotations) {
+        this.badges = annotations
+            .map((annotation) => {
+            const el = this.findComponentElement(annotation.componentName, annotation.selector);
+            if (!el)
+                return null;
+            const rect = el.getBoundingClientRect();
+            return {
+                annotation,
+                top: `${rect.top.toString()}px`,
+                left: `${(rect.left + rect.width - 12).toString()}px`,
+                icon: this.badgeIcon(annotation.status),
+                label: `${annotation.componentName}: ${annotation.annotationText.slice(0, 40)}`,
+            };
+        })
+            .filter((b) => b !== null);
+    }
+    refreshBadgePositions() {
+        this.badges = this.badges.map((badge) => {
+            const el = this.findComponentElement(badge.annotation.componentName, badge.annotation.selector);
+            if (!el)
+                return badge;
+            const rect = el.getBoundingClientRect();
+            return {
+                ...badge,
+                top: `${rect.top.toString()}px`,
+                left: `${(rect.left + rect.width - 12).toString()}px`,
+            };
+        });
+    }
+    findComponentElement(componentName, selector) {
+        const bySelector = document.querySelector(selector);
+        if (bySelector)
+            return bySelector;
+        const all = document.querySelectorAll('*');
+        for (const el of Array.from(all)) {
+            try {
+                const comp = window
+                    .ng;
+                if (comp?.getComponent(el)?.constructor.name === componentName)
+                    return el;
+            }
+            catch {
+                // ignore
+            }
+        }
+        return null;
+    }
+    badgeIcon(status) {
+        const icons = {
+            pending: '●',
+            acknowledged: '◐',
+            resolved: '✓',
+            dismissed: '✕',
+        };
+        return icons[status];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: OverlayComponent, isStandalone: true, selector: "nga-overlay", host: { listeners: { "document:keydown.alt.shift.a": "toggleInspect($event)", "document:keydown.escape": "onEscape()", "window:scroll": "onScrollOrResize()", "window:resize": "onScrollOrResize()", "document:mousemove": "onMouseMove($event)", "document:click": "onClick($event)" } }, viewQueries: [{ propertyName: "textArea", first: true, predicate: ["textArea"], descendants: true }], ngImport: i0, template: `
+    <!-- Keyboard hint -->
+    @if (mode === 'hidden') {
+      <div class="nga-keyboard-hint">
+        <kbd>Alt+Shift+A</kbd> to annotate
+      </div>
+    }
+    @if (mode === 'inspect') {
+      <div class="nga-keyboard-hint">
+        Click a component &nbsp; <kbd>Esc</kbd> to cancel
+      </div>
+    }
+
+    <!-- Inspect highlight rect -->
+    @if (mode === 'inspect' && hoveredContext !== null && highlightRect !== null) {
+      <div
+        class="nga-highlight-rect"
+        [style.top]="highlightRect.top"
+        [style.left]="highlightRect.left"
+        [style.width]="highlightRect.width"
+        [style.height]="highlightRect.height"
+      >
+        <span class="nga-component-label">{{ hoveredContext.componentName }}</span>
+      </div>
+    }
+
+    <!-- Annotate panel -->
+    @if (mode === 'annotate' && selectedContext !== null) {
+      <div class="nga-annotate-panel">
+        <h3 class="nga-panel-title">{{ selectedContext.componentName }}</h3>
+
+        @if (inputEntries().length > 0) {
+          <div class="nga-inputs">
+            @for (entry of inputEntries(); track entry.key) {
+              <div class="nga-input-row">
+                <span class="nga-input-key">{{ entry.key }}:</span>
+                <span class="nga-input-val">{{ entry.value | json }}</span>
+              </div>
+            }
+          </div>
+        }
+
+        @if (selectionText) {
+          <div class="nga-selection">
+            <em>"{{ selectionText }}"</em>
+          </div>
+        }
+
+        <textarea
+          #textArea
+          class="nga-textarea"
+          [(ngModel)]="annotationText"
+          placeholder="Describe the change..."
+          rows="4"
+        ></textarea>
+
+        <div class="nga-actions">
+          <button class="nga-btn nga-btn-submit" (click)="submit()" [disabled]="annotationText.trim() === ''">
+            Submit
+          </button>
+          <button class="nga-btn nga-btn-cancel" (click)="cancel()">Cancel</button>
+        </div>
+      </div>
+    }
+
+    <!-- Thread panel -->
+    @if (mode === 'thread' && threadAnnotation !== null) {
+      <div class="nga-thread-panel">
+        <h3 class="nga-panel-title">{{ threadAnnotation.componentName }}</h3>
+
+        <div class="nga-replies">
+          @for (reply of threadAnnotation.replies; track reply.message) {
+            <div class="nga-reply">
+              <span class="nga-reply-author nga-reply-author--{{ reply.author }}">{{ reply.author }}</span>
+              <span class="nga-reply-text">{{ reply.message }}</span>
+            </div>
+          }
+        </div>
+
+        <input
+          class="nga-reply-input"
+          type="text"
+          [(ngModel)]="replyText"
+          placeholder="Reply..."
+          (keydown.enter)="sendReply()"
+        />
+
+        <div class="nga-actions">
+          <button class="nga-btn nga-btn-submit" (click)="sendReply()" [disabled]="replyText.trim() === ''">
+            Send
+          </button>
+          <button class="nga-btn nga-btn-cancel" (click)="closeThread()">Close</button>
+        </div>
+      </div>
+    }
+
+    <!-- Annotation badges -->
+    @for (badge of badges; track badge.annotation.id) {
+      <div
+        class="nga-badge nga-badge--{{ badge.annotation.status }}"
+        [style.top]="badge.top"
+        [style.left]="badge.left"
+        (click)="openThread(badge.annotation)"
+        [title]="badge.label"
+      >
+        {{ badge.icon }}
+      </div>
+    }
+  `, isInline: true, styles: [":host{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.nga-highlight-rect{position:fixed;border:2px solid #3b82f6;background:#3b82f61a;pointer-events:none;transition:top .05s,left .05s,width .05s,height .05s}.nga-component-label{position:absolute;top:-22px;left:0;background:#1e293b;color:#f8fafc;font-family:monospace;font-size:11px;padding:2px 6px;border-radius:3px;white-space:nowrap}.nga-annotate-panel,.nga-thread-panel{pointer-events:all;position:fixed;right:16px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 24px #00000026;padding:16px;min-width:320px;max-width:400px}.nga-panel-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#1e293b;font-family:monospace}.nga-inputs{margin-bottom:10px}.nga-input-row{display:flex;gap:8px;font-size:12px;font-family:monospace;margin-bottom:4px}.nga-input-key{color:#64748b;min-width:80px}.nga-input-val{color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nga-selection{font-size:12px;color:#475569;margin-bottom:8px;font-style:italic}.nga-textarea,.nga-reply-input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:4px;padding:8px;font-size:13px;font-family:inherit;resize:vertical;margin-bottom:10px}.nga-textarea:focus,.nga-reply-input:focus{outline:none;border-color:#3b82f6}.nga-actions{display:flex;gap:8px}.nga-btn{padding:6px 14px;border-radius:4px;font-size:13px;cursor:pointer;border:none;transition:opacity .15s}.nga-btn:disabled{opacity:.4;cursor:not-allowed}.nga-btn-submit{background:#3b82f6;color:#fff}.nga-btn-cancel{background:#f1f5f9;color:#475569}.nga-replies{max-height:200px;overflow-y:auto;margin-bottom:10px}.nga-reply{display:flex;gap:8px;margin-bottom:8px;font-size:13px}.nga-reply-author{font-weight:600;min-width:48px}.nga-reply-author--agent{color:#7c3aed}.nga-reply-author--user{color:#2563eb}.nga-badge{pointer-events:all;position:fixed;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transform:translate(-50%,-50%)}.nga-badge--pending{background:#3b82f6;color:#fff}.nga-badge--acknowledged{background:#f59e0b;color:#fff}.nga-badge--resolved{background:#22c55e;color:#fff}.nga-badge--dismissed{background:#94a3b8;color:#fff}.nga-keyboard-hint{pointer-events:none;position:fixed;bottom:16px;right:16px;background:#0f172ab3;color:#f8fafc;font-size:12px;padding:6px 10px;border-radius:6px}.nga-keyboard-hint kbd{background:#ffffff26;border-radius:3px;padding:1px 5px;font-family:monospace}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: OverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nga-overlay', changeDetection: ChangeDetectionStrategy.OnPush, imports: [JsonPipe, FormsModule], template: `
+    <!-- Keyboard hint -->
+    @if (mode === 'hidden') {
+      <div class="nga-keyboard-hint">
+        <kbd>Alt+Shift+A</kbd> to annotate
+      </div>
+    }
+    @if (mode === 'inspect') {
+      <div class="nga-keyboard-hint">
+        Click a component &nbsp; <kbd>Esc</kbd> to cancel
+      </div>
+    }
+
+    <!-- Inspect highlight rect -->
+    @if (mode === 'inspect' && hoveredContext !== null && highlightRect !== null) {
+      <div
+        class="nga-highlight-rect"
+        [style.top]="highlightRect.top"
+        [style.left]="highlightRect.left"
+        [style.width]="highlightRect.width"
+        [style.height]="highlightRect.height"
+      >
+        <span class="nga-component-label">{{ hoveredContext.componentName }}</span>
+      </div>
+    }
+
+    <!-- Annotate panel -->
+    @if (mode === 'annotate' && selectedContext !== null) {
+      <div class="nga-annotate-panel">
+        <h3 class="nga-panel-title">{{ selectedContext.componentName }}</h3>
+
+        @if (inputEntries().length > 0) {
+          <div class="nga-inputs">
+            @for (entry of inputEntries(); track entry.key) {
+              <div class="nga-input-row">
+                <span class="nga-input-key">{{ entry.key }}:</span>
+                <span class="nga-input-val">{{ entry.value | json }}</span>
+              </div>
+            }
+          </div>
+        }
+
+        @if (selectionText) {
+          <div class="nga-selection">
+            <em>"{{ selectionText }}"</em>
+          </div>
+        }
+
+        <textarea
+          #textArea
+          class="nga-textarea"
+          [(ngModel)]="annotationText"
+          placeholder="Describe the change..."
+          rows="4"
+        ></textarea>
+
+        <div class="nga-actions">
+          <button class="nga-btn nga-btn-submit" (click)="submit()" [disabled]="annotationText.trim() === ''">
+            Submit
+          </button>
+          <button class="nga-btn nga-btn-cancel" (click)="cancel()">Cancel</button>
+        </div>
+      </div>
+    }
+
+    <!-- Thread panel -->
+    @if (mode === 'thread' && threadAnnotation !== null) {
+      <div class="nga-thread-panel">
+        <h3 class="nga-panel-title">{{ threadAnnotation.componentName }}</h3>
+
+        <div class="nga-replies">
+          @for (reply of threadAnnotation.replies; track reply.message) {
+            <div class="nga-reply">
+              <span class="nga-reply-author nga-reply-author--{{ reply.author }}">{{ reply.author }}</span>
+              <span class="nga-reply-text">{{ reply.message }}</span>
+            </div>
+          }
+        </div>
+
+        <input
+          class="nga-reply-input"
+          type="text"
+          [(ngModel)]="replyText"
+          placeholder="Reply..."
+          (keydown.enter)="sendReply()"
+        />
+
+        <div class="nga-actions">
+          <button class="nga-btn nga-btn-submit" (click)="sendReply()" [disabled]="replyText.trim() === ''">
+            Send
+          </button>
+          <button class="nga-btn nga-btn-cancel" (click)="closeThread()">Close</button>
+        </div>
+      </div>
+    }
+
+    <!-- Annotation badges -->
+    @for (badge of badges; track badge.annotation.id) {
+      <div
+        class="nga-badge nga-badge--{{ badge.annotation.status }}"
+        [style.top]="badge.top"
+        [style.left]="badge.left"
+        (click)="openThread(badge.annotation)"
+        [title]="badge.label"
+      >
+        {{ badge.icon }}
+      </div>
+    }
+  `, styles: [":host{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.nga-highlight-rect{position:fixed;border:2px solid #3b82f6;background:#3b82f61a;pointer-events:none;transition:top .05s,left .05s,width .05s,height .05s}.nga-component-label{position:absolute;top:-22px;left:0;background:#1e293b;color:#f8fafc;font-family:monospace;font-size:11px;padding:2px 6px;border-radius:3px;white-space:nowrap}.nga-annotate-panel,.nga-thread-panel{pointer-events:all;position:fixed;right:16px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 24px #00000026;padding:16px;min-width:320px;max-width:400px}.nga-panel-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#1e293b;font-family:monospace}.nga-inputs{margin-bottom:10px}.nga-input-row{display:flex;gap:8px;font-size:12px;font-family:monospace;margin-bottom:4px}.nga-input-key{color:#64748b;min-width:80px}.nga-input-val{color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nga-selection{font-size:12px;color:#475569;margin-bottom:8px;font-style:italic}.nga-textarea,.nga-reply-input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:4px;padding:8px;font-size:13px;font-family:inherit;resize:vertical;margin-bottom:10px}.nga-textarea:focus,.nga-reply-input:focus{outline:none;border-color:#3b82f6}.nga-actions{display:flex;gap:8px}.nga-btn{padding:6px 14px;border-radius:4px;font-size:13px;cursor:pointer;border:none;transition:opacity .15s}.nga-btn:disabled{opacity:.4;cursor:not-allowed}.nga-btn-submit{background:#3b82f6;color:#fff}.nga-btn-cancel{background:#f1f5f9;color:#475569}.nga-replies{max-height:200px;overflow-y:auto;margin-bottom:10px}.nga-reply{display:flex;gap:8px;margin-bottom:8px;font-size:13px}.nga-reply-author{font-weight:600;min-width:48px}.nga-reply-author--agent{color:#7c3aed}.nga-reply-author--user{color:#2563eb}.nga-badge{pointer-events:all;position:fixed;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transform:translate(-50%,-50%)}.nga-badge--pending{background:#3b82f6;color:#fff}.nga-badge--acknowledged{background:#f59e0b;color:#fff}.nga-badge--resolved{background:#22c55e;color:#fff}.nga-badge--dismissed{background:#94a3b8;color:#fff}.nga-keyboard-hint{pointer-events:none;position:fixed;bottom:16px;right:16px;background:#0f172ab3;color:#f8fafc;font-size:12px;padding:6px 10px;border-radius:6px}.nga-keyboard-hint kbd{background:#ffffff26;border-radius:3px;padding:1px 5px;font-family:monospace}\n"] }]
+        }], propDecorators: { textArea: [{
+                type: ViewChild,
+                args: ['textArea']
+            }], toggleInspect: [{
+                type: HostListener,
+                args: ['document:keydown.alt.shift.a', ['$event']]
+            }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }], onScrollOrResize: [{
+                type: HostListener,
+                args: ['window:scroll']
+            }, {
+                type: HostListener,
+                args: ['window:resize']
+            }], onMouseMove: [{
+                type: HostListener,
+                args: ['document:mousemove', ['$event']]
+            }], onClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class -- required by NgModule pattern
+class NgAnnotateModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgAnnotateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NgAnnotateModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgAnnotateModule, providers: isDevMode()
+            ? [
+                InspectorService,
+                BridgeService,
+                provideAppInitializer(() => {
+                    const bridge = inject(BridgeService);
+                    const appRef = inject(ApplicationRef);
+                    const envInjector = inject(EnvironmentInjector);
+                    bridge.init();
+                    const overlayRef = createComponent(OverlayComponent, { environmentInjector: envInjector });
+                    appRef.attachView(overlayRef.hostView);
+                    document.body.appendChild(overlayRef.location.nativeElement);
+                }),
+            ]
+            : [] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgAnnotateModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: isDevMode()
+                        ? [
+                            InspectorService,
+                            BridgeService,
+                            provideAppInitializer(() => {
+                                const bridge = inject(BridgeService);
+                                const appRef = inject(ApplicationRef);
+                                const envInjector = inject(EnvironmentInjector);
+                                bridge.init();
+                                const overlayRef = createComponent(OverlayComponent, { environmentInjector: envInjector });
+                                appRef.attachView(overlayRef.hostView);
+                                document.body.appendChild(overlayRef.location.nativeElement);
+                            }),
+                        ]
+                        : [],
+                }]
+        }] });
+
+function provideNgAnnotate() {
+    return makeEnvironmentProviders([
+        InspectorService,
+        BridgeService,
+        provideAppInitializer(() => {
+            if (!isDevMode())
+                return;
+            const bridge = inject(BridgeService);
+            const appRef = inject(ApplicationRef);
+            const envInjector = inject(EnvironmentInjector);
+            bridge.init();
+            const overlayRef = createComponent(OverlayComponent, { environmentInjector: envInjector });
+            appRef.attachView(overlayRef.hostView);
+            document.body.appendChild(overlayRef.location.nativeElement);
+        }),
+    ]);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BridgeService, InspectorService, NgAnnotateModule, OverlayComponent, provideNgAnnotate };
+//# sourceMappingURL=ng-annotate-angular.mjs.map

package/dist/fesm2022/ng-annotate-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-annotate-angular.mjs","sources":["../../src/inspector.service.ts","../../src/bridge.service.ts","../../src/overlay/overlay.component.ts","../../src/ng-annotate.module.ts","../../src/provide-ng-annotate.ts","../../src/ng-annotate-angular.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport type { ComponentContext } from './types';\n\ninterface NgDevMode {\n  getComponent: (element: Element) => unknown;\n}\n\ndeclare const ng: NgDevMode;\n\ninterface NgCmp {\n  selectors?: unknown[][];\n  inputs?: Record<string, string>;\n}\n\ninterface ComponentInstance {\n  constructor: { name: string; ɵcmp?: NgCmp } & (new (...args: unknown[]) => unknown);\n  [key: string]: unknown;\n}\n\ninterface ManifestEntry {\n  component: string;\n  template?: string;\n}\n\nconst DOM_SNAPSHOT_MAX = 5000;\n\n@Injectable()\nexport class InspectorService {\n  getComponentContext(element: Element): ComponentContext | null {\n    const component = this.findNearestComponent(element);\n    if (!component) return null;\n\n    const componentName = (component as ComponentInstance).constructor.name;\n    const { component: componentFilePath, template: templateFilePath } =\n      this.resolveFilePaths(componentName);\n    const selector = this.getSelector(component as ComponentInstance);\n    const inputs = this.getInputs(component as ComponentInstance);\n    const domSnapshot = this.snapshot(element);\n    const componentTreePath = this.buildTreePath(element);\n\n    return {\n      componentName,\n      componentFilePath,\n      ...(templateFilePath ? { templateFilePath } : {}),\n      selector,\n      inputs,\n      domSnapshot,\n      componentTreePath,\n    };\n  }\n\n  private findNearestComponent(element: Element): unknown {\n    let current: Element | null = element;\n    while (current) {\n      try {\n        const comp = ng.getComponent(current);\n        if (comp) return comp;\n      } catch {\n        // ignore\n      }\n      current = current.parentElement;\n    }\n    return null;\n  }\n\n  private getSelector(component: ComponentInstance): string {\n    try {\n      const cmp = component.constructor.ɵcmp;\n      if (!cmp?.selectors?.length) return 'unknown-selector';\n      const first = cmp.selectors[0];\n      if (!first.length) return 'unknown-selector';\n\n      // Element selector: [['app-foo']]\n      // Attribute selector: [['', 'appFoo', '']]\n      if (first[0] === '') {\n        // Attribute selector — find non-empty entries\n        const attrParts: string[] = [];\n        for (let i = 1; i < first.length; i += 2) {\n          if (typeof first[i] === 'string' && first[i]) {\n            attrParts.push(`[${String(first[i])}]`);\n          }\n        }\n        return attrParts.join('') || 'unknown-selector';\n      }\n      return String(first[0]);\n    } catch {\n      return 'unknown-selector';\n    }\n  }\n\n  private getInputs(component: ComponentInstance): Record<string, unknown> {\n    try {\n      const cmp = component.constructor.ɵcmp;\n      if (!cmp?.inputs) return {};\n      const result: Record<string, unknown> = {};\n      for (const [propName] of Object.entries(cmp.inputs)) {\n        if (typeof propName === 'symbol') continue;\n        if (propName.startsWith('ɵ')) continue;\n        result[propName] = (component as Record<string, unknown>)[propName];\n      }\n      return result;\n    } catch {\n      return {};\n    }\n  }\n\n  private buildTreePath(element: Element): string[] {\n    const path: string[] = [];\n    let current: Element | null = element.parentElement;\n    while (current) {\n      try {\n        const comp = ng.getComponent(current);\n        if (comp) {\n          path.unshift((comp as ComponentInstance).constructor.name);\n        }\n      } catch {\n        // ignore\n      }\n      current = current.parentElement;\n    }\n    return path;\n  }\n\n  private snapshot(element: Element): string {\n    const html = element.outerHTML;\n    if (html.length <= DOM_SNAPSHOT_MAX) return html;\n    return html.slice(0, DOM_SNAPSHOT_MAX) + '<!-- truncated -->';\n  }\n\n  private resolveFilePaths(componentName: string): { component: string; template?: string } {\n    try {\n      const manifest = (window as unknown as { __NG_ANNOTATE_MANIFEST__?: Record<string, ManifestEntry> })\n        .__NG_ANNOTATE_MANIFEST__;\n      const entry = manifest?.[componentName];\n      if (entry) return entry;\n    } catch {\n      // ignore\n    }\n    return { component: `(unresolved: ${componentName})` };\n  }\n}\n","import { Injectable, NgZone, OnDestroy, inject } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport type { Session, Annotation } from './types';\n\ntype BridgeMessage =\n  | { type: 'session:created'; session: Session }\n  | { type: 'annotations:sync'; annotations: Annotation[] }\n  | { type: 'annotation:created'; annotation: Annotation }\n  | { type: string };\n\n@Injectable()\nexport class BridgeService implements OnDestroy {\n  readonly session$ = new BehaviorSubject<Session | null>(null);\n  readonly annotations$ = new BehaviorSubject<Annotation[]>([]);\n  readonly connected$ = new BehaviorSubject<boolean>(false);\n\n  private readonly zone = inject(NgZone);\n  private ws: WebSocket | null = null;\n  private reconnectTimer: ReturnType<typeof setTimeout> | null = null;\n\n  init(): void {\n    this.connect();\n  }\n\n  private connect(): void {\n    const wsUrl = `ws://${location.host}/__annotate`;\n    this.ws = new WebSocket(wsUrl);\n\n    this.ws.onopen = () => {\n      this.zone.run(() => {\n        this.connected$.next(true);\n      });\n    };\n\n    this.ws.onmessage = (event: MessageEvent<string>) => {\n      this.zone.run(() => {\n        try {\n          const data = JSON.parse(event.data) as BridgeMessage;\n          if (data.type === 'session:created') {\n            this.session$.next((data as Extract<BridgeMessage, { type: 'session:created' }>).session);\n          } else if (data.type === 'annotations:sync') {\n            this.annotations$.next(\n              (data as Extract<BridgeMessage, { type: 'annotations:sync' }>).annotations,\n            );\n          } else if (data.type === 'annotation:created') {\n            const annotation = (\n              data as Extract<BridgeMessage, { type: 'annotation:created' }>\n            ).annotation;\n            const current = this.annotations$.getValue();\n            this.annotations$.next([...current, annotation]);\n          }\n        } catch {\n          // ignore malformed messages\n        }\n      });\n    };\n\n    this.ws.onclose = () => {\n      this.zone.run(() => {\n        this.connected$.next(false);\n        this.reconnectTimer = setTimeout(() => { this.connect(); }, 3000);\n      });\n    };\n\n    this.ws.onerror = (event) => {\n      console.warn('[ng-annotate] WebSocket error', event);\n    };\n  }\n\n  createAnnotation(payload: Record<string, unknown>): void {\n    this.send({ type: 'annotation:create', payload });\n  }\n\n  replyToAnnotation(id: string, message: string): void {\n    this.send({ type: 'annotation:reply', id, message });\n  }\n\n  deleteAnnotation(id: string): void {\n    this.send({ type: 'annotation:delete', id });\n  }\n\n  private send(msg: Record<string, unknown>): void {\n    if (this.ws?.readyState === WebSocket.OPEN) {\n      this.ws.send(JSON.stringify(msg));\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (this.reconnectTimer !== null) {\n      clearTimeout(this.reconnectTimer);\n      this.reconnectTimer = null;\n    }\n    this.ws?.close();\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  HostListener,\n  OnInit,\n  ViewChild,\n  ElementRef,\n  inject,\n} from '@angular/core';\nimport { JsonPipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { InspectorService } from '../inspector.service';\nimport { BridgeService } from '../bridge.service';\nimport type { Annotation, ComponentContext, AnnotationStatus } from '../types';\n\ntype OverlayMode = 'hidden' | 'inspect' | 'annotate' | 'thread';\n\ninterface HighlightRect {\n  top: string;\n  left: string;\n  width: string;\n  height: string;\n}\n\ninterface AnnotationBadge {\n  annotation: Annotation;\n  top: string;\n  left: string;\n  icon: string;\n  label: string;\n}\n\n@Component({\n  selector: 'nga-overlay',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [JsonPipe, FormsModule],\n  styles: [`\n    :host {\n      position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n      pointer-events: none; z-index: 9999;\n    }\n    .nga-highlight-rect {\n      position: fixed; border: 2px solid #3b82f6;\n      background: rgba(59,130,246,0.1); pointer-events: none;\n      transition: top 0.05s, left 0.05s, width 0.05s, height 0.05s;\n    }\n    .nga-component-label {\n      position: absolute; top: -22px; left: 0; background: #1e293b; color: #f8fafc;\n      font-family: monospace; font-size: 11px; padding: 2px 6px;\n      border-radius: 3px; white-space: nowrap;\n    }\n    .nga-annotate-panel, .nga-thread-panel {\n      pointer-events: all; position: fixed; right: 16px; top: 50%;\n      transform: translateY(-50%); background: #ffffff; border: 1px solid #e2e8f0;\n      border-radius: 8px; box-shadow: 0 4px 24px rgba(0,0,0,0.15);\n      padding: 16px; min-width: 320px; max-width: 400px;\n    }\n    .nga-panel-title {\n      margin: 0 0 12px; font-size: 14px; font-weight: 600;\n      color: #1e293b; font-family: monospace;\n    }\n    .nga-inputs { margin-bottom: 10px; }\n    .nga-input-row {\n      display: flex; gap: 8px; font-size: 12px;\n      font-family: monospace; margin-bottom: 4px;\n    }\n    .nga-input-key { color: #64748b; min-width: 80px; }\n    .nga-input-val {\n      color: #1e293b; overflow: hidden;\n      text-overflow: ellipsis; white-space: nowrap;\n    }\n    .nga-selection {\n      font-size: 12px; color: #475569; margin-bottom: 8px; font-style: italic;\n    }\n    .nga-textarea, .nga-reply-input {\n      width: 100%; box-sizing: border-box; border: 1px solid #cbd5e1;\n      border-radius: 4px; padding: 8px; font-size: 13px;\n      font-family: inherit; resize: vertical; margin-bottom: 10px;\n    }\n    .nga-textarea:focus, .nga-reply-input:focus {\n      outline: none; border-color: #3b82f6;\n    }\n    .nga-actions { display: flex; gap: 8px; }\n    .nga-btn {\n      padding: 6px 14px; border-radius: 4px; font-size: 13px;\n      cursor: pointer; border: none; transition: opacity 0.15s;\n    }\n    .nga-btn:disabled { opacity: 0.4; cursor: not-allowed; }\n    .nga-btn-submit { background: #3b82f6; color: #ffffff; }\n    .nga-btn-cancel { background: #f1f5f9; color: #475569; }\n    .nga-replies { max-height: 200px; overflow-y: auto; margin-bottom: 10px; }\n    .nga-reply { display: flex; gap: 8px; margin-bottom: 8px; font-size: 13px; }\n    .nga-reply-author { font-weight: 600; min-width: 48px; }\n    .nga-reply-author--agent { color: #7c3aed; }\n    .nga-reply-author--user { color: #2563eb; }\n    .nga-badge {\n      pointer-events: all; position: fixed; width: 18px; height: 18px;\n      border-radius: 50%; display: flex; align-items: center;\n      justify-content: center; font-size: 10px; cursor: pointer;\n      transform: translate(-50%, -50%);\n    }\n    .nga-badge--pending { background: #3b82f6; color: #ffffff; }\n    .nga-badge--acknowledged { background: #f59e0b; color: #ffffff; }\n    .nga-badge--resolved { background: #22c55e; color: #ffffff; }\n    .nga-badge--dismissed { background: #94a3b8; color: #ffffff; }\n    .nga-keyboard-hint {\n      pointer-events: none; position: fixed; bottom: 16px; right: 16px;\n      background: rgba(15,23,42,0.7); color: #f8fafc; font-size: 12px;\n      padding: 6px 10px; border-radius: 6px;\n    }\n    .nga-keyboard-hint kbd {\n      background: rgba(255,255,255,0.15); border-radius: 3px;\n      padding: 1px 5px; font-family: monospace;\n    }\n  `],\n  template: `\n    <!-- Keyboard hint -->\n    @if (mode === 'hidden') {\n      <div class=\"nga-keyboard-hint\">\n        <kbd>Alt+Shift+A</kbd> to annotate\n      </div>\n    }\n    @if (mode === 'inspect') {\n      <div class=\"nga-keyboard-hint\">\n        Click a component &nbsp; <kbd>Esc</kbd> to cancel\n      </div>\n    }\n\n    <!-- Inspect highlight rect -->\n    @if (mode === 'inspect' && hoveredContext !== null && highlightRect !== null) {\n      <div\n        class=\"nga-highlight-rect\"\n        [style.top]=\"highlightRect.top\"\n        [style.left]=\"highlightRect.left\"\n        [style.width]=\"highlightRect.width\"\n        [style.height]=\"highlightRect.height\"\n      >\n        <span class=\"nga-component-label\">{{ hoveredContext.componentName }}</span>\n      </div>\n    }\n\n    <!-- Annotate panel -->\n    @if (mode === 'annotate' && selectedContext !== null) {\n      <div class=\"nga-annotate-panel\">\n        <h3 class=\"nga-panel-title\">{{ selectedContext.componentName }}</h3>\n\n        @if (inputEntries().length > 0) {\n          <div class=\"nga-inputs\">\n            @for (entry of inputEntries(); track entry.key) {\n              <div class=\"nga-input-row\">\n                <span class=\"nga-input-key\">{{ entry.key }}:</span>\n                <span class=\"nga-input-val\">{{ entry.value | json }}</span>\n              </div>\n            }\n          </div>\n        }\n\n        @if (selectionText) {\n          <div class=\"nga-selection\">\n            <em>\"{{ selectionText }}\"</em>\n          </div>\n        }\n\n        <textarea\n          #textArea\n          class=\"nga-textarea\"\n          [(ngModel)]=\"annotationText\"\n          placeholder=\"Describe the change...\"\n          rows=\"4\"\n        ></textarea>\n\n        <div class=\"nga-actions\">\n          <button class=\"nga-btn nga-btn-submit\" (click)=\"submit()\" [disabled]=\"annotationText.trim() === ''\">\n            Submit\n          </button>\n          <button class=\"nga-btn nga-btn-cancel\" (click)=\"cancel()\">Cancel</button>\n        </div>\n      </div>\n    }\n\n    <!-- Thread panel -->\n    @if (mode === 'thread' && threadAnnotation !== null) {\n      <div class=\"nga-thread-panel\">\n        <h3 class=\"nga-panel-title\">{{ threadAnnotation.componentName }}</h3>\n\n        <div class=\"nga-replies\">\n          @for (reply of threadAnnotation.replies; track reply.message) {\n            <div class=\"nga-reply\">\n              <span class=\"nga-reply-author nga-reply-author--{{ reply.author }}\">{{ reply.author }}</span>\n              <span class=\"nga-reply-text\">{{ reply.message }}</span>\n            </div>\n          }\n        </div>\n\n        <input\n          class=\"nga-reply-input\"\n          type=\"text\"\n          [(ngModel)]=\"replyText\"\n          placeholder=\"Reply...\"\n          (keydown.enter)=\"sendReply()\"\n        />\n\n        <div class=\"nga-actions\">\n          <button class=\"nga-btn nga-btn-submit\" (click)=\"sendReply()\" [disabled]=\"replyText.trim() === ''\">\n            Send\n          </button>\n          <button class=\"nga-btn nga-btn-cancel\" (click)=\"closeThread()\">Close</button>\n        </div>\n      </div>\n    }\n\n    <!-- Annotation badges -->\n    @for (badge of badges; track badge.annotation.id) {\n      <div\n        class=\"nga-badge nga-badge--{{ badge.annotation.status }}\"\n        [style.top]=\"badge.top\"\n        [style.left]=\"badge.left\"\n        (click)=\"openThread(badge.annotation)\"\n        [title]=\"badge.label\"\n      >\n        {{ badge.icon }}\n      </div>\n    }\n  `,\n})\nexport class OverlayComponent implements OnInit {\n  @ViewChild('textArea') textArea?: ElementRef<HTMLTextAreaElement>;\n\n  mode: OverlayMode = 'hidden';\n  hoveredContext: ComponentContext | null = null;\n  highlightRect: HighlightRect | null = null;\n  selectedContext: ComponentContext | null = null;\n  annotationText = '';\n  selectionText = '';\n  threadAnnotation: Annotation | null = null;\n  replyText = '';\n  badges: AnnotationBadge[] = [];\n\n  private readonly inspector = inject(InspectorService);\n  private readonly bridge = inject(BridgeService);\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  ngOnInit(): void {\n    this.bridge.annotations$.subscribe((annotations) => {\n      this.updateBadges(annotations);\n      this.cdr.markForCheck();\n    });\n  }\n\n  @HostListener('document:keydown.alt.shift.a', ['$event'])\n  toggleInspect(event?: Event): void {\n    event?.preventDefault();\n    if (this.mode === 'hidden') this.mode = 'inspect';\n    else if (this.mode === 'inspect') this.mode = 'hidden';\n    else if (this.mode === 'annotate') this.mode = 'inspect';\n    this.cdr.markForCheck();\n  }\n\n  @HostListener('document:keydown.escape')\n  onEscape(): void {\n    if (this.mode === 'annotate') this.mode = 'inspect';\n    else if (this.mode === 'inspect') this.mode = 'hidden';\n    else if (this.mode === 'thread') this.mode = 'hidden';\n    this.cdr.markForCheck();\n  }\n\n  @HostListener('window:scroll')\n  @HostListener('window:resize')\n  onScrollOrResize(): void {\n    if (this.badges.length > 0) {\n      this.refreshBadgePositions();\n      this.cdr.markForCheck();\n    }\n  }\n\n  @HostListener('document:mousemove', ['$event'])\n  onMouseMove(event: MouseEvent): void {\n    if (this.mode !== 'inspect') return;\n    const target = event.target as Element;\n    if (target.closest('nga-overlay')) return;\n    const context = this.inspector.getComponentContext(target);\n    this.hoveredContext = context;\n    if (context) {\n      const rect = target.getBoundingClientRect();\n      this.highlightRect = {\n        top: `${rect.top.toString()}px`,\n        left: `${rect.left.toString()}px`,\n        width: `${rect.width.toString()}px`,\n        height: `${rect.height.toString()}px`,\n      };\n    } else {\n      this.highlightRect = null;\n    }\n    this.cdr.markForCheck();\n  }\n\n  @HostListener('document:click', ['$event'])\n  onClick(event: MouseEvent): void {\n    if (this.mode !== 'inspect') return;\n    const target = event.target as Element;\n    if (target.closest('nga-overlay')) return;\n    const context = this.inspector.getComponentContext(target);\n    if (!context) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    this.selectedContext = context;\n    this.annotationText = '';\n    this.selectionText = window.getSelection()?.toString() ?? '';\n    this.mode = 'annotate';\n    this.cdr.markForCheck();\n\n    setTimeout(() => { this.textArea?.nativeElement.focus(); }, 0);\n  }\n\n  submit(): void {\n    if (!this.selectedContext || !this.annotationText.trim()) return;\n    this.bridge.createAnnotation({\n      ...this.selectedContext,\n      annotationText: this.annotationText.trim(),\n      selectionText: this.selectionText || undefined,\n    });\n    this.selectedContext = null;\n    this.annotationText = '';\n    this.mode = 'inspect';\n    this.cdr.markForCheck();\n  }\n\n  cancel(): void {\n    this.mode = 'inspect';\n    this.cdr.markForCheck();\n  }\n\n  openThread(annotation: Annotation): void {\n    this.threadAnnotation = annotation;\n    this.mode = 'thread';\n    this.cdr.markForCheck();\n  }\n\n  closeThread(): void {\n    this.threadAnnotation = null;\n    this.mode = 'hidden';\n    this.cdr.markForCheck();\n  }\n\n  sendReply(): void {\n    if (!this.threadAnnotation || !this.replyText.trim()) return;\n    this.bridge.replyToAnnotation(this.threadAnnotation.id, this.replyText.trim());\n    this.replyText = '';\n    this.cdr.markForCheck();\n  }\n\n  inputEntries(): { key: string; value: unknown }[] {\n    if (!this.selectedContext) return [];\n    return Object.entries(this.selectedContext.inputs)\n      .slice(0, 5)\n      .map(([key, value]) => ({ key, value }));\n  }\n\n  private updateBadges(annotations: Annotation[]): void {\n    this.badges = annotations\n      .map((annotation) => {\n        const el = this.findComponentElement(annotation.componentName, annotation.selector);\n        if (!el) return null;\n        const rect = el.getBoundingClientRect();\n        return {\n          annotation,\n          top: `${rect.top.toString()}px`,\n          left: `${(rect.left + rect.width - 12).toString()}px`,\n          icon: this.badgeIcon(annotation.status),\n          label: `${annotation.componentName}: ${annotation.annotationText.slice(0, 40)}`,\n        };\n      })\n      .filter((b): b is AnnotationBadge => b !== null);\n  }\n\n  private refreshBadgePositions(): void {\n    this.badges = this.badges.map((badge) => {\n      const el = this.findComponentElement(badge.annotation.componentName, badge.annotation.selector);\n      if (!el) return badge;\n      const rect = el.getBoundingClientRect();\n      return {\n        ...badge,\n        top: `${rect.top.toString()}px`,\n        left: `${(rect.left + rect.width - 12).toString()}px`,\n      };\n    });\n  }\n\n  private findComponentElement(componentName: string, selector: string): Element | null {\n    const bySelector = document.querySelector(selector);\n    if (bySelector) return bySelector;\n\n    const all = document.querySelectorAll('*');\n    for (const el of Array.from(all)) {\n      try {\n        const comp = (window as unknown as { ng?: { getComponent: (el: Element) => { constructor: { name: string } } | null } })\n          .ng;\n        if (comp?.getComponent(el)?.constructor.name === componentName) return el;\n      } catch {\n        // ignore\n      }\n    }\n    return null;\n  }\n\n  private badgeIcon(status: AnnotationStatus): string {\n    const icons: Record<AnnotationStatus, string> = {\n      pending: '●',\n      acknowledged: '◐',\n      resolved: '✓',\n      dismissed: '✕',\n    };\n    return icons[status];\n  }\n}\n","import {\n  NgModule,\n  isDevMode,\n  provideAppInitializer,\n  inject,\n  ApplicationRef,\n  EnvironmentInjector,\n  createComponent,\n} from '@angular/core';\nimport { InspectorService } from './inspector.service';\nimport { BridgeService } from './bridge.service';\nimport { OverlayComponent } from './overlay/overlay.component';\n\n@NgModule({\n  providers: isDevMode()\n    ? [\n        InspectorService,\n        BridgeService,\n        provideAppInitializer(() => {\n          const bridge = inject(BridgeService);\n          const appRef = inject(ApplicationRef);\n          const envInjector = inject(EnvironmentInjector);\n          bridge.init();\n          const overlayRef = createComponent(OverlayComponent, { environmentInjector: envInjector });\n          appRef.attachView(overlayRef.hostView);\n          document.body.appendChild(overlayRef.location.nativeElement);\n        }),\n      ]\n    : [],\n})\n// eslint-disable-next-line @typescript-eslint/no-extraneous-class -- required by NgModule pattern\nexport class NgAnnotateModule {}\n","import {\n  ApplicationRef,\n  EnvironmentInjector,\n  createComponent,\n  inject,\n  isDevMode,\n  makeEnvironmentProviders,\n  provideAppInitializer,\n} from '@angular/core';\nimport { InspectorService } from './inspector.service';\nimport { BridgeService } from './bridge.service';\nimport { OverlayComponent } from './overlay/overlay.component';\n\nexport function provideNgAnnotate() {\n  return makeEnvironmentProviders([\n    InspectorService,\n    BridgeService,\n    provideAppInitializer(() => {\n      if (!isDevMode()) return;\n      const bridge = inject(BridgeService);\n      const appRef = inject(ApplicationRef);\n      const envInjector = inject(EnvironmentInjector);\n      bridge.init();\n      const overlayRef = createComponent(OverlayComponent, { environmentInjector: envInjector });\n      appRef.attachView(overlayRef.hostView);\n      document.body.appendChild(overlayRef.location.nativeElement);\n    }),\n  ]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/dist/types/ng-annotate-angular.d.ts

@@ -0,0 +1,135 @@
+import * as i0 from '@angular/core';
+import { OnDestroy, OnInit, ElementRef } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+
+declare class NgAnnotateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgAnnotateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgAnnotateModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgAnnotateModule>;
+}
+
+declare function provideNgAnnotate(): i0.EnvironmentProviders;
+
+type AnnotationStatus = 'pending' | 'acknowledged' | 'resolved' | 'dismissed';
+interface AnnotationReply {
+    id: string;
+    createdAt: string;
+    author: 'agent' | 'user';
+    message: string;
+}
+interface Annotation {
+    id: string;
+    sessionId: string;
+    createdAt: string;
+    status: AnnotationStatus;
+    replies: AnnotationReply[];
+    componentName: string;
+    componentFilePath: string;
+    templateFilePath?: string;
+    selector: string;
+    inputs: Record<string, unknown>;
+    domSnapshot: string;
+    componentTreePath: string[];
+    annotationText: string;
+    selectionText?: string;
+}
+interface Session {
+    id: string;
+    createdAt: string;
+    lastSeenAt: string;
+    active: boolean;
+    url: string;
+}
+interface ComponentContext {
+    componentName: string;
+    componentFilePath: string;
+    templateFilePath?: string;
+    selector: string;
+    inputs: Record<string, unknown>;
+    domSnapshot: string;
+    componentTreePath: string[];
+}
+
+declare class InspectorService {
+    getComponentContext(element: Element): ComponentContext | null;
+    private findNearestComponent;
+    private getSelector;
+    private getInputs;
+    private buildTreePath;
+    private snapshot;
+    private resolveFilePaths;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InspectorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InspectorService>;
+}
+
+declare class BridgeService implements OnDestroy {
+    readonly session$: BehaviorSubject<Session>;
+    readonly annotations$: BehaviorSubject<Annotation[]>;
+    readonly connected$: BehaviorSubject<boolean>;
+    private readonly zone;
+    private ws;
+    private reconnectTimer;
+    init(): void;
+    private connect;
+    createAnnotation(payload: Record<string, unknown>): void;
+    replyToAnnotation(id: string, message: string): void;
+    deleteAnnotation(id: string): void;
+    private send;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BridgeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BridgeService>;
+}
+
+type OverlayMode = 'hidden' | 'inspect' | 'annotate' | 'thread';
+interface HighlightRect {
+    top: string;
+    left: string;
+    width: string;
+    height: string;
+}
+interface AnnotationBadge {
+    annotation: Annotation;
+    top: string;
+    left: string;
+    icon: string;
+    label: string;
+}
+declare class OverlayComponent implements OnInit {
+    textArea?: ElementRef<HTMLTextAreaElement>;
+    mode: OverlayMode;
+    hoveredContext: ComponentContext | null;
+    highlightRect: HighlightRect | null;
+    selectedContext: ComponentContext | null;
+    annotationText: string;
+    selectionText: string;
+    threadAnnotation: Annotation | null;
+    replyText: string;
+    badges: AnnotationBadge[];
+    private readonly inspector;
+    private readonly bridge;
+    private readonly cdr;
+    ngOnInit(): void;
+    toggleInspect(event?: Event): void;
+    onEscape(): void;
+    onScrollOrResize(): void;
+    onMouseMove(event: MouseEvent): void;
+    onClick(event: MouseEvent): void;
+    submit(): void;
+    cancel(): void;
+    openThread(annotation: Annotation): void;
+    closeThread(): void;
+    sendReply(): void;
+    inputEntries(): {
+        key: string;
+        value: unknown;
+    }[];
+    private updateBadges;
+    private refreshBadgePositions;
+    private findComponentElement;
+    private badgeIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverlayComponent, "nga-overlay", never, {}, {}, never, never, true, never>;
+}
+
+export { BridgeService, InspectorService, NgAnnotateModule, OverlayComponent, provideNgAnnotate };
+export type { Annotation, AnnotationReply, AnnotationStatus, ComponentContext, Session };

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@ng-annotate/angular",
+  "version": "0.1.1",
+  "schematics": "./schematics/collection.json",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yngvebn/ngagentify"
+  },
+  "files": [
+    "dist",
+    "schematics"
+  ],
+  "main": "dist/fesm2022/ng-annotate-angular.mjs",
+  "module": "dist/fesm2022/ng-annotate-angular.mjs",
+  "types": "dist/types/ng-annotate-angular.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/ng-annotate-angular.d.ts",
+      "default": "./dist/fesm2022/ng-annotate-angular.mjs"
+    }
+  },
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json && npm run build:schematics",
+    "build:watch": "ng-packagr -p ng-package.json --watch",
+    "build:schematics": "tsc -p schematics/tsconfig.json",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=21.0.0",
+    "rxjs": ">=7.0.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/schematics": ">=17.0.0",
+    "@angular/core": "^21.0.0",
+    "ng-packagr": "^21.2.0",
+    "rxjs": "^7.0.0",
+    "typescript": "~5.9.0"
+  }
+}

package/schematics/collection.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Add ng-annotate-mcp to the Angular project.",
+      "factory": "./ng-add/index"
+    }
+  }
+}

package/schematics/ng-add/index.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const MIN_ANGULAR_MAJOR = 21;
+function checkAngularVersion() {
+    return (tree) => {
+        const pkgPath = 'package.json';
+        if (!tree.exists(pkgPath))
+            return;
+        const pkg = JSON.parse(tree.read(pkgPath).toString('utf-8'));
+        const version = (pkg['dependencies']?.['@angular/core'] ?? pkg['devDependencies']?.['@angular/core']) || '';
+        const match = version.match(/(\d+)/);
+        const major = match ? parseInt(match[1], 10) : 0;
+        if (major > 0 && major < MIN_ANGULAR_MAJOR) {
+            throw new schematics_1.SchematicsException(`@ng-annotate/angular requires Angular ${MIN_ANGULAR_MAJOR} or higher. ` +
+                `Found: ${version}`);
+        }
+    };
+}
+function addVitePlugin() {
+    return (tree, context) => {
+        const candidates = ['vite.config.ts', 'vite.config.js', 'vite.config.mts'];
+        const viteConfigPath = candidates.find((p) => tree.exists(p));
+        if (!viteConfigPath) {
+            context.logger.warn('⚠️  Could not find vite.config.ts — add the plugin manually:\n' +
+                "    import { ngAnnotateMcp } from '@ng-annotate/vite-plugin';\n" +
+                '    plugins: [...ngAnnotateMcp()]');
+            return;
+        }
+        let content = tree.read(viteConfigPath).toString('utf-8');
+        if (content.includes('@ng-annotate/vite-plugin')) {
+            context.logger.info('@ng-annotate/vite-plugin vite plugin already present, skipping.');
+            return;
+        }
+        // Insert import after the last existing import line
+        content = content.replace(/(^import .+$(\r?\n)?)+/m, (match) => match + "import { ngAnnotateMcp } from '@ng-annotate/vite-plugin';\n");
+        // Insert spread into plugins array (handles `plugins: [` or `plugins:[`)
+        content = content.replace(/plugins\s*:\s*\[/, 'plugins: [...ngAnnotateMcp(), ');
+        tree.overwrite(viteConfigPath, content);
+        context.logger.info(`✅ Added ngAnnotateMcp() to ${viteConfigPath}`);
+    };
+}
+function addProviders() {
+    return (tree, context) => {
+        const candidates = [
+            'src/app/app.config.ts',
+            'src/app.config.ts',
+            'app/app.config.ts',
+        ];
+        const appConfigPath = candidates.find((p) => tree.exists(p));
+        if (!appConfigPath) {
+            context.logger.warn('⚠️  Could not find app.config.ts — add provideNgAnnotate() manually:\n' +
+                "    import { provideNgAnnotate } from '@ng-annotate/angular';\n" +
+                '    providers: [provideNgAnnotate()]');
+            return;
+        }
+        let content = tree.read(appConfigPath).toString('utf-8');
+        if (content.includes('provideNgAnnotate')) {
+            context.logger.info('provideNgAnnotate already present, skipping.');
+            return;
+        }
+        // Insert import after the last existing import line
+        content = content.replace(/(^import .+$(\r?\n)?)+/m, (match) => match + "import { provideNgAnnotate } from '@ng-annotate/angular';\n");
+        // Insert into providers array
+        content = content.replace(/providers\s*:\s*\[/, 'providers: [\n    provideNgAnnotate(),');
+        tree.overwrite(appConfigPath, content);
+        context.logger.info(`✅ Added provideNgAnnotate() to ${appConfigPath}`);
+    };
+}
+function addMcpConfig() {
+    return (tree, context) => {
+        // .mcp.json — Claude Code (needs cmd /c on Windows to spawn npx.cmd)
+        if (!tree.exists('.mcp.json')) {
+            const isWindows = process.platform === 'win32';
+            const mcpConfig = {
+                mcpServers: {
+                    'ng-annotate': isWindows
+                        ? { command: 'cmd', args: ['/c', 'npx', '@ng-annotate/mcp-server'] }
+                        : { command: 'npx', args: ['@ng-annotate/mcp-server'] },
+                },
+            };
+            tree.create('.mcp.json', JSON.stringify(mcpConfig, null, 2) + '\n');
+            context.logger.info('✅ Created .mcp.json');
+        }
+        else {
+            context.logger.info('.mcp.json already exists, skipping.');
+        }
+        // .vscode/mcp.json — VS Code Copilot (spawns npx.cmd natively on Windows)
+        const vscodeMcpPath = '.vscode/mcp.json';
+        if (!tree.exists(vscodeMcpPath)) {
+            const vscodeMcpConfig = {
+                servers: {
+                    'ng-annotate': {
+                        type: 'stdio',
+                        command: 'npx',
+                        args: ['@ng-annotate/mcp-server'],
+                    },
+                },
+            };
+            tree.create(vscodeMcpPath, JSON.stringify(vscodeMcpConfig, null, 2) + '\n');
+            context.logger.info('✅ Created .vscode/mcp.json');
+        }
+        else {
+            context.logger.info('.vscode/mcp.json already exists, skipping.');
+        }
+    };
+}
+function addDevDependency() {
+    return (tree, context) => {
+        const pkgPath = 'package.json';
+        if (!tree.exists(pkgPath))
+            return;
+        const pkg = JSON.parse(tree.read(pkgPath).toString('utf-8'));
+        pkg['devDependencies'] ?? (pkg['devDependencies'] = {});
+        let changed = false;
+        if (!pkg['devDependencies']['@ng-annotate/vite-plugin']) {
+            pkg['devDependencies']['@ng-annotate/vite-plugin'] = 'latest';
+            changed = true;
+            context.logger.info('✅ Added @ng-annotate/vite-plugin to devDependencies');
+        }
+        if (!pkg['devDependencies']['@ng-annotate/mcp-server']) {
+            pkg['devDependencies']['@ng-annotate/mcp-server'] = 'latest';
+            changed = true;
+            context.logger.info('✅ Added @ng-annotate/mcp-server to devDependencies');
+        }
+        if (changed) {
+            tree.overwrite(pkgPath, JSON.stringify(pkg, null, 2) + '\n');
+            context.addTask(new tasks_1.NodePackageInstallTask());
+        }
+    };
+}
+function default_1() {
+    return (tree, context) => {
+        context.logger.info('Setting up @ng-annotate/vite-plugin...');
+        return (0, schematics_1.chain)([checkAngularVersion(), addDevDependency(), addVitePlugin(), addProviders(), addMcpConfig()])(tree, context);
+    };
+}

package/schematics/ng-add/index.ts

@@ -0,0 +1,181 @@
+import { Rule, SchematicContext, Tree, chain, SchematicsException } from '@angular-devkit/schematics';
+import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
+
+const MIN_ANGULAR_MAJOR = 21;
+
+function checkAngularVersion(): Rule {
+  return (tree: Tree) => {
+    const pkgPath = 'package.json';
+    if (!tree.exists(pkgPath)) return;
+
+    const pkg = JSON.parse(tree.read(pkgPath)!.toString('utf-8')) as Record<
+      string,
+      Record<string, string>
+    >;
+    const version: string =
+      (pkg['dependencies']?.['@angular/core'] ?? pkg['devDependencies']?.['@angular/core']) || '';
+    const match = version.match(/(\d+)/);
+    const major = match ? parseInt(match[1], 10) : 0;
+
+    if (major > 0 && major < MIN_ANGULAR_MAJOR) {
+      throw new SchematicsException(
+        `@ng-annotate/angular requires Angular ${MIN_ANGULAR_MAJOR} or higher. ` +
+          `Found: ${version}`,
+      );
+    }
+  };
+}
+
+function addVitePlugin(): Rule {
+  return (tree: Tree, context: SchematicContext) => {
+    const candidates = ['vite.config.ts', 'vite.config.js', 'vite.config.mts'];
+    const viteConfigPath = candidates.find((p) => tree.exists(p));
+
+    if (!viteConfigPath) {
+      context.logger.warn(
+        '⚠️  Could not find vite.config.ts — add the plugin manually:\n' +
+          "    import { ngAnnotateMcp } from '@ng-annotate/vite-plugin';\n" +
+          '    plugins: [...ngAnnotateMcp()]',
+      );
+      return;
+    }
+
+    let content = tree.read(viteConfigPath)!.toString('utf-8');
+
+    if (content.includes('@ng-annotate/vite-plugin')) {
+      context.logger.info('@ng-annotate/vite-plugin vite plugin already present, skipping.');
+      return;
+    }
+
+    // Insert import after the last existing import line
+    content = content.replace(
+      /(^import .+$(\r?\n)?)+/m,
+      (match) => match + "import { ngAnnotateMcp } from '@ng-annotate/vite-plugin';\n",
+    );
+
+    // Insert spread into plugins array (handles `plugins: [` or `plugins:[`)
+    content = content.replace(/plugins\s*:\s*\[/, 'plugins: [...ngAnnotateMcp(), ');
+
+    tree.overwrite(viteConfigPath, content);
+    context.logger.info(`✅ Added ngAnnotateMcp() to ${viteConfigPath}`);
+  };
+}
+
+function addProviders(): Rule {
+  return (tree: Tree, context: SchematicContext) => {
+    const candidates = [
+      'src/app/app.config.ts',
+      'src/app.config.ts',
+      'app/app.config.ts',
+    ];
+    const appConfigPath = candidates.find((p) => tree.exists(p));
+
+    if (!appConfigPath) {
+      context.logger.warn(
+        '⚠️  Could not find app.config.ts — add provideNgAnnotate() manually:\n' +
+          "    import { provideNgAnnotate } from '@ng-annotate/angular';\n" +
+          '    providers: [provideNgAnnotate()]',
+      );
+      return;
+    }
+
+    let content = tree.read(appConfigPath)!.toString('utf-8');
+
+    if (content.includes('provideNgAnnotate')) {
+      context.logger.info('provideNgAnnotate already present, skipping.');
+      return;
+    }
+
+    // Insert import after the last existing import line
+    content = content.replace(
+      /(^import .+$(\r?\n)?)+/m,
+      (match) => match + "import { provideNgAnnotate } from '@ng-annotate/angular';\n",
+    );
+
+    // Insert into providers array
+    content = content.replace(/providers\s*:\s*\[/, 'providers: [\n    provideNgAnnotate(),');
+
+    tree.overwrite(appConfigPath, content);
+    context.logger.info(`✅ Added provideNgAnnotate() to ${appConfigPath}`);
+  };
+}
+
+function addMcpConfig(): Rule {
+  return (tree: Tree, context: SchematicContext) => {
+    // .mcp.json — Claude Code (needs cmd /c on Windows to spawn npx.cmd)
+    if (!tree.exists('.mcp.json')) {
+      const isWindows = process.platform === 'win32';
+      const mcpConfig = {
+        mcpServers: {
+          'ng-annotate': isWindows
+            ? { command: 'cmd', args: ['/c', 'npx', '@ng-annotate/mcp-server'] }
+            : { command: 'npx', args: ['@ng-annotate/mcp-server'] },
+        },
+      };
+      tree.create('.mcp.json', JSON.stringify(mcpConfig, null, 2) + '\n');
+      context.logger.info('✅ Created .mcp.json');
+    } else {
+      context.logger.info('.mcp.json already exists, skipping.');
+    }
+
+    // .vscode/mcp.json — VS Code Copilot (spawns npx.cmd natively on Windows)
+    const vscodeMcpPath = '.vscode/mcp.json';
+    if (!tree.exists(vscodeMcpPath)) {
+      const vscodeMcpConfig = {
+        servers: {
+          'ng-annotate': {
+            type: 'stdio',
+            command: 'npx',
+            args: ['@ng-annotate/mcp-server'],
+          },
+        },
+      };
+      tree.create(vscodeMcpPath, JSON.stringify(vscodeMcpConfig, null, 2) + '\n');
+      context.logger.info('✅ Created .vscode/mcp.json');
+    } else {
+      context.logger.info('.vscode/mcp.json already exists, skipping.');
+    }
+  };
+}
+
+function addDevDependency(): Rule {
+  return (tree: Tree, context: SchematicContext) => {
+    const pkgPath = 'package.json';
+    if (!tree.exists(pkgPath)) return;
+
+    const pkg = JSON.parse(tree.read(pkgPath)!.toString('utf-8')) as Record<
+      string,
+      Record<string, string>
+    >;
+    pkg['devDependencies'] ??= {};
+
+    let changed = false;
+
+    if (!pkg['devDependencies']['@ng-annotate/vite-plugin']) {
+      pkg['devDependencies']['@ng-annotate/vite-plugin'] = 'latest';
+      changed = true;
+      context.logger.info('✅ Added @ng-annotate/vite-plugin to devDependencies');
+    }
+
+    if (!pkg['devDependencies']['@ng-annotate/mcp-server']) {
+      pkg['devDependencies']['@ng-annotate/mcp-server'] = 'latest';
+      changed = true;
+      context.logger.info('✅ Added @ng-annotate/mcp-server to devDependencies');
+    }
+
+    if (changed) {
+      tree.overwrite(pkgPath, JSON.stringify(pkg, null, 2) + '\n');
+      context.addTask(new NodePackageInstallTask());
+    }
+  };
+}
+
+export default function (): Rule {
+  return (tree: Tree, context: SchematicContext) => {
+    context.logger.info('Setting up @ng-annotate/vite-plugin...');
+    return chain([checkAngularVersion(), addDevDependency(), addVitePlugin(), addProviders(), addMcpConfig()])(
+      tree,
+      context,
+    );
+  };
+}

package/schematics/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "module": "CommonJS",
+    "moduleResolution": "node",
+    "target": "ES2020",
+    "lib": ["ES2020"],
+    "declaration": false,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "rootDir": ".",
+    "outDir": "."
+  },
+  "include": ["./**/*.ts"],
+  "exclude": ["**/*.spec.ts", "node_modules"]
+}