Function: InterruptRenderer()¶

InterruptRenderer(props): ReactElement

Defined in: components/InterruptRenderer.tsx:322

Default human-in-the-loop interrupt UI. Renders an Approve/Reject panel for an ApprovalReason and a (optionally multi-step) form with radio/checkbox/ text inputs for a FormReason, calling onResolve/onCancel with the answer payload. Override per type via interruptRenderers on KabooProvider.

Parameters¶

props¶

InterruptRendererProps

Returns¶

ReactElement

Example¶

import { InterruptRenderer } from "@pgege/kaboo-react";
import type { InterruptReason } from "@pgege/kaboo-react";

const reason: InterruptReason = {
  type: "approval",
  message: "Run this query?",
  tool_name: "run_sql",
};

function Example() {
  return (
    <InterruptRenderer
      reason={reason}
      onResolve={() => {}}
      onCancel={() => {}}
    />
  );
}