@copilotkitnext/angular 0.0.8 → 0.0.9-alpha.0

package/dist/fesm2022/copilotkitnext-angular.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, signal, computed, effect, untracked, Inject, Injectable, Optional, inject, DestroyRef, runInInjectionContext, ChangeDetectionStrategy, Component, ElementRef, ViewContainerRef, HostListener, Input, Directive, isDevMode, EventEmitter, Output, TemplateRef, ViewChild, ViewEncapsulation, ContentChild, ChangeDetectorRef, PLATFORM_ID, forwardRef, SkipSelf } from '@angular/core';
 import { toObservable } from '@angular/core/rxjs-interop';
-import { CopilotKitCore, ToolCallStatus, completePartialMarkdown } from '@copilotkitnext/core';
+import { CopilotKitCore, CopilotKitCoreRuntimeConnectionStatus, ToolCallStatus, completePartialMarkdown, ProxiedCopilotRuntimeAgent } from '@copilotkitnext/core';
 export { ToolCallStatus } from '@copilotkitnext/core';
 import { DEFAULT_AGENT_ID, partialJSONParse, randomUUID } from '@copilotkitnext/shared';
 import { Overlay, OverlayPositionBuilder, OverlayModule } from '@angular/cdk/overlay';
@@ -108,26 +108,24 @@ class CopilotKitService {
         this._runtimeStateVersion = signal(0);
         // Initialize computed signals for processed values
         this._allTools = computed(() => {
-            const tools = {};
-            // Add frontend tools
+            const toolMap = new Map();
             this._frontendTools().forEach((tool) => {
-                tools[tool.name] = tool;
+                toolMap.set(tool.name, tool);
             });
-            // Process human-in-the-loop tools
             this._humanInTheLoop().forEach((tool) => {
                 const frontendTool = {
                     name: tool.name,
                     description: tool.description,
                     parameters: tool.parameters,
                     followUp: tool.followUp,
-                    handler: async (args) => {
+                    handler: async () => {
                         console.warn(`Human-in-the-loop tool '${tool.name}' called but no interactive handler is set up.`);
                         return undefined;
                     },
                 };
-                tools[tool.name] = frontendTool;
+                toolMap.set(tool.name, frontendTool);
             });
-            return tools;
+            return Array.from(toolMap.values());
         });
         this._allRenderToolCalls = computed(() => {
             const combined = [...this._renderToolCalls()];
@@ -194,11 +192,11 @@ class CopilotKitService {
      * Process frontend tools and human-in-the-loop tools
      */
     processTools(frontendTools, humanInTheLoop, renderToolCalls) {
-        const allTools = {};
+        const toolMap = new Map();
         const allRenderToolCalls = [...renderToolCalls];
         // Add frontend tools
         frontendTools.forEach((tool) => {
-            allTools[tool.name] = tool;
+            toolMap.set(tool.name, tool);
             // Add render component if provided
             if (tool.render) {
                 allRenderToolCalls.push({
@@ -223,7 +221,7 @@ class CopilotKitService {
                     return undefined;
                 },
             };
-            allTools[tool.name] = frontendTool;
+            toolMap.set(tool.name, frontendTool);
             // Add the render component
             if (tool.render) {
                 allRenderToolCalls.push({
@@ -233,7 +231,7 @@ class CopilotKitService {
                 });
             }
         });
-        return { allTools, allRenderToolCalls };
+        return { allTools: Array.from(toolMap.values()), allRenderToolCalls };
     }
     /**
      * Setup stability warning effects
@@ -268,7 +266,9 @@ class CopilotKitService {
         // Sync runtime URL
         effect(() => {
             const url = this.runtimeUrl();
-            untracked(() => this.copilotkit.setRuntimeUrl(url));
+            untracked(() => {
+                this.copilotkit.setRuntimeUrl(url);
+            });
         });
         // Sync headers
         effect(() => {
@@ -288,9 +288,11 @@ class CopilotKitService {
         // Sync tools - computed from frontend tools and human-in-the-loop
         effect(() => {
             const tools = this._allTools();
-            // Update copilotkit.tools directly since there's no setTools method
             untracked(() => {
-                this.copilotkit.tools = tools;
+                const setTools = this.copilotkit?.setTools;
+                if (typeof setTools === "function") {
+                    setTools.call(this.copilotkit, tools);
+                }
             });
         });
     }
@@ -299,12 +301,7 @@ class CopilotKitService {
      */
     setupEventSubscription() {
         const unsubscribe = this.copilotkit.subscribe({
-            onRuntimeLoaded: () => {
-                // Increment version to notify all consumers that runtime state has changed
-                // This triggers re-evaluation of computed signals that depend on runtime state
-                this.notifyRuntimeStateChange();
-            },
-            onRuntimeLoadError: () => {
+            onRuntimeConnectionStatusChanged: () => {
                 // Increment version to notify all consumers that runtime state has changed
                 // This triggers re-evaluation of computed signals that depend on runtime state
                 this.notifyRuntimeStateChange();
@@ -1138,15 +1135,14 @@ function watchAgent(config) {
     subscribeToAgent();
     // Subscribe to CopilotKit changes to detect agent updates
     const coreUnsubscribe = service.copilotkit.subscribe({
-        onRuntimeLoaded() {
-            // Re-check agent when runtime loads
-            currentAgent = updateAgent();
-            subscribeToAgent();
-        },
-        onRuntimeLoadError() {
-            // Also re-check agent on runtime load error to ensure consistency
-            currentAgent = updateAgent();
-            subscribeToAgent();
+        onRuntimeConnectionStatusChanged({ status }) {
+            if (status === CopilotKitCoreRuntimeConnectionStatus.Connected ||
+                status === CopilotKitCoreRuntimeConnectionStatus.Disconnected ||
+                status === CopilotKitCoreRuntimeConnectionStatus.Error) {
+                // Re-check agent when runtime connection state changes
+                currentAgent = updateAgent();
+                subscribeToAgent();
+            }
         },
     });
     // Register cleanup
@@ -2446,9 +2442,12 @@ class CopilotKitAgentDirective {
     subscribeToCore() {
         // Subscribe to CopilotKit changes to detect agent updates
         this.coreUnsubscribe = this.copilotkit.copilotkit.subscribe({
-            onRuntimeLoaded: () => {
-                // Re-check agent when runtime loads
-                this.setupAgent();
+            onRuntimeConnectionStatusChanged: ({ status }) => {
+                if (status === CopilotKitCoreRuntimeConnectionStatus.Connected ||
+                    status === CopilotKitCoreRuntimeConnectionStatus.Disconnected) {
+                    // Re-check agent when runtime connection changes state
+                    this.setupAgent();
+                }
             },
         });
     }
@@ -9141,7 +9140,7 @@ class CopilotChatComponent {
             a.threadId = this.threadId || this.generatedThreadId;
             if (!this.hasConnectedOnce) {
                 this.hasConnectedOnce = true;
-                if ('isCopilotKitAgent' in a) {
+                if (a instanceof ProxiedCopilotRuntimeAgent) {
                     this.connectToAgent(a);
                 }
                 else {