@copilotkitnext/angular 0.0.6 → 0.0.8

package/dist/fesm2022/copilotkitnext-angular.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, signal, computed, effect, untracked, Inject, Injectable, Optional, inject, DestroyRef, ChangeDetectionStrategy, Component, ElementRef, ViewContainerRef, HostListener, Input, Directive, isDevMode, EventEmitter, Output, TemplateRef, ViewChild, ViewEncapsulation, ContentChild, ChangeDetectorRef, PLATFORM_ID, forwardRef, runInInjectionContext, SkipSelf } 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';
 export { ToolCallStatus } from '@copilotkitnext/core';
@@ -1191,6 +1191,32 @@ function getAgent(service, agentId) {
     const effectiveAgentId = agentId ?? DEFAULT_AGENT_ID;
     return service.copilotkit.getAgent(effectiveAgentId);
 }
+/**
+ * Convenience wrapper for watchAgent that handles injection context.
+ * Useful when you need to call watchAgent outside of a constructor or field initializer.
+ *
+ * @param injector - The Angular Injector to use for injection context
+ * @param config - Optional configuration with agentId
+ * @returns Object with agent, messages, and isRunning signals plus observables
+ *
+ * @example
+ * ```typescript
+ * export class MyComponent {
+ *   constructor(private injector: Injector) {}
+ *
+ *   switchAgent(newAgentId: string) {
+ *     // Can call outside of constructor using watchAgentWith
+ *     const watcher = watchAgentWith(this.injector, { agentId: newAgentId });
+ *     this.agent = watcher.agent;
+ *     this.messages = watcher.messages;
+ *     this.isRunning = watcher.isRunning;
+ *   }
+ * }
+ * ```
+ */
+function watchAgentWith(injector, config) {
+    return runInInjectionContext(injector, () => watchAgent(config));
+}
 /**
  * Subscribes to an agent's events with custom callbacks.
  * Returns a cleanup function that should be called to unsubscribe.
@@ -1237,24 +1263,6 @@ function subscribeToAgent(service, agentId, callbacks) {
     });
     return () => subscription.unsubscribe();
 }
-/**
- * Registers an agent watcher that automatically cleans up on component destroy.
- * This is an alias for watchAgent with a more explicit name.
- * Must be called within an injection context.
- *
- * @param config - Optional configuration with agentId
- * @returns Object with agent, messages, and isRunning signals plus observables
- *
- * @example
- * ```typescript
- * export class MyComponent {
- *   agentState = registerAgentWatcher({ agentId: 'my-agent' });
- * }
- * ```
- */
-function registerAgentWatcher(config) {
-    return watchAgent(config);
-}
 
 /**
  * Registers a human-in-the-loop tool that requires user interaction.
@@ -4559,7 +4567,7 @@ class CopilotChatInputComponent {
             else if (this.audioRecorderRef?.getState() === 'recording') {
                 this.audioRecorderRef.stop().catch(console.error);
             }
-        });
+        }, { allowSignalWrites: true });
         // Sync with chat configuration
         effect(() => {
             const configValue = this.chatConfig?.inputValue();
@@ -9116,6 +9124,7 @@ class CopilotChatComponent {
     injector;
     agentId;
     threadId;
+    inputComponent;
     constructor(chatConfig, cdr, injector) {
         this.chatConfig = chatConfig;
         this.cdr = cdr;
@@ -9143,15 +9152,14 @@ class CopilotChatComponent {
             }
         }, { allowSignalWrites: true });
     }
-    // Signals from watchAgent - using direct references instead of assignment
-    agent = signal(undefined).asReadonly();
-    messages = signal([]).asReadonly();
-    isRunning = signal(false).asReadonly();
+    // Signals from watchAgent - destructured from watcher
+    agent;
+    messages;
+    isRunning;
     showCursor = signal(false);
     generatedThreadId = randomUUID();
-    agentWatcher;
+    watcher;
     hasConnectedOnce = false;
-    lastAgentId;
     ngOnInit() {
         this.setupChatHandlers();
     }
@@ -9238,27 +9246,21 @@ class CopilotChatComponent {
             // Keep input state if needed
         });
     }
-    ngOnDestroy() {
-        if (this.agentWatcher?.unsubscribe) {
-            this.agentWatcher.unsubscribe();
-        }
-    }
     createWatcher(desiredAgentId) {
-        // Tear down previous watcher if it exists
-        if (this.agentWatcher?.unsubscribe) {
-            this.agentWatcher.unsubscribe();
-            this.agentWatcher = undefined;
-        }
-        // Setup watcher for desired agent - ensure injection context
-        this.agentWatcher = runInInjectionContext(this.injector, () => watchAgent({ agentId: desiredAgentId }));
-        this.agent = this.agentWatcher.agent;
-        this.messages = this.agentWatcher.messages;
-        this.isRunning = this.agentWatcher.isRunning;
+        // Tear down previous watcher if it exists to prevent parallel subscriptions
+        this.watcher?.unsubscribe();
+        // Create new watcher using the ergonomic helper
+        const w = watchAgentWith(this.injector, { agentId: desiredAgentId });
+        // Destructure signals directly to class fields
+        this.agent = w.agent;
+        this.messages = w.messages;
+        this.isRunning = w.isRunning;
+        this.watcher = w;
+        // Reset connection state for new agent
         this.hasConnectedOnce = false;
-        this.lastAgentId = desiredAgentId;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CopilotChatComponent, deps: [{ token: CopilotChatConfigurationService, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CopilotChatComponent, isStandalone: true, selector: "copilot-chat", inputs: { agentId: "agentId", threadId: "threadId" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CopilotChatComponent, isStandalone: true, selector: "copilot-chat", inputs: { agentId: "agentId", threadId: "threadId", inputComponent: "inputComponent" }, providers: [
             {
                 provide: CopilotChatConfigurationService,
                 deps: [
@@ -9273,6 +9275,7 @@ class CopilotChatComponent {
       [autoScroll]="true"
       [messageViewClass]="'w-full'"
       [showCursor]="showCursor()"
+      [inputComponent]="inputComponent"
     >
     </copilot-chat-view>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CopilotChatViewComponent, selector: "copilot-chat-view", inputs: ["messages", "autoScroll", "showCursor", "messageViewComponent", "messageViewTemplate", "messageViewClass", "scrollViewComponent", "scrollViewTemplate", "scrollViewClass", "scrollToBottomButtonComponent", "scrollToBottomButtonTemplate", "scrollToBottomButtonClass", "inputComponent", "inputTemplate", "inputContainerComponent", "inputContainerTemplate", "inputContainerClass", "featherComponent", "featherTemplate", "featherClass", "disclaimerComponent", "disclaimerTemplate", "disclaimerClass", "disclaimerText"], outputs: ["assistantMessageThumbsUp", "assistantMessageThumbsDown", "assistantMessageReadAloud", "assistantMessageRegenerate", "userMessageCopy", "userMessageEdit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
@@ -9301,6 +9304,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
       [autoScroll]="true"
       [messageViewClass]="'w-full'"
       [showCursor]="showCursor()"
+      [inputComponent]="inputComponent"
     >
     </copilot-chat-view>
   `,
@@ -9311,6 +9315,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], threadId: [{
                 type: Input
+            }], inputComponent: [{
+                type: Input
             }] } });
 
 // Testing utilities are not exported from the main entry point
@@ -9320,5 +9326,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AudioRecorderError, COPILOTKIT_AGENTS, COPILOTKIT_FRONTEND_TOOLS, COPILOTKIT_HEADERS, COPILOTKIT_HUMAN_IN_THE_LOOP, COPILOTKIT_PROPERTIES, COPILOTKIT_RENDER_TOOL_CALLS, COPILOTKIT_RUNTIME_URL, COPILOT_CHAT_DEFAULT_LABELS, COPILOT_CHAT_INITIAL_CONFIG, CopilotChatAddFileButtonComponent, CopilotChatAssistantMessageComponent, CopilotChatAssistantMessageCopyButtonComponent, CopilotChatAssistantMessageReadAloudButtonComponent, CopilotChatAssistantMessageRegenerateButtonComponent, CopilotChatAssistantMessageRendererComponent, CopilotChatAssistantMessageThumbsDownButtonComponent, CopilotChatAssistantMessageThumbsUpButtonComponent, CopilotChatAssistantMessageToolbarButtonComponent, CopilotChatAssistantMessageToolbarComponent, CopilotChatAudioRecorderComponent, CopilotChatCancelTranscribeButtonComponent, CopilotChatComponent, CopilotChatConfigurationService, CopilotChatFinishTranscribeButtonComponent, CopilotChatInputComponent, CopilotChatInputDefaults, CopilotChatMessageViewComponent, CopilotChatMessageViewCursorComponent, CopilotChatSendButtonComponent, CopilotChatStartTranscribeButtonComponent, CopilotChatTextareaComponent, CopilotChatToolCallsViewComponent, CopilotChatToolbarButtonComponent, CopilotChatToolbarComponent, CopilotChatToolsMenuComponent, CopilotChatUserMessageBranchNavigationComponent, CopilotChatUserMessageComponent, CopilotChatUserMessageCopyButtonComponent, CopilotChatUserMessageEditButtonComponent, CopilotChatUserMessageRendererComponent, CopilotChatUserMessageToolbarButtonComponent, CopilotChatUserMessageToolbarComponent, CopilotChatViewComponent, CopilotChatViewDisclaimerComponent, CopilotChatViewFeatherComponent, CopilotChatViewInputContainerComponent, CopilotChatViewScrollToBottomButtonComponent, CopilotChatViewScrollViewComponent, CopilotKitAgentContextDirective, CopilotKitAgentDirective, CopilotKitChatConfigDirective, CopilotKitConfigDirective, CopilotKitFrontendToolDirective, CopilotKitHumanInTheLoopDirective, CopilotKitHumanInTheLoopRespondDirective, CopilotKitService, CopilotKitToolRenderComponent, CopilotTooltipDirective, ResizeObserverService, ScrollPositionService, StickToBottomDirective, addAgentContext, addFrontendTool, addHumanInTheLoop, createChatConfigController, createDynamicFrontendTool, createHumanInTheLoop, createReactiveContext, enhancePropsForHumanInTheLoop, getAgent, getChatInputValue, getChatLabels, injectCopilotKit, provideCopilotChatConfiguration, provideCopilotKit, registerAgentContext, registerAgentWatcher, registerChatConfig, registerFrontendTool, registerHumanInTheLoop, removeFrontendTool, setChatInputValue, setChatLabels, subscribeToAgent, watchAgent, watchChatConfig };
+export { AudioRecorderError, COPILOTKIT_AGENTS, COPILOTKIT_FRONTEND_TOOLS, COPILOTKIT_HEADERS, COPILOTKIT_HUMAN_IN_THE_LOOP, COPILOTKIT_PROPERTIES, COPILOTKIT_RENDER_TOOL_CALLS, COPILOTKIT_RUNTIME_URL, COPILOT_CHAT_DEFAULT_LABELS, COPILOT_CHAT_INITIAL_CONFIG, CopilotChatAddFileButtonComponent, CopilotChatAssistantMessageComponent, CopilotChatAssistantMessageCopyButtonComponent, CopilotChatAssistantMessageReadAloudButtonComponent, CopilotChatAssistantMessageRegenerateButtonComponent, CopilotChatAssistantMessageRendererComponent, CopilotChatAssistantMessageThumbsDownButtonComponent, CopilotChatAssistantMessageThumbsUpButtonComponent, CopilotChatAssistantMessageToolbarButtonComponent, CopilotChatAssistantMessageToolbarComponent, CopilotChatAudioRecorderComponent, CopilotChatCancelTranscribeButtonComponent, CopilotChatComponent, CopilotChatConfigurationService, CopilotChatFinishTranscribeButtonComponent, CopilotChatInputComponent, CopilotChatInputDefaults, CopilotChatMessageViewComponent, CopilotChatMessageViewCursorComponent, CopilotChatSendButtonComponent, CopilotChatStartTranscribeButtonComponent, CopilotChatTextareaComponent, CopilotChatToolCallsViewComponent, CopilotChatToolbarButtonComponent, CopilotChatToolbarComponent, CopilotChatToolsMenuComponent, CopilotChatUserMessageBranchNavigationComponent, CopilotChatUserMessageComponent, CopilotChatUserMessageCopyButtonComponent, CopilotChatUserMessageEditButtonComponent, CopilotChatUserMessageRendererComponent, CopilotChatUserMessageToolbarButtonComponent, CopilotChatUserMessageToolbarComponent, CopilotChatViewComponent, CopilotChatViewDisclaimerComponent, CopilotChatViewFeatherComponent, CopilotChatViewInputContainerComponent, CopilotChatViewScrollToBottomButtonComponent, CopilotChatViewScrollViewComponent, CopilotKitAgentContextDirective, CopilotKitAgentDirective, CopilotKitChatConfigDirective, CopilotKitConfigDirective, CopilotKitFrontendToolDirective, CopilotKitHumanInTheLoopDirective, CopilotKitHumanInTheLoopRespondDirective, CopilotKitService, CopilotKitToolRenderComponent, CopilotTooltipDirective, ResizeObserverService, ScrollPositionService, StickToBottomDirective, addAgentContext, addFrontendTool, addHumanInTheLoop, createChatConfigController, createDynamicFrontendTool, createHumanInTheLoop, createReactiveContext, enhancePropsForHumanInTheLoop, getAgent, getChatInputValue, getChatLabels, injectCopilotKit, provideCopilotChatConfiguration, provideCopilotKit, registerAgentContext, registerChatConfig, registerFrontendTool, registerHumanInTheLoop, removeFrontendTool, setChatInputValue, setChatLabels, subscribeToAgent, watchAgent, watchAgentWith, watchChatConfig };
 //# sourceMappingURL=copilotkitnext-angular.mjs.map