SoftwareConnectCard

Card prompting a user to authorize a third-party integration the agent needs.

Preview

Kanshō wants to connect to Figma

Variants

Connected

Kanshō is connected to GitHub

Denied

Connection to Slack denied

Pending — once scope default

Kanshō wants to connect to Notion

Props

Prop	Type	Description
app*	string	The requesting application name.
tool*	string	The tool being connected to.
logo	React.ReactNode	Brand mark for the tool. Falls back to the first letter of tool.
status	"pending" \| "connected" \| "denied"	Resolution state. Defaults to "pending".
defaultScope	"once" \| "session" \| "always"	The primary button scope. Defaults to "always".
onApprove	(scope: ConnectScope) => void	Called with the chosen scope when the user approves.
onDeny	() => void	Called when the user taps Deny.
className	string	Additional CSS classes for the card root.

* required.

Usage

import { SoftwareConnectCard } from "@/components/agent/software-connect-card";

<SoftwareConnectCard
  app="Kanshō"
  tool="Figma"
  defaultScope="session"
  onApprove={(scope) => console.log("approved:", scope)}
  onDeny={() => {}}
/>