registerRenderActivityMessage

function registerRenderActivityMessage<TContent>(
  config: RenderActivityMessageConfig<TContent>,
): void;

interface RenderActivityMessageConfig<TContent> {
  activityType: string;
  agentId?: string;
  content: AngularActivityContentSchema<TContent>;
  component: Type<ActivityRenderer<TContent>>;
}

import { Component, input } from "@angular/core";
import type { AbstractAgent, ActivityMessage } from "@ag-ui/client";
import {
  ActivityRenderer,
  registerRenderActivityMessage,
} from "@copilotkit/angular";
import { z } from "zod";

const progressSchema = z.object({ label: z.string(), percent: z.number() });

@Component({
  template: `<progress [value]="content().percent" max="100"></progress>`,
})
export class ProgressActivity implements ActivityRenderer<
  z.infer<typeof progressSchema>
> {
  readonly activityType = input.required<string>();
  readonly content = input.required<z.infer<typeof progressSchema>>();
  readonly message = input.required<ActivityMessage>();
  readonly agent = input<AbstractAgent>();
}

@Component({ template: `` })
export class ActivityRegistration {
  constructor() {
    registerRenderActivityMessage({
      activityType: "job-progress",
      content: progressSchema,
      component: ProgressActivity,
    });
  }
}