@copilotkitnext/angular 0.0.2 → 0.0.5

package/dist/utils/frontend-tool.utils.d.ts

@@ -1,6 +1,6 @@
 import { CopilotKitService } from '../core/copilotkit.service';
 import { AngularFrontendTool } from '../core/copilotkit.types';
-import { z } from 'zod';
+import type { z } from 'zod';
 /**
  * Explicitly adds a frontend tool to CopilotKit.
  * Requires CopilotKitService to be passed as a parameter.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkitnext/angular",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "description": "Angular library for CopilotKit",
   "main": "dist/fesm2022/copilotkitnext-angular.mjs",
   "module": "dist/fesm2022/copilotkitnext-angular.mjs",
@@ -21,30 +21,34 @@
   "dependencies": {
     "@ag-ui/client": "0.0.36-alpha.1",
     "@ag-ui/core": "0.0.36-alpha.1",
+    "clsx": "^2.1.1",
     "highlight.js": "^11.11.1",
     "katex": "^0.16.22",
     "lucide-angular": "^0.540.0",
     "marked": "^16.2.0",
     "rxjs": "^7.8.1",
+    "tailwind-merge": "^2.6.0",
     "zod": "^3.22.4",
-    "@copilotkitnext/core": "0.0.2",
-    "@copilotkitnext/shared": "0.0.2"
+    "@copilotkitnext/shared": "0.0.5",
+    "@copilotkitnext/core": "0.0.5"
   },
   "peerDependencies": {
-    "@angular/cdk": "^19.0.0",
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0",
+    "@angular/cdk": "^18.0.0 || ^19.0.0",
+    "@angular/common": "^18.0.0 || ^19.0.0",
+    "@angular/core": "^18.0.0 || ^19.0.0",
     "rxjs": "^7.8.0",
     "tslib": "^2.6.0"
   },
   "devDependencies": {
-    "@angular/cdk": "^19.0.0",
-    "@angular/common": "^19.0.0",
-    "@angular/compiler": "^19.0.0",
-    "@angular/compiler-cli": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/platform-browser": "^19.0.0",
-    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@analogjs/vite-plugin-angular": "^1.20.2",
+    "@analogjs/vitest-angular": "^1.20.2",
+    "@angular/cdk": "^18.0.0",
+    "@angular/common": "^18.0.0",
+    "@angular/compiler": "^18.0.0",
+    "@angular/compiler-cli": "^18.0.0",
+    "@angular/core": "^18.0.0",
+    "@angular/platform-browser": "^18.0.0",
+    "@angular/platform-browser-dynamic": "^18.0.0",
     "@eslint/js": "^9.30.0",
     "@lucide/build-icons": "^1.1.0",
     "@tailwindcss/cli": "^4.1.11",
@@ -54,24 +58,23 @@
     "@types/node": "^22.5.1",
     "@vitest/ui": "^2.0.5",
     "autoprefixer": "^10.4.16",
-    "clsx": "^2.1.1",
     "concurrently": "^9.1.0",
     "jsdom": "^24.0.0",
-    "ng-packagr": "^19.0.0",
+    "ng-packagr": "^18.0.0",
     "postcss": "^8.4.31",
     "reflect-metadata": "^0.2.2",
     "rimraf": "^6.0.1",
     "rxjs": "^7.8.1",
-    "tailwind-merge": "^2.6.0",
     "tailwindcss": "^4.0.8",
     "tslib": "^2.8.1",
     "tw-animate-css": "^1.3.5",
-    "typescript": "~5.8.2",
+    "typescript": "~5.4.5",
     "typescript-eslint": "^8.35.0",
+    "vite": "^7.1.4",
     "vitest": "^2.0.5",
-    "zone.js": "^0.15.0",
-    "@copilotkitnext/typescript-config": "0.0.0",
-    "@copilotkitnext/eslint-config": "0.0.0"
+    "zone.js": "^0.14.0",
+    "@copilotkitnext/eslint-config": "0.0.0",
+    "@copilotkitnext/typescript-config": "0.0.0"
   },
   "publishConfig": {
     "access": "public"

package/vitest.config.mts

@@ -1,34 +1,45 @@
-import { defineConfig } from 'vitest/config';
-import { resolve } from 'path';
+/// <reference types="vitest" />
+import { defineConfig } from 'vite';
+import angular from '@analogjs/vite-plugin-angular';
+import { fileURLToPath } from 'node:url';
+import { dirname, resolve } from 'node:path';
 
-export default defineConfig({
-  esbuild: {
-    target: 'es2022',
-    tsconfigRaw: {
-      compilerOptions: {
-        experimentalDecorators: true,
-        emitDecoratorMetadata: true,
-        useDefineForClassFields: false
-      }
-    }
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const r = (...p: string[]) => resolve(__dirname, ...p);
+
+export default defineConfig(({ mode }) => ({
+  plugins: [angular()],
+  resolve: {
+    dedupe: [
+      '@angular/core',
+      '@angular/common',
+      '@angular/platform-browser',
+      '@angular/platform-browser-dynamic',
+      '@angular/compiler',
+      '@angular/core/testing',
+    ],
   },
   test: {
     globals: true,
     environment: 'jsdom',
-    setupFiles: ['./src/test-setup.ts'],
-    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    setupFiles: [r('src/test-setup.ts')], // Use absolute path
+    include: ['src/**/*.{spec,test}.{ts,tsx}'],
+    pool: 'threads',
+    poolOptions: { threads: { singleThread: true } },
     coverage: {
       provider: 'v8',
       reporter: ['text', 'json', 'html'],
       exclude: [
         'node_modules/',
         'dist/',
-        '*.config.ts',
+        '*.config.*',
         'src/test-setup.ts',
-        'src/**/*.spec.ts',
         'src/index.ts',
-        'src/public-api.ts'
-      ]
-    }
-  }
-});
+        'src/public-api.ts',
+      ],
+    },
+  },
+  define: {
+    'import.meta.vitest': mode !== 'production',
+  },
+}));

