Access Pass

When an agent wants more access it hands you a boarding pass that says who, what and why; pick once, an hour or always, approve, and the stub tears off along the perforation into a little pass with a countdown and Revoke.

akapermission·scopes

Install

Run this in any project set up for the shadcn CLI. It copies the Access Pass source into your components folder, so the code is yours to change.

npx shadcn@latest add https://devl.dev/r/access-pass.json

Use it

Import it and render it. Every prop has a typed default, so it works straight away, and you pass your own data when you’re ready.

import { AccessPass } from "@/components/access-pass";

export default function Page() {
  return <AccessPass />;
}

Built with

A free React component in the Trust & Control collection, written in TypeScript with Tailwind CSS on coss ui. MIT licensed.

coss ui: button, segmented-control
npm: lucide-react, motion

Props

Read from the Access Pass source. Everything is optional unless it says required.

Prop	Type	Default
requestrequired	AccessPassRequest	—
durations	AccessPassDuration[]	defaultDurations
defaultDuration	string	durations[1]?.id ?? durations[0]?.id
onApprove	(duration: AccessPassDuration) => void	—
onDeny	() => void	—
onRevoke	() => void	—
className	string	—

More in Trust & Control

032

Go / No-go

A clear yes or no for risky agent actions that shows the exact command or diff, answers to Y and N, and folds into a one-line receipt you can undo.

034

Triage Desk

Work through agent output one card at a time, riskiest first, with the shaky parts marked and explained and a single key to approve, edit, reject or skip.

035

Rewind

Scrub back through everything an agent changed on one timeline: later changes ghost out and show what they'd go back to, the ones that can't be undone pin the playhead with a lock and say why, and Rewind to here comes with an Undo.

036

Backseat

Nudge an agent while it works: type a note and it joins the plan as soon as the current step wraps up, or hit Interrupt to stop it right where it is.

Prop

Type

Default

requestrequired

AccessPassRequest

—

durations

AccessPassDuration[]

defaultDurations

defaultDuration

string

durations[1]?.id ?? durations[0]?.id

onApprove

(duration: AccessPassDuration) => void

—

onDeny

() => void

—

onRevoke

() => void

—

className

string

—