Skip to content
AI & AgentsPro

Tool Permission Row

Whether an agent may call a tool: Allow, Ask or Deny, with the scope it covers.

Usage

figma.write_variables

Create and update variables in the WunderUI Figma file

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { ToolPermissionRow } from "@wunderui/react"

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Agent settings — tool permissions

A settings card listing every tool the agent may call, each with its own Allow / Ask / Deny.

Tool permissions

docs.read

Read pages and examples on the docs site

Scope: apps/docs

figma.write_variables

Create and update variables in the WunderUI Figma file

Asks before each write · current file only

npm.publish

Publish packages to the npm registry

Blocked for every run

API Reference

PropTypeDefault
toolReactNode—
descriptionReactNode—
value"allow" | "ask" | "deny"uncontrolled
defaultValue"allow" | "ask" | "deny""ask"
onValueChange(value) => void—
scopeReactNode—
scopeDetailReactNodeno disclosure