package/.turbo/turbo-build.log

@@ -1,38 +0,0 @@
-
-
-> @copilotkitnext/angular@0.0.1 build /Users/mme/Code/vnext_experimental/packages/angular
-> ng-packagr -p ng-package.json && npm run build:css
-
-Building Angular Package
-
-------------------------------------------------------------------------------
-Building entry point '@copilotkitnext/angular'
-------------------------------------------------------------------------------
-⠋ Compiling with Angular sources in Ivy partial compilation mode.⠙ Compiling with Angular sources in Ivy partial compilation mode.⠹ Compiling with Angular sources in Ivy partial compilation mode.⠸ Compiling with Angular sources in Ivy partial compilation mode.
-✔ Compiling with Angular sources in Ivy partial compilation mode.
-⠋ Writing FESM bundles✔ Writing FESM bundles
-⠋ Copying assets✔ Copying assets
-⠋ Writing package manifestWARNING: Found a conflicting export condition for ".". The "types" condition would be overridden by ng-packagr. Please unset it.
-WARNING: Found a conflicting export condition for ".". The "default" condition would be overridden by ng-packagr. Please unset it.
-⚠ 'tslib' is no longer recommended to be used as a 'peerDependencies'. Moving it to 'dependencies'.
-ℹ Removing scripts section in package.json as it's considered a potential security vulnerability.
-ℹ Removing devDependencies section in package.json.
-✔ Writing package manifest
-✔ Built @copilotkitnext/angular
-
-------------------------------------------------------------------------------
-Built Angular Package
- - from: /Users/mme/Code/vnext_experimental/packages/angular
- - to:   /Users/mme/Code/vnext_experimental/packages/angular/dist
-------------------------------------------------------------------------------
-
-Build at: 2025-09-03T13:18:59.922Z - Time: 3451ms
-
-
-> @copilotkitnext/angular@0.0.1 build:css
-> npx @tailwindcss/cli -i ./src/styles/globals.css -o ./dist/styles.css
-
-⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦≈ tailwindcss v4.1.11
-
-Done in 110ms
-⠙⠙

package/.turbo/turbo-test.log

