feat(chat)!: remove per-message checkpoint marker; flatten chat-message rendering

apps/website/content/docs/chat/api/api-docs.json

@@ -1456,40 +1456,6 @@
     ],
     "methods": []
   },
-  {
-    "name": "ChatCheckpointMarkerComponent",
-    "kind": "class",
-    "description": "",
-    "params": [],
-    "examples": [],
-    "properties": [
-      {
-        "name": "checkpointId",
-        "type": "InputSignal<string>",
-        "description": "",
-        "optional": false
-      },
-      {
-        "name": "forkRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "",
-        "optional": false
-      },
-      {
-        "name": "isActive",
-        "type": "InputSignal<boolean>",
-        "description": "",
-        "optional": false
-      },
-      {
-        "name": "replayRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "",
-        "optional": false
-      }
-    ],
-    "methods": []
-  },
   {
     "name": "ChatCitationCardTemplateDirective",
     "kind": "class",
@@ -1581,12 +1547,6 @@
         "description": "True iff there's a current (last-index) assistant message that's\nstill streaming. The bubble's own caret already signals loading;\nwe suppress the floor typing-indicator in that case so the user\ndoesn't see two loading affordances at once.\n\nMatches the same `streaming + current` condition the bubble uses\nto enable `.chat-message__caret`:\n  `agent().isLoading() && i === agent().messages().length - 1`\n  `i === agent().messages().length - 1`\n\nRestricted to assistant role because the caret only renders on\nassistant bubbles (`:host([data-role=\"assistant\"][data-current=...\n ][data-streaming=...])`).",
         "optional": false
       },
-      {
-        "name": "forkRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "Bubbled from chat-message gutter markers when the user requests a checkpoint fork.",
-        "optional": false
-      },
       {
         "name": "genuiToolNames",
         "type": "InputSignal<readonly string[]>",
@@ -1659,12 +1619,6 @@
         "description": "",
         "optional": false
       },
