Skip to content

@pgege/kaboo-react


Function: KabooReferenceInput()

KabooReferenceInput(__namedParameters): Element

Defined in: src/references/ReferenceInput.tsx:148

A <CopilotChat input={…}> slot that keeps CopilotKit's native input chrome (send button, disclaimer, theme, layout) but replaces the plain textarea with a lightweight rich editor. References — your objects (via @) and files (via the + button or the "attach a file" row) — render as interactive inline chips: click a chip to swap it for another, or its × to remove it. The + and @ triggers open the same searchable popover. Object references ride state.kaboo_references (agent sees them inline as @name); files ride the message as attachment parts (agent is made aware via the manifest). On submit the editor builds the multimodal message and runs the agent.

Parameters

__namedParameters

KabooReferenceInputProps

Returns

Element

Example

<KabooProvider references={[uploadProvider({ onUpload }), tableProvider]} >
  <CopilotChat input={KabooReferenceInput} />
</KabooProvider>