@copilotkitnext/angular 1.54.1 → 1.54.2

package/.attw.json

@@ -1,10 +1,4 @@
 {
-  "ignoreRules": [
-    "cjs-resolves-to-esm",
-    "no-resolution",
-    "untyped-resolution"
-  ],
-  "excludeEntrypoints": [
-    "./styles.css"
-  ]
-}
+  "ignoreRules": ["cjs-resolves-to-esm", "no-resolution", "untyped-resolution"],
+  "excludeEntrypoints": ["./styles.css"]
+}

package/README.md

@@ -6,7 +6,7 @@ Angular bindings for CopilotKit core and AG-UI agents. This package provides ser
 
 ```bash
 # npm
-npm install @copilotkitnext/{core,angular}
+npm install @copilotkit/{core,angular}
 ```
 
 - `@angular/core` and `@angular/common` (19+)
@@ -21,7 +21,7 @@ Configure runtime and tools in your app config:
 
 ```ts
 import { ApplicationConfig } from "@angular/core";
-import { provideCopilotKit } from "@copilotkitnext/angular";
+import { provideCopilotKit } from "@copilotkit/angular";
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -40,8 +40,8 @@ export const appConfig: ApplicationConfig = {
 ```ts
 import { Component, inject, signal } from "@angular/core";
 import { Message } from "@ag-ui/client";