@@ -1,71 +0,0 @@
-
-> @copilotkitnext/angular@0.0.2 test /Users/mme/Code/CopilotKit2/packages/angular
-> vitest run
-
-
- RUN  v2.1.9 /Users/mme/Code/CopilotKit2/packages/angular
-
- ✓ src/utils/__tests__/chat-config.utils.spec.ts (17 tests) 63ms
- ✓ src/directives/__tests__/copilotkit-chat-config.directive.spec.ts (11 tests) 105ms
- ✓ src/directives/__tests__/copilotkit-agent-context.directive.spec.ts (15 tests) 128ms
- ✓ src/directives/__tests__/copilotkit-human-in-the-loop.directive.spec.ts (11 tests) 126ms
- ✓ src/utils/__tests__/human-in-the-loop.utils.spec.ts (13 tests) 96ms
- ✓ src/lib/slots/__tests__/slot.utils.spec.ts (23 tests) 172ms
-stderr | src/core/__tests__/copilotkit.service.spec.ts > CopilotKitService > Frontend Tools Support > should warn when frontend tools array changes
-frontendTools must be a stable array. To add/remove tools dynamically, use dynamic tool registration.
-
-stderr | src/core/__tests__/copilotkit.service.spec.ts > CopilotKitService > Human-in-the-Loop Support > should create placeholder handlers for human-in-the-loop tools
-Human-in-the-loop tool 'getUserInput' called but no interactive handler is set up.
-
-stderr | src/core/__tests__/copilotkit.service.spec.ts > CopilotKitService > Human-in-the-Loop Support > should warn when human-in-the-loop array changes
-humanInTheLoop must be a stable array. To add/remove human-in-the-loop tools dynamically, use dynamic tool registration.
-
- ✓ src/core/__tests__/copilotkit.service.spec.ts (40 tests | 1 skipped) 251ms
-stderr | src/components/chat/__tests__/copilot-chat-input.component.spec.ts > CopilotChatInputComponent > Mode Switching > should switch to audio recorder in transcribe mode
-Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
-    at module.exports (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
-    at HTMLCanvasElementImpl.getContext (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/nodes/HTMLCanvasElement-impl.js:42:5)
-    at HTMLCanvasElement.getContext (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/generated/HTMLCanvasElement.js:131:58)
-    at CopilotChatAudioRecorderComponent.startAnimation (/Users/mme/Code/CopilotKit2/packages/angular/src/components/chat/copilot-chat-audio-recorder.component.ts:150:24)
-    at CopilotChatAudioRecorderComponent.ngAfterViewInit (/Users/mme/Code/CopilotKit2/packages/angular/src/components/chat/copilot-chat-audio-recorder.component.ts:76:10)
-    at callHookInternal (file:///Users/mme/Code/CopilotKit2/node_modules/.pnpm/darwin_arm64-fastbuild-ST-2d99d9656325/bin/packages/core/src/render3/hooks.ts:290:10)
-    at callHook (file:///Users/mme/Code/CopilotKit2/node_modules/.pnpm/darwin_arm64-fastbuild-ST-2d99d9656325/bin/packages/core/src/render3/hooks.ts:319:7)
-    at callHooks (file:///Users/mme/Code/CopilotKit2/node_modules/.pnpm/darwin_arm64-fastbuild-ST-2d99d9656325/bin/packages/core/src/render3/hooks.ts:270:9)
-    at executeInitAndCheckHooks (file:///Users/mme/Code/CopilotKit2/node_modules/.pnpm/darwin_arm64-fastbuild-ST-2d99d9656325/bin/packages/core/src/render3/hooks.ts:205:5)
-    at refreshView (file:///Users/mme/Code/CopilotKit2/node_modules/.pnpm/darwin_arm64-fastbuild-ST-2d99d9656325/bin/packages/core/src/render3/instructions/change_detection.ts:326:11) undefined
-
-stderr | src/components/chat/__tests__/copilot-chat-input.component.spec.ts > CopilotChatInputComponent > Mode Switching > should switch back to textarea from transcribe mode
-Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
-    at module.exports (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
-    at HTMLCanvasElementImpl.getContext (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/nodes/HTMLCanvasElement-impl.js:42:5)
-    at HTMLCanvasElement.getContext (/Users/mme/Code/CopilotKit2/node_modules/.pnpm/jsdom@24.1.3/node_modules/jsdom/lib/jsdom/living/generated/HTMLCanvasElement.js:131:58)
-    at CopilotChatAudioRecorderComponent.startAnimation (/Users/mme/Code/CopilotKit2/packages/angular/src/components/chat/copilot-chat-audio-recorder.component.ts:150:24)
-    at CopilotChatAudioRecorderComponent.ngAfterViewInit (/Users/mme/Code/CopilotKit2/packages/angular/src/components/chat/copilot-chat-audio-recorder.component.ts:76:10)
-    at callHookInternal (file:///Users/mme/Code/CopilotKit2/node_modules/.pnpm/darwin_arm64-fastbuild-ST-2d99d9656325/bin/packages/core/src/render3/hooks.ts:290:10)
-    at callHook (file:///Users/mme/Code/CopilotKit2/node_modules/.pnpm/darwin_arm64-fastbuild-ST-2d99d9656325/bin/packages/core/src/render3/hooks.ts:319:7)
-    at callHooks (file:///Users/mme/Code/CopilotKit2/node_modules/.pnpm/darwin_arm64-fastbuild-ST-2d99d9656325/bin/packages/core/src/render3/hooks.ts:270:9)
-    at executeInitAndCheckHooks (file:///Users/mme/Code/CopilotKit2/node_modules/.pnpm/darwin_arm64-fastbuild-ST-2d99d9656325/bin/packages/core/src/render3/hooks.ts:205:5)
-    at refreshView (file:///Users/mme/Code/CopilotKit2/node_modules/.pnpm/darwin_arm64-fastbuild-ST-2d99d9656325/bin/packages/core/src/render3/instructions/change_detection.ts:326:11) undefined
-
- ✓ src/components/chat/__tests__/copilot-chat-input.component.spec.ts (31 tests) 784ms
- ✓ src/core/chat-configuration/__tests__/chat-configuration.service.spec.ts (19 tests) 72ms
- ✓ src/utils/__tests__/frontend-tool-inject.spec.ts (10 tests) 168ms
- ✓ src/utils/__tests__/frontend-tool.utils.spec.ts (12 tests) 77ms
- ✓ src/utils/__tests__/agent.utils.spec.ts (11 tests) 122ms
- ✓ src/core/__tests__/copilotkit.service.wildcard.spec.ts (9 tests) 38ms
- ✓ src/components/chat/__tests__/copilot-chat-message-view.component.spec.ts (25 tests) 953ms
-   ✓ CopilotChatMessageViewComponent > Performance > should handle large message lists efficiently 366ms
- ✓ src/components/chat/__tests__/copilot-chat-assistant-message.component.spec.ts (16 tests) 339ms
- ✓ src/directives/__tests__/copilotkit-agent.directive.spec.ts (7 tests) 94ms
- ↓ src/directives/__tests__/copilotkit-frontend-tool-simple.directive.spec.ts (5 tests | 5 skipped)
- ✓ src/utils/__tests__/frontend-tool-integration.spec.ts (10 tests) 36ms
- ✓ src/directives/__tests__/copilotkit-config.directive.spec.ts (2 tests) 43ms
- ✓ src/directives/__tests__/copilotkit-frontend-tool.directive.spec.ts (3 tests) 51ms
- ✓ src/components/chat/__tests__/copilot-chat-user-message.component.spec.ts (20 tests | 3 skipped) 2336ms
-   ✓ CopilotChatUserMessageComponent > should copy message content to clipboard when copy button is clicked 2017ms
-
- Test Files  20 passed | 1 skipped (21)
-      Tests  301 passed | 9 skipped (310)
-   Start at  10:46:42
-   Duration  5.25s (transform 1.09s, setup 7.16s, collect 3.73s, tests 6.06s, environment 9.62s, prepare 1.91s)
-

package/ng-package.json

@@ -1,19 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "dist",
-  "lib": {
-    "entryFile": "src/index.ts"
-  },
-  "allowedNonPeerDependencies": [
-    "@ag-ui/client",
-    "@ag-ui/core",
-    "@copilotkitnext/shared",
-    "@copilotkitnext/core",
-    "rxjs",
-    "zod",
-    "lucide-angular",
-    "highlight.js",
-    "katex",
-    "marked"
-  ]
-}

package/src/components/chat/__tests__/copilot-chat-assistant-message.component.spec.ts

@@ -1,282 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CopilotChatAssistantMessageComponent } from '../copilot-chat-assistant-message.component';
-import { CopilotChatAssistantMessageRendererComponent } from '../copilot-chat-assistant-message-renderer.component';
-import {
-  CopilotChatAssistantMessageCopyButtonComponent,
-  CopilotChatAssistantMessageThumbsUpButtonComponent,
-  CopilotChatAssistantMessageThumbsDownButtonComponent,
-  CopilotChatAssistantMessageReadAloudButtonComponent,
-  CopilotChatAssistantMessageRegenerateButtonComponent
-} from '../copilot-chat-assistant-message-buttons.component';
-import { CopilotChatAssistantMessageToolbarComponent } from '../copilot-chat-assistant-message-toolbar.component';
-import { CopilotChatViewHandlersService } from '../copilot-chat-view-handlers.service';
-import { provideCopilotKit } from '../../../core/copilotkit.providers';
-import { provideCopilotChatConfiguration } from '../../../core/chat-configuration/chat-configuration.providers';
-import { AssistantMessage } from '@ag-ui/client';
-
-describe('CopilotChatAssistantMessageComponent', () => {
-  let component: CopilotChatAssistantMessageComponent;
-  let fixture: ComponentFixture<CopilotChatAssistantMessageComponent>;
-
-  const mockMessage: AssistantMessage = {
-    id: 'test-msg-1',
-    role: 'assistant',
-    content: 'Hello! This is a test message with **bold text** and *italic text*.',
-    createdAt: new Date()
-  };
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        CommonModule,
-        CopilotChatAssistantMessageComponent,
-        CopilotChatAssistantMessageRendererComponent,
-        CopilotChatAssistantMessageCopyButtonComponent,
-        CopilotChatAssistantMessageThumbsUpButtonComponent,
-        CopilotChatAssistantMessageThumbsDownButtonComponent,
-        CopilotChatAssistantMessageReadAloudButtonComponent,
-        CopilotChatAssistantMessageRegenerateButtonComponent,
-        CopilotChatAssistantMessageToolbarComponent
-      ],
-      providers: [
-        provideCopilotKit({}),
-        provideCopilotChatConfiguration({
-          labels: {
-            assistantMessageToolbarCopyMessageLabel: 'Copy',
-            assistantMessageToolbarThumbsUpLabel: 'Good',
-            assistantMessageToolbarThumbsDownLabel: 'Bad',
-            assistantMessageToolbarReadAloudLabel: 'Read',
-            assistantMessageToolbarRegenerateLabel: 'Regenerate'
-          }
-        }),
-        CopilotChatViewHandlersService
-      ]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(CopilotChatAssistantMessageComponent);
-    component = fixture.componentInstance;
-    component.message = mockMessage;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should display the message content', () => {
-    const element = fixture.nativeElement;
-    expect(element.textContent).toContain('Hello! This is a test message');
-  });
-
-  it('should set data-message-id attribute', () => {
-    const element = fixture.nativeElement.querySelector('[data-message-id]');
-    expect(element).toBeTruthy();
-    expect(element.getAttribute('data-message-id')).toBe('test-msg-1');
-  });
-
-  it('should show toolbar when toolbarVisible is true', () => {
-    component.toolbarVisible = true;
-    fixture.detectChanges();
-    const toolbar = fixture.nativeElement.querySelector('[copilotChatAssistantMessageToolbar]');
-    expect(toolbar).toBeTruthy();
-  });
-
-  it('should hide toolbar when toolbarVisible is false', () => {
-    // Create a fresh instance with toolbarVisible set to false from the start
-    TestBed.resetTestingModule();
-    TestBed.configureTestingModule({
-      imports: [
-        CommonModule,
-        CopilotChatAssistantMessageComponent,
-        CopilotChatAssistantMessageRendererComponent,
-        CopilotChatAssistantMessageToolbarComponent
-      ],
-      providers: [
-        provideCopilotKit({}),
-        provideCopilotChatConfiguration({})
-      ]
-    });
-    
-    const newFixture = TestBed.createComponent(CopilotChatAssistantMessageComponent);
-    const newComponent = newFixture.componentInstance;
-    newComponent.message = mockMessage;
-    newComponent.toolbarVisible = false;
-    newFixture.detectChanges();
-    
-    const toolbar = newFixture.nativeElement.querySelector('[copilotChatAssistantMessageToolbar]');
-    expect(toolbar).toBeFalsy();
-  });
-
-  it('should emit thumbsUp event when button is clicked', () => {
-    let emittedEvent: any;
-    component.thumbsUp.subscribe((event) => {
-      emittedEvent = event;
-    });
-
-    component.handleThumbsUp();
-    expect(emittedEvent).toEqual({ message: mockMessage });
-  });
-
-  it('should emit thumbsDown event when button is clicked', () => {
-    let emittedEvent: any;
-    component.thumbsDown.subscribe((event) => {
-      emittedEvent = event;
-    });
-
-    component.handleThumbsDown();
-    expect(emittedEvent).toEqual({ message: mockMessage });
-  });
-
-  it('should emit readAloud event when button is clicked', () => {
-    let emittedEvent: any;
-    component.readAloud.subscribe((event) => {
-      emittedEvent = event;
-    });
-
-    component.handleReadAloud();
-    expect(emittedEvent).toEqual({ message: mockMessage });
-  });
-
-  it('should emit regenerate event when button is clicked', () => {
-    let emittedEvent: any;
-    component.regenerate.subscribe((event) => {
-      emittedEvent = event;
-    });
-
-    component.handleRegenerate();
-    expect(emittedEvent).toEqual({ message: mockMessage });
-  });
-
-  it('should handle empty message content', () => {
-    component.message = {
-      ...mockMessage,
-      content: ''
-    };
-    fixture.detectChanges();
-    expect(component).toBeTruthy();
-  });
-
-  it('should support custom CSS class', () => {
-    const customClass = 'custom-test-class';
-    component.inputClass = customClass;
-    fixture.detectChanges();
-    
-    const element = fixture.nativeElement.querySelector('div');
-    expect(element.className).toContain(customClass);
-  });
-});
-
-describe('CopilotChatAssistantMessageComponent with code blocks', () => {
-  let component: CopilotChatAssistantMessageComponent;
-  let fixture: ComponentFixture<CopilotChatAssistantMessageComponent>;
-
-  const codeMessage: AssistantMessage = {
-    id: 'test-code-1',
-    role: 'assistant',
-    content: `Here's a code example:
-\`\`\`typescript
-function hello(name: string): string {
-  return \`Hello, \${name}!\`;
-}
-\`\`\``,
-    createdAt: new Date()
-  };
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [
-        CommonModule,
-        CopilotChatAssistantMessageComponent,
-        CopilotChatAssistantMessageRendererComponent
-      ],
-      providers: [
-        provideCopilotKit({}),
-        provideCopilotChatConfiguration({})
-      ]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(CopilotChatAssistantMessageComponent);
-    component = fixture.componentInstance;
-    component.message = codeMessage;
-    fixture.detectChanges();
-  });
-
-  it('should render code blocks', () => {
-    const element = fixture.nativeElement;
-    const codeBlock = element.querySelector('.code-block-container');
-    expect(codeBlock).toBeTruthy();
-  });
-
-  it('should display language label for code blocks', () => {
-    const element = fixture.nativeElement;
-    const languageLabel = element.querySelector('.code-block-language');
-    expect(languageLabel).toBeTruthy();
-    expect(languageLabel.textContent).toBe('typescript');
-  });
-
-  it('should have copy button for code blocks', () => {
-    const element = fixture.nativeElement;
-    const copyButton = element.querySelector('.code-block-copy-button');
-    expect(copyButton).toBeTruthy();
-  });
-});
-
-describe('CopilotChatAssistantMessageComponent with custom slots', () => {
-  @Component({
-    selector: 'test-host',
-    template: `
-      <copilot-chat-assistant-message [message]="message">
-        <ng-template #markdownRenderer let-content="content">
-          <div class="custom-renderer">{{ content }}</div>
-        </ng-template>
-        
-        <ng-template #copyButton let-onClick="onClick">
-          <button class="custom-copy-btn" (click)="onClick()">Custom Copy</button>
-        </ng-template>
-      </copilot-chat-assistant-message>
-    `,
-    standalone: true,
-    imports: [CommonModule, CopilotChatAssistantMessageComponent]
-  })
-  class TestHostComponent {
-    message: AssistantMessage = {
-      id: 'test-custom-1',
-      role: 'assistant',
-      content: 'Custom slot test message',
-      createdAt: new Date()
-    };
-  }
-
-  let component: TestHostComponent;
-  let fixture: ComponentFixture<TestHostComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [TestHostComponent],
-      providers: [
-        provideCopilotKit({}),
-        provideCopilotChatConfiguration({})
-      ]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(TestHostComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should use custom markdown renderer slot', () => {
-    const element = fixture.nativeElement;
-    const customRenderer = element.querySelector('.custom-renderer');
-    expect(customRenderer).toBeTruthy();
-    expect(customRenderer.textContent).toBe('Custom slot test message');
-  });
-
-  it('should use custom copy button slot', () => {
-    const element = fixture.nativeElement;
-    const customCopyBtn = element.querySelector('.custom-copy-btn');
-    expect(customCopyBtn).toBeTruthy();
-    expect(customCopyBtn.textContent).toBe('Custom Copy');
-  });
-});