@copilotkitnext/angular 0.0.1 → 0.0.4

package/dist/styles.css

@@ -7,11 +7,9 @@
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
-    --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-gray-50: oklch(98.5% 0.002 247.839);
     --color-gray-100: oklch(96.7% 0.003 264.542);
     --color-gray-200: oklch(92.8% 0.006 264.531);
-    --color-gray-300: oklch(87.2% 0.01 258.338);
     --color-gray-600: oklch(44.6% 0.03 256.802);
     --color-gray-700: oklch(37.3% 0.034 259.733);
     --color-gray-800: oklch(27.8% 0.033 256.848);
@@ -20,7 +18,6 @@
     --color-white: #fff;
     --spacing: 0.25rem;
     --container-3xl: 48rem;
-    --container-4xl: 56rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -188,9 +185,6 @@
   .invisible {
     visibility: hidden;
   }
-  .visible {
-    visibility: visible;
-  }
   .absolute {
     position: absolute;
   }
@@ -768,9 +762,6 @@
   .max-w-3xl {
     max-width: var(--container-3xl);
   }
-  .max-w-4xl {
-    max-width: var(--container-4xl);
-  }
   .max-w-\[80\%\] {
     max-width: 80%;
   }
@@ -856,10 +847,6 @@
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
-  .border-2 {
-    border-style: var(--tw-border-style);
-    border-width: 2px;
-  }
   .border-none {
     --tw-border-style: none;
     border-style: none;
@@ -867,15 +854,9 @@
   .border-gray-200 {
     border-color: var(--color-gray-200);
   }
-  .border-gray-300 {
-    border-color: var(--color-gray-300);
-  }
   .bg-black {
     background-color: var(--color-black);
   }
-  .bg-blue-500 {
-    background-color: var(--color-blue-500);
-  }
   .bg-foreground {
     background-color: var(--foreground);
   }
@@ -917,9 +898,6 @@
   .p-1 {
     padding: calc(var(--spacing) * 1);
   }
-  .p-4 {
-    padding: calc(var(--spacing) * 4);
-  }
   .p-5 {
     padding: calc(var(--spacing) * 5);
   }
@@ -1115,11 +1093,6 @@
       }
     }
   }
-  .focus\:border-blue-500 {
-    &:focus {
-      border-color: var(--color-blue-500);
-    }
-  }
   .focus\:ring-2 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkitnext/angular",
-  "version": "0.0.1",
+  "version": "0.0.4",
   "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.1",
-    "@copilotkitnext/shared": "0.0.1"
+    "@copilotkitnext/core": "0.0.4",
+    "@copilotkitnext/shared": "0.0.4"
   },
   "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/eslint-config": "0.0.0",
-    "@copilotkitnext/typescript-config": "0.0.0"
+    "zone.js": "^0.14.0",
+    "@copilotkitnext/typescript-config": "0.0.0",
+    "@copilotkitnext/eslint-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,39 +0,0 @@
-
-> @copilotkitnext/angular@0.0.2 build /Users/mme/Code/CopilotKit2/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.
-✔ Generating FESM bundles
-- Copying assets
-✔ Copying assets
-- Writing package manifest
-WARNING: 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/CopilotKit2/packages/angular
- - to:   /Users/mme/Code/CopilotKit2/packages/angular/dist
-------------------------------------------------------------------------------
-
-Build at: 2025-09-03T08:46:48.296Z - Time: 5656ms
-
-
-> @copilotkitnext/angular@0.0.2 build:css
-> npx @tailwindcss/cli -i ./src/styles/globals.css -o ./dist/styles.css
-
-≈ tailwindcss v4.1.11
-
-Done in 103ms

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/README-agent-context.md

