Custom Tool Call Renderer (tool-rendering-custom-catchall/custom-catchall-renderer.tsx)

CopilotKit · showcase/integrations/ms-agent-python/src/app/demos/tool-rendering-custom-catchall/custom-catchall-renderer.tsx · typescript · MIT
ui, ai, fw:react

A shadcn-styled React catch-all component for rendering arbitrary AI tool calls, arguments, and execution status.

// Source: https://github.com/CopilotKit/CopilotKit.git | License: MIT | Copyright Atai Barkai
// Provided via justclaw.it.com; keep this notice with the code.
"use client";

import React from "react";
import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "./_components/card";
import { Badge } from "./_components/badge";

// ShadCN-styled catch-all renderer for the tool-rendering-custom-catchall
// cell. A single wildcard renderer handles every tool call — name,
// status, arguments, and result rendered inside a shadcn <Card />.

export type CatchallToolStatus = "inProgress" | "executing" | "complete";

export interface CustomCatchallRendererProps {
  name: string;
  status: CatchallToolStatus;
  parameters: unknown;
  result: string | undefined;
}

export fu

... (truncated -- full source via MCP)

See the full source, get the GitHub permalink, and search for more like it.

Get a free API key