@threadplane/chat 0.0.54 → 0.0.55

package/README.md

@@ -28,7 +28,7 @@ Part of [Threadplane](https://github.com/cacheplane/angular-agent-framework).
 ## Install
 
 ```bash
-npm install @threadplane/chat
+npm install @threadplane/chat @threadplane/langgraph marked
 ```
 
 **Peer dependencies:**
@@ -37,6 +37,7 @@ npm install @threadplane/chat
 @angular/core              ^20.0.0 || ^21.0.0
 @angular/common            ^20.0.0 || ^21.0.0
 @angular/platform-browser  ^20.0.0 || ^21.0.0
+@angular/router            ^20.0.0 || ^21.0.0
 @threadplane/licensing     *
 @threadplane/render        *
 @threadplane/a2ui          *
@@ -44,6 +45,8 @@ npm install @threadplane/chat
 @langchain/core            ^1.1.33
 rxjs                       ~7.8.0
 marked                     ^15.0.0 || ^16.0.0
+zod                        ^3.25.0
+katex                      ^0.16.0 || ^0.17.0 (optional)
 ```
 
 ---
@@ -54,9 +57,13 @@ marked                     ^15.0.0 || ^16.0.0
 // app.config.ts
 import { ApplicationConfig } from '@angular/core';
 import { provideChat } from '@threadplane/chat';
+import { provideAgent } from '@threadplane/langgraph';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideChat({ license: 'eyJ…' })],
+  providers: [
+    provideAgent({ apiUrl: '/api/langgraph', assistantId: 'agent' }),
+    provideChat({ license: 'eyJ…' }),
+  ],
 };
 ```
 
@@ -64,7 +71,7 @@ export const appConfig: ApplicationConfig = {
 // my.component.ts
 import { Component } from '@angular/core';
 import { ChatComponent } from '@threadplane/chat';
-import { agent } from '@threadplane/langgraph';
+import { injectAgent } from '@threadplane/langgraph';
 
 @Component({
   selector: 'app-root',
@@ -72,11 +79,11 @@ import { agent } from '@threadplane/langgraph';
   template: `<chat [agent]="myAgent" />`,
 })
 export class AppComponent {
-  myAgent = agent({ apiUrl: '/api/langgraph', graphId: 'agent' });
+  protected readonly myAgent = injectAgent();
 }
 ```
 
-Get the `agent` signal from `@threadplane/langgraph` (for LangGraph Platform backends) or `@threadplane/ag-ui` (for AG-UI-compatible backends). See those packages for setup details.
+Get the agent from `@threadplane/langgraph` (for LangGraph Platform backends) or `@threadplane/ag-ui` (for AG-UI-compatible backends). See those packages for setup details.
 
 ---
 

package/fesm2022/threadplane-chat.mjs

@@ -2477,8 +2477,15 @@ const IS_HEADER_ROW = new InjectionToken('IS_HEADER_ROW', {
 // SPDX-License-Identifier: MIT
 class MarkdownTableRowComponent {
     node = input.required(...(ngDevMode ? [{ debugName: "node" }] : []));
+    registry = inject(MARKDOWN_VIEW_REGISTRY);
+    resolve(child) {
+        const entry = this.registry[child.type];
+        if (!entry)
+            return null;
+        return typeof entry === 'function' ? entry : entry.component;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MarkdownTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: MarkdownTableRowComponent, isStandalone: true, selector: "chat-md-table-row", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: MarkdownTableRowComponent, isStandalone: true, selector: "chat-md-table-row", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
             {
                 provide: IS_HEADER_ROW,
                 useFactory: () => {
@@ -2488,20 +2495,30 @@ class MarkdownTableRowComponent {
             },
         ], ngImport: i0, template: `
     <tr class="chat-md-table-row" [class.chat-md-table-row--header]="node().isHeader">
-      <chat-md-children [parent]="node()" />
+      @for (child of node().children; track $index) {
+        @let comp = resolve(child);
+        @if (comp) {
+          <ng-container *ngComponentOutlet="comp; inputs: { node: child }" />
+        }
+      }
     </tr>
-  `, isInline: true, dependencies: [{ kind: "component", type: MarkdownChildrenComponent, selector: "chat-md-children", inputs: ["parent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MarkdownTableRowComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'chat-md-table-row',
                     standalone: true,
-                    imports: [MarkdownChildrenComponent],
+                    imports: [NgComponentOutlet],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
     <tr class="chat-md-table-row" [class.chat-md-table-row--header]="node().isHeader">
-      <chat-md-children [parent]="node()" />
+      @for (child of node().children; track $index) {
+        @let comp = resolve(child);
+        @if (comp) {
+          <ng-container *ngComponentOutlet="comp; inputs: { node: child }" />
+        }
+      }
     </tr>
   `,
                     providers: [