refactor(web-sdk_angular): replace observation mode with manualTracking boolean

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: nalchevanidze

implementations/web-sdk_angular/src/app/components/entry-card/index.ts

@@ -10,7 +10,7 @@ import {
   type MergeTagMode,
 } from '../../fixtures'
 import type { ContentfulEntry } from '../../services/contentful-client'
-import { injectContentfulEntry, type ObservationMode } from '../../services/entry'
+import { injectContentfulEntry } from '../../services/entry'
 import { NgLiveUpdates } from '../../services/live-updates'
 import { isRecord } from '../../utils'
 
@@ -112,7 +112,7 @@ function isContentfulEntry(value: unknown): value is ContentfulEntry {
 })
 export class EntryCard {
   readonly entry = input.required<ContentfulEntry>()
-  readonly observation = input<ObservationMode>('auto')
+  readonly manualTracking = input(false)
   readonly clickScenario = input<EntryClickScenario | undefined>(undefined)
   readonly liveUpdates = input<boolean | undefined>(undefined)
 
@@ -124,8 +124,6 @@ export class EntryCard {
     return this.liveUpdates() ?? this.liveUpdatesService.globalLiveUpdates()
   })
 
-  private readonly manualTracking = computed(() => this.observation() === 'manual')
-
   protected readonly resolved = injectContentfulEntry({
     entry: this.entry,
     isLive: this.isLive,
@@ -147,7 +145,7 @@ export class EntryCard {
     const nested: unknown = this.resolved().entry.fields.nested
     return Array.isArray(nested) ? nested.filter(isContentfulEntry) : []
   })
-  protected readonly isAuto = computed(() => this.observation() === 'auto')
+  protected readonly isAuto = computed(() => !this.manualTracking())
   protected readonly badges = computed(() => {
     const r = this.resolved()
     const mergeTag = mergeTagKey(r.mergeTagResolved)
@@ -156,7 +154,7 @@ export class EntryCard {
       ...(mergeTag ? [mergeTag] : []),
       ...(scenario ? [scenario] : []),
       this.isVariant() ? 'variant' : 'baseline',
-      this.observation(),
+      this.manualTracking() ? 'manual' : 'auto',
       liveModeKey(this.liveUpdates(), this.isLive()),
     ]
     return keys.map((k) => BADGE_MAP[k])

implementations/web-sdk_angular/src/app/pages/home/index.html

@@ -14,9 +14,9 @@ <h2>Live updates</h2>
   </header>
   @let liveEntry = entryFor(liveUpdatesEntryId); @if (liveEntry) {
   <div class="sections-row">
-    <app-entry-card [entry]="liveEntry" observation="auto" />
-    <app-entry-card [entry]="liveEntry" observation="auto" [liveUpdates]="true" />
-    <app-entry-card [entry]="liveEntry" observation="auto" [liveUpdates]="false" />
+    <app-entry-card [entry]="liveEntry" />
+    <app-entry-card [entry]="liveEntry" [liveUpdates]="true" />
+    <app-entry-card [entry]="liveEntry" [liveUpdates]="false" />
   </div>
   }
 </section>
@@ -28,7 +28,7 @@ <h2>Auto-observed</h2>
     </header>
     <div id="auto-observed" class="entry-grid">
       @for (id of autoIds; track id) { @let entry = entryFor(id); @if (entry) {
-      <app-entry-card [entry]="entry" observation="auto" [clickScenario]="clickScenarios[id]" />
+      <app-entry-card [entry]="entry" [clickScenario]="clickScenarios[id]" />
       } }
     </div>
   </section>
@@ -39,7 +39,7 @@ <h2>Manually-observed</h2>
     </header>
     <div id="manually-observed" class="entry-grid">
       @for (id of manualIds; track id) { @let entry = entryFor(id); @if (entry) {
-      <app-entry-card [entry]="entry" observation="manual" />
+      <app-entry-card [entry]="entry" [manualTracking]="true" />
       } }
     </div>
   </section>

implementations/web-sdk_angular/src/app/pages/page-two/index.html

@@ -15,7 +15,7 @@ <h1>Page Two</h1>
       <h2>Auto-observed</h2>
     </header>
     <div class="entry-grid">
-      <app-entry-card [entry]="entry" observation="auto" />
+      <app-entry-card [entry]="entry" />
     </div>
   </section>
   } @if (manualEntry(); as entry) {
@@ -24,7 +24,7 @@ <h2>Auto-observed</h2>
       <h2>Manually-observed</h2>
     </header>
     <div class="entry-grid">
-      <app-entry-card [entry]="entry" observation="manual" />
+      <app-entry-card [entry]="entry" [manualTracking]="true" />
     </div>
   </section>
   }