Profound wants to connect to Framer
Software connect card
A logo-led approval card for connecting an agent to an external software tool (Framer, Slack, Figma…). A split-button offers the approval scope (allow once / this session / always), with a Deny secondary and resolved connected / denied states.
Included in the single kansho full pack. Components are not offered as separate installs.
Pending — the reference
Static preview: scope selection is live locally, but approve and deny do not change page stateTool calling
I need approval before publishing this to Framer.
Opt up — explicit scope
Static preview: scope selection is live locally, but approve and deny do not change page stateProfound wants to connect to Framer
Pending — other tools
Static preview: approval actions do not change page stateProfound wants to connect to Slack
Profound wants to connect to Figma
Monogram fallback
No logo passed; approval actions are static-preview callbacksProfound wants to connect to Notion
Resolved states
Profound is connected to Framer
Connection to Framer denied
Interactive
Approve (any scope) or deny, then resetProfound wants to connect to Framer
status: pending
Included components
This page is the canonical destination for these components. All ship in the single Kansho pack.
Software connect card
components/agent/software-connect-card.tsxComponent documentation
Software connect card
components/agent/software-connect-card.tsxPurpose
Requests permission to connect an application to a named external tool with an explicit grant scope.
Appropriate use
Use for a real connection approval where once is the safe default and broader scopes require deliberate selection.
Example
components/agent/software-connect-card.tsx has a representative live example in the "Interactive" section on /components/software-connect.
States
Statuses are pending, connected, or denied; scopes are once, session, or always; pending exposes a primary scope plus split-menu alternatives.
API and props
SoftwareConnectCard accepts app, tool, logo, status, defaultScope, onApprove, onDeny, and className.
Dependencies
Direct imports are React, Lucide icons, Button, DropdownMenu, and cn.
Accessibility
The scope menu is named, resolution text is announced politely, and status is repeated in text rather than colour alone.
Limitations
It does not perform authentication or persist consent; the host must update status and surface connection failures.
Source
Source: components/agent/software-connect-card.tsx.
Full pack
components/agent/software-connect-card.tsx is documented at /components/software-connect and installs only through the single Kansho full pack; no individual component install is offered.