-      {
-        "name": "replayRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "Bubbled from chat-message gutter markers when the user requests a checkpoint replay.",
-        "optional": false
-      },
       {
         "name": "resolvedStore",
         "type": "Signal<StateStore | undefined>",
@@ -1721,19 +1675,6 @@
       }
     ],
     "methods": [
-      {
-        "name": "checkpointFor",
-        "signature": "checkpointFor(msg: Message)",
-        "description": "Returns the checkpoint id associated with an AI message, if the\n underlying agent exposes messageCheckpoints().",
-        "params": [
-          {
-            "name": "msg",
-            "type": "Message",
-            "description": "",
-            "optional": false
-          }
-        ]
-      },
       {
         "name": "classifyMessage",
         "signature": "classifyMessage(content: string, message: object)",
@@ -2564,18 +2505,6 @@
         "description": "",
         "optional": false
       },
-      {
-        "name": "checkpointActive",
-        "type": "InputSignal<boolean>",
-        "description": "",
-        "optional": false
-      },
-      {
-        "name": "checkpointId",
-        "type": "InputSignal<string | undefined>",
-        "description": "Optional checkpoint id to anchor a gutter marker. When set, a\n chat-checkpoint-marker is rendered in the left gutter and emits\n bubble through this component's replayRequested / forkRequested outputs.",
-        "optional": false
-      },
       {
         "name": "current",
         "type": "InputSignal<boolean>",
@@ -2588,12 +2517,6 @@
         "description": "",
         "optional": false
       },
-      {
-        "name": "forkRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "",
-        "optional": false
-      },
       {
         "name": "message",
         "type": "InputSignal<Message | undefined>",
@@ -2606,12 +2529,6 @@
         "description": "",
         "optional": false
       },
-      {
-        "name": "replayRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "",
-        "optional": false
-      },
       {
         "name": "role",
         "type": "InputSignal<ChatMessageRole>",
@@ -2779,12 +2696,6 @@
         "description": "Close the popup on Escape (default true).",
         "optional": false
       },
-      {
-        "name": "forkRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "",
-        "optional": false
-      },
       {
         "name": "modelOptions",
         "type": "InputSignal<readonly ChatSelectOption[]>",
@@ -2797,12 +2708,6 @@
         "description": "",
         "optional": false
       },
-      {
-        "name": "replayRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "",
-        "optional": false
-      },
       {
         "name": "selectedModel",
         "type": "ModelSignal<string>",
@@ -3286,12 +3191,6 @@
         "description": "Close the sidebar on Escape (default true).",
         "optional": false
       },
-      {
-        "name": "forkRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "",
-        "optional": false
-      },
       {
         "name": "modelOptions",
         "type": "InputSignal<readonly ChatSelectOption[]>",
@@ -3310,12 +3209,6 @@
         "description": "",
         "optional": false
       },
-      {
-        "name": "replayRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "",
-        "optional": false
-      },
       {
         "name": "selectedModel",
         "type": "ModelSignal<string>",
@@ -3399,12 +3292,6 @@
         "description": "",
         "optional": false
       },
-      {
-        "name": "forkRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "",
-        "optional": false
-      },
       {
         "name": "isDebugStreaming",
         "type": "Signal<boolean>",
@@ -3465,12 +3352,6 @@
         "description": "",
         "optional": false
       },
-      {
-        "name": "replayRequested",
-        "type": "OutputEmitterRef<string>",
-        "description": "",
-        "optional": false
-      },
       {
         "name": "searchOpened",
         "type": "OutputEmitterRef<void>",

examples/chat/angular/src/app/modes/embed-mode.component.ts

@@ -17,8 +17,6 @@ import { WelcomeSuggestionsComponent } from './welcome-suggestions.component';
       [modelOptions]="shell.modelOptions()"
       [selectedModel]="shell.model()"
       (selectedModelChange)="shell.onModelChange($event)"
-      (replayRequested)="shell.onTimelineReplay($event)"
-      (forkRequested)="shell.onTimelineFork($event)"
     >
       <welcome-suggestions chatWelcomeSuggestions (selected)="send($event)" />
     </chat>

examples/chat/angular/src/app/modes/popup-mode.component.ts

@@ -23,8 +23,6 @@ import { WelcomeSuggestionsComponent } from './welcome-suggestions.component';
       [selectedModel]="shell.model()"
       [showModelPicker]="false"
       (selectedModelChange)="shell.onModelChange($event)"
-      (replayRequested)="shell.onTimelineReplay($event)"
-      (forkRequested)="shell.onTimelineFork($event)"
     >
       <welcome-suggestions chatWelcomeSuggestions (selected)="send($event)" />
     </chat-popup>

examples/chat/angular/src/app/modes/sidebar-mode.component.ts

@@ -20,8 +20,6 @@ import { WelcomeSuggestionsComponent } from './welcome-suggestions.component';
       [open]="true"
       [pushContent]="true"
       (selectedModelChange)="shell.onModelChange($event)"
-      (replayRequested)="shell.onTimelineReplay($event)"
-      (forkRequested)="shell.onTimelineFork($event)"
     >
       <span chatSidebarPanelTitle>{{ shell.currentThreadTitle() }}</span>
       <div class="sidebar-mode__background">

examples/chat/angular/src/app/shell/demo-shell.component.html

@@ -78,8 +78,6 @@
     (searchOpened)="paletteOpen.set(true)"
     (openChange)="onSidenavOpenChange($event)"
     (modeChange)="onSidenavModeChange($event)"
-    (replayRequested)="onTimelineReplay($event)"
-    (forkRequested)="onTimelineFork($event)"
   >
     <button
       sidenavFooterRight

examples/chat/angular/src/app/shell/demo-shell.component.ts

@@ -411,18 +411,6 @@ export class DemoShell {
     this.persistence.write('sidenavMode', next);
   }
 
-  onTimelineReplay(checkpointId: string): void {
-    void this.agent.submit(null as never, { checkpointId } as never);
-  }
-
-  async onTimelineFork(checkpointId: string): Promise<void> {
-    const id = await this.threadsSvc.create();
-    if (!id) return;
-    this.threadIdSignal.set(id);
-    this.persistence.write('threadId', id);
-    void this.agent.submit(null as never, { checkpointId } as never);
-  }
-
   /** Switch to an existing thread selected from the threads panel. */
   protected onThreadSelected(threadId: string): void {
     this.threadIdSignal.set(threadId);

libs/a2ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/a2ui",
-  "version": "0.0.42",
+  "version": "0.0.43",
   "license": "MIT",
   "repository": {
     "type": "git",

libs/ag-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/ag-ui",
-  "version": "0.0.42",
+  "version": "0.0.43",
   "peerDependencies": {
     "@ngaf/chat": "*",
     "@ngaf/licensing": "*",

libs/chat/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/chat",
-  "version": "0.0.42",
+  "version": "0.0.43",
   "exports": {
     "./chat.css": "./chat.css",
     "./themes/default-dark.css": "./themes/default-dark.css",

libs/chat/src/lib/compositions/chat-popup/chat-popup.component.ts

@@ -1,6 +1,6 @@
 // libs/chat/src/lib/compositions/chat-popup/chat-popup.component.ts
 // SPDX-License-Identifier: MIT
-import { Component, ChangeDetectionStrategy, input, model, output, DestroyRef, inject, DOCUMENT, effect } from '@angular/core';
+import { Component, ChangeDetectionStrategy, input, model, DestroyRef, inject, DOCUMENT, effect } from '@angular/core';
 import type { Agent } from '../../agent';
 import type { ViewRegistry } from '@ngaf/render';
 import { ChatComponent } from '../chat/chat.component';
@@ -72,8 +72,6 @@ import { CHAT_HOST_TOKENS, ensureChatRootStyles } from '../../styles/chat-tokens
         [showModelPicker]="showModelPicker()"
         [selectedModel]="selectedModel()"
         (selectedModelChange)="selectedModel.set($event)"
-        (replayRequested)="replayRequested.emit($event)"
-        (forkRequested)="forkRequested.emit($event)"
       >
         <ng-content select="[chatHeader]" chatHeader />
         <ng-content select="[chatWelcomeSuggestions]" chatWelcomeSuggestions />
@@ -101,8 +99,6 @@ export class ChatPopupComponent {
   /** Two-way bound current model value. */
   readonly selectedModel = model<string>('');
   readonly open = model(false);
-  readonly replayRequested = output<string>();
-  readonly forkRequested = output<string>();
   /**
    * Keyboard shortcut (single key) that toggles the popup with cmd (mac)
    * or ctrl (other). Set to `null` to disable. Default: 'k' — matches the

libs/chat/src/lib/compositions/chat-sidebar/chat-sidebar.component.ts

@@ -8,7 +8,6 @@ import {
   inject,
   input,
   model,
-  output,
 } from '@angular/core';
 import type { Agent } from '../../agent';
 import type { ViewRegistry } from '@ngaf/render';
@@ -114,8 +113,6 @@ import { CHAT_HOST_TOKENS, ensureChatRootStyles } from '../../styles/chat-tokens
         [showModelPicker]="showModelPicker()"
         [selectedModel]="selectedModel()"
         (selectedModelChange)="selectedModel.set($event)"
-        (replayRequested)="replayRequested.emit($event)"
-        (forkRequested)="forkRequested.emit($event)"
       >
         <ng-content select="[chatHeader]" chatHeader />
         <ng-content select="[chatWelcomeSuggestions]" chatWelcomeSuggestions />
@@ -146,8 +143,6 @@ export class ChatSidebarComponent {
   /** Close the sidebar on Escape (default true). */
   readonly closeOnEscape = input<boolean>(true);
   readonly pushContent = input<boolean>(false);
-  readonly replayRequested = output<string>();
-  readonly forkRequested = output<string>();
 
   private readonly document = inject(DOCUMENT);
 

libs/chat/src/lib/compositions/chat-sidenav/chat-sidenav.component.ts

@@ -39,12 +39,6 @@ type ChatDebugDock = 'right' | 'bottom' | 'left';
 interface ChatDebugInstance {
   setOpen(value: boolean): void;
   setDock?(dock: ChatDebugDock): void;
-  replayRequested?: {
-    subscribe(callback: (checkpointId: string) => void): OutputRefSubscription;
-  };
-  forkRequested?: {
-    subscribe(callback: (checkpointId: string) => void): OutputRefSubscription;
-  };
   openChange?: {
     subscribe(callback: (open: boolean) => void): OutputRefSubscription;
   };
@@ -330,8 +324,6 @@ export class ChatSidenavComponent {
   readonly modeChange = output<ChatSidenavMode>();
   readonly projectSelected = output<string>();
   readonly newProjectRequested = output<void>();
-  readonly replayRequested = output<string>();
-  readonly forkRequested = output<string>();
 
   protected readonly archivedOpen = signal<boolean>(false);
   protected readonly showDebugButton = computed(
@@ -428,16 +420,6 @@ export class ChatSidenavComponent {
       this.debugRef.setInput('storageKey', 'chat-sidenav-debug');
       const initialDock = this.defaultDebugDock();
       this.debugRef.setInput('dock', initialDock);
-      const replaySub = this.debugRef.instance.replayRequested?.subscribe(
-        (checkpointId) => {
-          this.replayRequested.emit(checkpointId);
-        }
-      );
-      const forkSub = this.debugRef.instance.forkRequested?.subscribe(
-        (checkpointId) => {
-          this.forkRequested.emit(checkpointId);
-        }
-      );
       const openSub = this.debugRef.instance.openChange?.subscribe((open) => {
         if (open) {
           this.setDebugEdgeClaim(this.currentDebugDock);
@@ -450,8 +432,6 @@ export class ChatSidenavComponent {
         this.setDebugEdgeClaim(dock);
       });
       this.debugOutputSubscriptions = [
-        replaySub,
-        forkSub,
         openSub,
         dockSub,
       ].filter((sub): sub is OutputRefSubscription => !!sub);