@@ -1,310 +0,0 @@
-# CopilotKit Angular - Agent Context
-
-This document demonstrates how to use agent context in the Angular version of CopilotKit.
-
-## Installation
-
-```bash
-pnpm add @copilotkitnext/angular
-```
-
-## Usage
-
-### 1. Directive Approach (Declarative)
-
-The directive approach is ideal for template-driven context management.
-
-#### Basic Usage
-
-```typescript
-import { Component } from "@angular/core";
-import { CopilotKitAgentContextDirective } from "@copilotkitnext/angular";
-
-@Component({
-  selector: "app-user-profile",
-  template: `
-    <div
-      copilotkitAgentContext
-      description="User profile data"
-      [value]="userProfile"
-    >
-      <!-- Your component content -->
-    </div>
-  `,
-  standalone: true,
-  imports: [CopilotKitAgentContextDirective],
-})
-export class UserProfileComponent {
-  userProfile = {
-    id: 123,
-    name: "John Doe",
-    preferences: {
-      theme: "dark",
-      language: "en",
-    },
-  };
-}
-```
-
-#### Dynamic Values with Signals
-
-```typescript
-import { Component, signal, computed } from "@angular/core";
-
-@Component({
-  selector: "app-counter",
-  template: `
-    <div
-      copilotkitAgentContext
-      description="Counter state"
-      [value]="contextValue()"
-    >
-      <button (click)="increment()">Count: {{ count() }}</button>
-    </div>
-  `,
-})
-export class CounterComponent {
-  count = signal(0);
-
-  contextValue = computed(() => ({
-    count: this.count(),
-    doubled: this.count() * 2,
-    timestamp: Date.now(),
-  }));
-
-  increment() {
-    this.count.update((c) => c + 1);
-  }
-}
-```
-
-#### With Observables
-
-```typescript
-import { Component } from "@angular/core";
-import { interval, map } from "rxjs";
-import { AsyncPipe } from "@angular/common";
-
-@Component({
-  selector: "app-live-data",
-  template: `
-    <div
-      copilotkitAgentContext
-      description="Live data stream"
-      [value]="liveData$ | async"
-    >
-      <!-- Component content -->
-    </div>
-  `,
-  imports: [AsyncPipe, CopilotKitAgentContextDirective],
-})
-export class LiveDataComponent {
-  liveData$ = interval(1000).pipe(
-    map((tick) => ({
-      iteration: tick,
-      timestamp: new Date(),
-      data: this.generateData(tick),
-    }))
-  );
-}
-```
-
-#### Using Context Object
-
-```typescript
-@Component({
-  template: `
-    <div [copilotkitAgentContext]="myContext">
-      <!-- Content -->
-    </div>
-  `
-})
-export class MyComponent {
-  myContext = {
-    description: 'Application state',
-    value: {
-      route: '/dashboard',
-      user: 'admin',
-      settings: { ... }
-    }
-  };
-}
-```
-
-### 2. Programmatic Approach
-
-For services and components that need programmatic control.
-
-#### Basic Usage
-
-```typescript
-import { Component, OnInit, OnDestroy } from '@angular/core';
-import { addAgentContext, injectCopilotKit } from '@copilotkitnext/angular';
-
-@Component({...})
-export class MyComponent implements OnInit, OnDestroy {
-  private copilotkit = injectCopilotKit();
-  private cleanupFns: Array<() => void> = [];
-
-  ngOnInit() {
-    // Add context and store cleanup function
-    const cleanup = addAgentContext(this.copilotkit, {
-      description: 'Component initialization data',
-      value: this.initData
-    });
-
-    this.cleanupFns.push(cleanup);
-  }
-
-  ngOnDestroy() {
-    // Clean up all contexts
-    this.cleanupFns.forEach(fn => fn());
-  }
-}
-```
-
-#### Auto-cleanup with useAgentContext
-
-```typescript
-import { Component, OnInit } from '@angular/core';
-import { useAgentContext } from '@copilotkitnext/angular';
-
-@Component({...})
-export class MyComponent implements OnInit {
-  ngOnInit() {
-    // Automatically cleaned up when component is destroyed
-    const contextId = useAgentContext({
-      description: 'Auto-managed context',
-      value: this.data
-    });
-
-    console.log('Context added with ID:', contextId);
-  }
-}
-```
-
-#### Reactive Context
-
-```typescript
-import { Component, signal, computed } from '@angular/core';
-import { createReactiveContext } from '@copilotkitnext/angular';
-
-@Component({...})
-export class ReactiveComponent {
-  private settings = signal({ theme: 'light' });
-
-  ngOnInit() {
-    const context = createReactiveContext(
-      'User settings',
-      computed(() => this.settings())
-    );
-
-    // Update context when needed
-    this.settings.set({ theme: 'dark' });
-    context.update(); // Manually trigger update if needed
-  }
-}
-```
-
-### 3. Multiple Contexts
-
-You can have multiple contexts active at the same time:
-
-```typescript
-@Component({
-  template: `
-    <div copilotkitAgentContext
-         description="User data"
-         [value]="userData">
-
-      <div copilotkitAgentContext
-           description="Form state"
-           [value]="formData">
-
-        <div copilotkitAgentContext
-             description="UI state"
-             [value]="uiState">
-          <!-- All three contexts are active here -->
-        </div>
-      </div>
-    </div>
-  `
-})
-export class MultiContextComponent {
-  userData = { ... };
-  formData = { ... };
-  uiState = { ... };
-}
-```
-
-### 4. Conditional Context
-
-Context can be conditionally added/removed:
-
-```typescript
-@Component({
-  template: `
-    <div *ngIf="isLoggedIn"
-         copilotkitAgentContext
-         description="Authenticated user context"
-         [value]="userContext">
-      <!-- Only added when user is logged in -->
-    </div>
-  `
-})
-export class ConditionalContextComponent {
-  isLoggedIn = false;
-  userContext = { ... };
-}
-```
-
-## Best Practices
-
-1. **Use descriptive names**: Make context descriptions clear and specific
-2. **Keep values serializable**: Context values should be JSON-serializable
-3. **Avoid sensitive data**: Don't include passwords, tokens, or PII in context
-4. **Update responsibly**: Frequent updates may impact performance
-5. **Clean up**: Always remove contexts when no longer needed
-
-## Comparison with React
-
-| React                           | Angular                                                            |
-| ------------------------------- | ------------------------------------------------------------------ |
-| `useAgentContext(context)` hook | `copilotkitAgentContext` directive or `useAgentContext()` function |
-| Updates via useEffect deps      | Updates via `OnChanges` lifecycle                                  |
-| Cleanup in useEffect return     | Cleanup in `OnDestroy` lifecycle                                   |
-| Re-renders trigger updates      | Signal/Observable changes trigger updates                          |
-
-## TypeScript Support
-
-All functions and directives are fully typed:
-
-```typescript
-import type { Context } from '@copilotkitnext/angular';
-
-const myContext: Context = {
-  description: 'Typed context',
-  value: {
-    // Any serializable value
-    id: 123,
-    data: ['a', 'b', 'c'],
-    nested: { ... }
-  }
-};
-```
-
-## Testing
-
-The agent context directive and utilities are fully testable:
-
-```typescript
-it("should add context on init", () => {
-  const fixture = TestBed.createComponent(MyComponent);
-  fixture.detectChanges();
-
-  expect(mockCopilotKit.addContext).toHaveBeenCalledWith({
-    description: "Test context",
-    value: expectedValue,
-  });
-});
-```

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"
-  ]
-}