-import { CopilotKit, injectAgentStore } from "@copilotkitnext/angular";
-import { randomUUID } from "@copilotkitnext/shared";
+import { CopilotKit, injectAgentStore } from "@copilotkit/angular";
+import { randomUUID } from "@copilotkit/shared";
 
 @Component({
   template: `
@@ -178,7 +178,7 @@ Advanced factory for creating `AgentStore` signals. Most apps should use `inject
 Connect AG-UI context to the runtime (auto-cleanup when the effect is destroyed):
 
 ```ts
-import { connectAgentContext } from "@copilotkitnext/angular";
+import { connectAgentContext } from "@copilotkit/angular";
 
 connectAgentContext({
   description: "User preferences",
@@ -250,7 +250,7 @@ import {
   registerFrontendTool,
   registerRenderToolCall,
   registerHumanInTheLoop,
-} from "@copilotkitnext/angular";
+} from "@copilotkit/angular";
 import { z } from "zod";
 
 registerFrontendTool({

package/dist/README.md

@@ -6,7 +6,7 @@ Angular bindings for CopilotKit core and AG-UI agents. This package provides ser
 
 ```bash
 # npm
-npm install @copilotkitnext/{core,angular}
+npm install @copilotkit/{core,angular}
 ```
 
 - `@angular/core` and `@angular/common` (19+)
@@ -21,7 +21,7 @@ Configure runtime and tools in your app config:
 
 ```ts
 import { ApplicationConfig } from "@angular/core";
-import { provideCopilotKit } from "@copilotkitnext/angular";
+import { provideCopilotKit } from "@copilotkit/angular";
 
 export const appConfig: ApplicationConfig = {
   providers: [
@@ -40,8 +40,8 @@ export const appConfig: ApplicationConfig = {
 ```ts
 import { Component, inject, signal } from "@angular/core";
 import { Message } from "@ag-ui/client";
-import { CopilotKit, injectAgentStore } from "@copilotkitnext/angular";
-import { randomUUID } from "@copilotkitnext/shared";
+import { CopilotKit, injectAgentStore } from "@copilotkit/angular";
+import { randomUUID } from "@copilotkit/shared";
 
 @Component({
   template: `
@@ -178,7 +178,7 @@ Advanced factory for creating `AgentStore` signals. Most apps should use `inject
 Connect AG-UI context to the runtime (auto-cleanup when the effect is destroyed):
 
 ```ts
-import { connectAgentContext } from "@copilotkitnext/angular";
+import { connectAgentContext } from "@copilotkit/angular";
 
 connectAgentContext({
   description: "User preferences",
@@ -250,7 +250,7 @@ import {
   registerFrontendTool,
   registerRenderToolCall,
   registerHumanInTheLoop,
-} from "@copilotkitnext/angular";
+} from "@copilotkit/angular";
 import { z } from "zod";
 
 registerFrontendTool({

package/dist/fesm2022/copilotkitnext-angular.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, Injector, signal, runInInjectionContext, DestroyRef, input, Component, computed, ElementRef, effect, TemplateRef, ViewContainerRef, ViewChild, Inject, ChangeDetectionStrategy, Input, Directive, output, HostListener, ViewEncapsulation, ContentChild, Optional, ChangeDetectorRef, PLATFORM_ID, forwardRef } from '@angular/core';
-import { CopilotKitCoreRuntimeConnectionStatus, CopilotKitCore, ProxiedCopilotRuntimeAgent, completePartialMarkdown } from '@copilotkitnext/core';
+import { CopilotKitCoreRuntimeConnectionStatus, CopilotKitCore, ProxiedCopilotRuntimeAgent, completePartialMarkdown } from '@copilotkit/core';
 import { Subject, lastValueFrom, filter, take, BehaviorSubject, merge, fromEvent, animationFrameScheduler } from 'rxjs';
 import * as i1$1 from '@angular/common';
 import { NgComponentOutlet, CommonModule, isPlatformBrowser } from '@angular/common';
-import { partialJSONParse, DEFAULT_AGENT_ID, randomUUID } from '@copilotkitnext/shared';
+import { partialJSONParse, DEFAULT_AGENT_ID, randomUUID } from '@copilotkit/shared';
 import { startWith, throttleTime, map, distinctUntilChanged, takeUntil, debounceTime, filter as filter$1 } from 'rxjs/operators';
 import * as i1 from '@angular/cdk/scrolling';
 import { ScrollingModule } from '@angular/cdk/scrolling';
@@ -149,7 +149,7 @@ class CopilotKit {
     runtimeConnectionStatus = this.#runtimeConnectionStatus.asReadonly();
     #runtimeUrl = signal(undefined);
     runtimeUrl = this.#runtimeUrl.asReadonly();
-    #runtimeTransport = signal("rest");
+    #runtimeTransport = signal("auto");
     runtimeTransport = this.#runtimeTransport.asReadonly();
     #headers = signal({});
     headers = this.#headers.asReadonly();
@@ -2133,7 +2133,9 @@ class CopilotChatAssistantMessageToolbarButton {
         "shrink-0", this.inputClass());
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatAssistantMessageToolbarButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatAssistantMessageToolbarButton, isStandalone: true, selector: "button[copilotChatAssistantMessageToolbarButton]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "class": "computedClass()", "attr.disabled": "disabled() ? true : null", "attr.aria-label": "title()" } }, hostDirectives: [{ directive: CopilotTooltip, inputs: ["copilotTooltip", "title", "tooltipPosition", "tooltipPosition", "tooltipDelay", "tooltipDelay"] }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatAssistantMessageToolbarButton, isStandalone: true, selector: "button[copilotChatAssistantMessageToolbarButton]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "class": "computedClass()", "attr.disabled": "disabled() ? true : null", "attr.aria-label": "title()" } }, hostDirectives: [{ directive: CopilotTooltip, inputs: ["copilotTooltip", "title", "tooltipPosition", "tooltipPosition", "tooltipDelay", "tooltipDelay"] }], ngImport: i0, template: `
+    <ng-content></ng-content>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatAssistantMessageToolbarButton, decorators: [{
             type: Component,
@@ -2143,7 +2145,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     imports: [CommonModule],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    template: ` <ng-content></ng-content> `,
+                    template: `
+    <ng-content></ng-content>
+  `,
                     host: {
                         "[class]": "computedClass()",
                         "[attr.disabled]": "disabled() ? true : null",
@@ -2660,9 +2664,7 @@ class CopilotChatAssistantMessage {
                 handlers.hasAssistantThumbsDownHandler()
               ) {
                 <copilot-slot
-                  [slot]="
-                    thumbsDownButtonTemplate || thumbsDownButtonComponent()
-                  "
+                  [slot]="thumbsDownButtonTemplate || thumbsDownButtonComponent()"
                   [context]="{}"
                   [defaultComponent]="defaultThumbsDownButtonComponent"
                   [outputs]="thumbsDownButtonOutputs"
@@ -2683,9 +2685,7 @@ class CopilotChatAssistantMessage {
               <!-- Regenerate button - only show if custom slot provided -->
               @if (regenerateButtonComponent() || regenerateButtonTemplate) {
                 <copilot-slot
-                  [slot]="
-                    regenerateButtonTemplate || regenerateButtonComponent()
-                  "
+                  [slot]="regenerateButtonTemplate || regenerateButtonComponent()"
                   [context]="{}"
                   [outputs]="regenerateButtonOutputs"
                 >
@@ -2801,9 +2801,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 handlers.hasAssistantThumbsDownHandler()
               ) {
                 <copilot-slot
-                  [slot]="
-                    thumbsDownButtonTemplate || thumbsDownButtonComponent()
-                  "
+                  [slot]="thumbsDownButtonTemplate || thumbsDownButtonComponent()"
                   [context]="{}"
                   [defaultComponent]="defaultThumbsDownButtonComponent"
                   [outputs]="thumbsDownButtonOutputs"
@@ -2824,9 +2822,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               <!-- Regenerate button - only show if custom slot provided -->
               @if (regenerateButtonComponent() || regenerateButtonTemplate) {
                 <copilot-slot
-                  [slot]="
-                    regenerateButtonTemplate || regenerateButtonComponent()
-                  "
+                  [slot]="regenerateButtonTemplate || regenerateButtonComponent()"
                   [context]="{}"
                   [outputs]="regenerateButtonOutputs"
                 >
@@ -2883,7 +2879,9 @@ class CopilotChatUserMessageRenderer {
         return cn("prose dark:prose-invert bg-muted relative max-w-[80%] rounded-[18px] px-4 py-1.5 data-[multiline]:py-3 inline-block whitespace-pre-wrap", this.inputClass());
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatUserMessageRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatUserMessageRenderer, isStandalone: true, selector: "copilot-chat-user-message-renderer", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0, template: `{{ content() }}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatUserMessageRenderer, isStandalone: true, selector: "copilot-chat-user-message-renderer", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0, template: `
+    {{ content() }}
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatUserMessageRenderer, decorators: [{
             type: Component,
@@ -2896,7 +2894,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     host: {
                         "[class]": "computedClass()",
                     },
-                    template: `{{ content() }}`,
+                    template: `
+    {{ content() }}
+  `,
                 }]
         }] });
 
@@ -2927,7 +2927,9 @@ class CopilotChatUserMessageToolbarButton {
         "disabled:opacity-50 disabled:cursor-not-allowed", this.inputClass());
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatUserMessageToolbarButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatUserMessageToolbarButton, isStandalone: true, selector: "button[copilotChatUserMessageToolbarButton]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "class": "computedClass()", "attr.disabled": "disabled() ? true : null", "attr.aria-label": "title()" } }, hostDirectives: [{ directive: CopilotTooltip, inputs: ["copilotTooltip", "title", "tooltipPosition", "tooltipPosition", "tooltipDelay", "tooltipDelay"] }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatUserMessageToolbarButton, isStandalone: true, selector: "button[copilotChatUserMessageToolbarButton]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "class": "computedClass()", "attr.disabled": "disabled() ? true : null", "attr.aria-label": "title()" } }, hostDirectives: [{ directive: CopilotTooltip, inputs: ["copilotTooltip", "title", "tooltipPosition", "tooltipPosition", "tooltipDelay", "tooltipDelay"] }], ngImport: i0, template: `
+    <ng-content></ng-content>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatUserMessageToolbarButton, decorators: [{
             type: Component,
@@ -2937,7 +2939,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     imports: [CommonModule],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    template: ` <ng-content></ng-content> `,
+                    template: `
+    <ng-content></ng-content>
+  `,
                     host: {
                         "[class]": "computedClass()",
                         "[attr.disabled]": "disabled() ? true : null",
@@ -3077,7 +3081,9 @@ class CopilotChatUserMessageToolbar {
     inputClass = input();
     computedClass = computed(() => cn("w-full bg-transparent flex items-center justify-end mt-[4px] invisible group-hover:visible", this.inputClass()));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatUserMessageToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatUserMessageToolbar, isStandalone: true, selector: "div[copilotChatUserMessageToolbar]", inputs: { inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatUserMessageToolbar, isStandalone: true, selector: "div[copilotChatUserMessageToolbar]", inputs: { inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0, template: `
+    <ng-content></ng-content>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatUserMessageToolbar, decorators: [{
             type: Component,
@@ -3087,7 +3093,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     imports: [CommonModule],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    template: ` <ng-content></ng-content> `,
+                    template: `
+    <ng-content></ng-content>
+  `,
                     host: {
                         "[class]": "computedClass()",
                     },
@@ -3373,9 +3381,7 @@ class CopilotChatUserMessage {
             @if (showBranchNavigation()) {
               @if (branchNavigationTemplate || branchNavigationComponent()) {
                 <copilot-slot
-                  [slot]="
-                    branchNavigationTemplate || branchNavigationComponent()
-                  "
+                  [slot]="branchNavigationTemplate || branchNavigationComponent()"
                   [context]="branchNavigationContext()"
                   [defaultComponent]="CopilotChatUserMessageBranchNavigation"
                 >
@@ -3484,9 +3490,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             @if (showBranchNavigation()) {
               @if (branchNavigationTemplate || branchNavigationComponent()) {
                 <copilot-slot
-                  [slot]="
-                    branchNavigationTemplate || branchNavigationComponent()
-                  "
+                  [slot]="branchNavigationTemplate || branchNavigationComponent()"
                   [context]="branchNavigationContext()"
                   [defaultComponent]="CopilotChatUserMessageBranchNavigation"
                 >
@@ -3533,7 +3537,9 @@ class CopilotChatMessageViewCursor {
     // Computed class that matches React exactly: w-[11px] h-[11px] rounded-full bg-foreground animate-pulse-cursor ml-1
     computedClass = computed(() => cn("w-[11px] h-[11px] rounded-full bg-foreground animate-pulse-cursor ml-1", this.inputClass()));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatMessageViewCursor, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatMessageViewCursor, isStandalone: true, selector: "copilot-chat-message-view-cursor", inputs: { inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ` <div [class]="computedClass()"></div> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatMessageViewCursor, isStandalone: true, selector: "copilot-chat-message-view-cursor", inputs: { inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div [class]="computedClass()"></div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatMessageViewCursor, decorators: [{
             type: Component,
@@ -3543,7 +3549,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     imports: [CommonModule],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    template: ` <div [class]="computedClass()"></div> `,
+                    template: `
+    <div [class]="computedClass()"></div>
+  `,
                 }]
         }] });
 
@@ -3646,17 +3654,12 @@ class CopilotChatMessageView {
       <!-- Default layout - exact React DOM structure: div with "flex flex-col" classes -->
       <div [class]="computedClass()">
         <!-- Message iteration - simplified without tool calls -->
-        @for (
-          message of messagesValue();
-          track trackByMessageId($index, message)
-        ) {
+        @for (message of messagesValue(); track trackByMessageId($index, message)) {
           @if (message && message.role === "assistant") {
             <!-- Assistant message with slot support -->
             @if (assistantMessageComponent() || assistantMessageTemplate()) {
               <copilot-slot
-                [slot]="
-                  assistantMessageTemplate() || assistantMessageComponent()
-                "
+                [slot]="assistantMessageTemplate() || assistantMessageComponent()"
                 [context]="mergeAssistantProps(message)"
                 [defaultComponent]="defaultAssistantComponent"
               >
@@ -3737,17 +3740,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
       <!-- Default layout - exact React DOM structure: div with "flex flex-col" classes -->
       <div [class]="computedClass()">
         <!-- Message iteration - simplified without tool calls -->
-        @for (
-          message of messagesValue();
-          track trackByMessageId($index, message)
-        ) {
+        @for (message of messagesValue(); track trackByMessageId($index, message)) {
           @if (message && message.role === "assistant") {
             <!-- Assistant message with slot support -->
             @if (assistantMessageComponent() || assistantMessageTemplate()) {
               <copilot-slot
-                [slot]="
-                  assistantMessageTemplate() || assistantMessageComponent()
-                "
+                [slot]="assistantMessageTemplate() || assistantMessageComponent()"
                 [context]="mergeAssistantProps(message)"
                 [defaultComponent]="defaultAssistantComponent"
               >
@@ -4356,7 +4354,9 @@ class CopilotChatViewFeather {
         this.inputClass());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatViewFeather, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatViewFeather, isStandalone: true, selector: "copilot-chat-view-feather", inputs: { inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ` <div [class]="computedClass" [style]="style()"></div> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatViewFeather, isStandalone: true, selector: "copilot-chat-view-feather", inputs: { inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div [class]="computedClass" [style]="style()"></div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatViewFeather, decorators: [{
             type: Component,
@@ -4366,7 +4366,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     imports: [CommonModule],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    template: ` <div [class]="computedClass" [style]="style()"></div> `,
+                    template: `
+    <div [class]="computedClass" [style]="style()"></div>
+  `,
                 }]
         }] });
 
@@ -5005,13 +5007,17 @@ class CopilotChatToolbar {
         return cn(baseClasses, this.inputClass());
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatToolbar, isStandalone: true, selector: "div[copilotChatToolbar]", inputs: { inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: CopilotChatToolbar, isStandalone: true, selector: "div[copilotChatToolbar]", inputs: { inputClass: { classPropertyName: "inputClass", publicName: "inputClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0, template: `
+    <ng-content></ng-content>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CopilotChatToolbar, decorators: [{
             type: Component,
             args: [{ selector: "div[copilotChatToolbar]", standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         "[class]": "computedClass()",
-                    }, template: `<ng-content></ng-content>` }]
+                    }, template: `
+    <ng-content></ng-content>
+  ` }]
         }] });
 
 class CopilotChatToolsMenu {
@@ -5091,9 +5097,7 @@ class CopilotChatToolsMenu {
                   >
                     @for (subItem of item.items; track $index) {
                       @if (subItem === "-") {
-                        <div
-                          class="h-px bg-gray-200 dark:bg-gray-700 my-1"
-                        ></div>
+                        <div class="h-px bg-gray-200 dark:bg-gray-700 my-1"></div>
                       } @else if (isMenuItem(subItem)) {
                         <button
                           type="button"
@@ -5172,9 +5176,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                   >
                     @for (subItem of item.items; track $index) {
                       @if (subItem === "-") {
-                        <div
-                          class="h-px bg-gray-200 dark:bg-gray-700 my-1"
-                        ></div>
+                        <div class="h-px bg-gray-200 dark:bg-gray-700 my-1"></div>
                       } @else if (isMenuItem(subItem)) {
                         <button
                           type="button"
@@ -5506,8 +5508,7 @@ class CopilotChatInput {
           <div class="flex items-center">
             @if (computedMode() === "transcribe") {
               @if (
-                cancelTranscribeButtonTemplate ||
-                cancelTranscribeButtonComponent()
+                cancelTranscribeButtonTemplate || cancelTranscribeButtonComponent()
               ) {
                 <copilot-slot
                   [slot]="
@@ -5526,8 +5527,7 @@ class CopilotChatInput {
                 </copilot-chat-cancel-transcribe-button>
               }
               @if (
-                finishTranscribeButtonTemplate ||
-                finishTranscribeButtonComponent()
+                finishTranscribeButtonTemplate || finishTranscribeButtonComponent()
               ) {
                 <copilot-slot
                   [slot]="
@@ -5547,8 +5547,7 @@ class CopilotChatInput {
               }
             } @else {
               @if (
-                startTranscribeButtonTemplate ||
-                startTranscribeButtonComponent()
+                startTranscribeButtonTemplate || startTranscribeButtonComponent()
               ) {
                 <copilot-slot
                   [slot]="
@@ -5700,8 +5699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           <div class="flex items-center">
             @if (computedMode() === "transcribe") {
               @if (
-                cancelTranscribeButtonTemplate ||
-                cancelTranscribeButtonComponent()
+                cancelTranscribeButtonTemplate || cancelTranscribeButtonComponent()
               ) {
                 <copilot-slot
                   [slot]="
@@ -5720,8 +5718,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 </copilot-chat-cancel-transcribe-button>
               }
               @if (
-                finishTranscribeButtonTemplate ||
-                finishTranscribeButtonComponent()
+                finishTranscribeButtonTemplate || finishTranscribeButtonComponent()
               ) {
                 <copilot-slot
                   [slot]="
@@ -5741,8 +5738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
               }
             } @else {
               @if (
-                startTranscribeButtonTemplate ||
-                startTranscribeButtonComponent()
+                startTranscribeButtonTemplate || startTranscribeButtonComponent()
               ) {
                 <copilot-slot
                   [slot]="
@@ -6507,7 +6503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  *
  * @example
  * ```typescript
- * import { CopilotChatInputDefaults } from '@copilotkitnext/angular';
+ * import { CopilotChatInputDefaults } from '@copilotkit/angular';
  *
  * @Component({
   standalone: true,