52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T572,.cr-ledger { display: grid; gap: var(--cr-space-4); padding: var(--cr-space-6); border-radius: var(--cr-radius-xl); color: var(--cr-color-text-default); font-family: var(--cr-font-family-sans); font-size: var(--cr-font-size-md); } .cr-ledger__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--cr-space-2); } .cr-ledger__title { margin: 0; font-family: var(--cr-font-family-display); font-size: var(--cr-font-size-xl); font-weight: var(--cr-font-weight-bold); letter-spacing: -0.015em; } .cr-ledger__summary, .cr-ledger__note { color: var(--cr-color-text-muted); font-size: var(--cr-font-size-sm); } .cr-ledger__note { margin: 0; } .cr-ledger code { font-family: var(--cr-font-family-mono); font-size: 0.93em; } .cr-ledger__pill { padding: 3px 10px; border-radius: var(--cr-radius-full); background: var(--cr-color-bg-subtle); color: var(--cr-color-text-secondary); font-size: var(--cr-font-size-xs); font-weight: var(--cr-font-weight-semibold); white-space: nowrap; } .cr-ledger__status:not(:empty) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--cr-space-2); padding: 6px 6px 6px 18px; border-radius: var(--cr-radius-full); background: var(--cr-color-glass-popover); box-shadow: var(--cr-shadow-sheet); } 55:Te8e,'use client'; import { useId, useState, type ReactNode } from 'react'; import { Button } from '@/components/creance/button/Button'; import { cx } from '@/lib/creance/cx'; import { Table, type TableColumn } from '@/components/creance/table/Table'; import './PermissionLedger.css'; export interface StandingPermission { id: string; /** The tool or command allowed. */ tool: string; /** "Deploy Fixer" or "All agents". */ agent: string; scope: ReactNode; /** "2 weeks ago, by you". */ granted: ReactNode; /** Times used since it was granted. */ uses: number; revoked?: boolean; } export interface PermissionLedgerProps { permissions: StandingPermission[]; onRevoke: (id: string) => void; /** Offered right after a revoke. */ onRestore?: (id: string) => void; /** Under the title, such as "4 granted, 1 revoked this week". */ summary?: ReactNode; headingLevel?: 2 | 3 | 4; className?: string; } /** Everything someone said "Always allow" to: for which agent, how often it has been used, and a way to take it back. */ export function PermissionLedger({ permissions, onRevoke, onRestore, summary, headingLevel = 3, className }: PermissionLedgerProps) { const id = useId(); const H = `h${headingLevel}` as const; const [last, setLast] = useState(null); const columns: TableColumn[] = [ { key: 'tool', header: 'Permission', cell: (p) => {p.tool}, rowHeader: true, sortValue: (p) => p.tool }, { key: 'agent', header: 'Agent', cell: (p) => p.agent, sortValue: (p) => p.agent }, { key: 'scope', header: 'Scope', cell: (p) => p.scope }, { key: 'granted', header: 'Granted', cell: (p) => (p.revoked ? 'Revoked' : p.granted) }, { key: 'uses', header: 'Used since', align: 'end', sortValue: (p) => p.uses, cell: (p) => (p.uses === 0 ? Unused : `${p.uses} ${p.uses === 1 ? 'time' : 'times'}${p.revoked ? ' before' : ''}`), }, { key: 'actions', header: Actions, align: 'end', cell: (p) => p.revoked ? ( Revoked ) : ( ), }, ]; return (

Standing permissions {summary && {summary}}

p.id} emptyMessage="Nothing is always allowed. Every action asks first." />

High-risk actions never appear here: they are confirmed every time.

{last && ( <> Revoked {last.tool} for {last.agent}. It will ask next time. {onRestore && ( )} )}

); } 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L52",null,{"namespace":"@creance","registryDependencies":["https://creance.pages.dev/r/button.json","https://creance.pages.dev/r/creance-base.json","https://creance.pages.dev/r/table.json"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"permission-ledger/PermissionLedger.css","content":"$54","type":"registry:file","target":"@components/creance/permission-ledger/PermissionLedger.css"},{"path":"permission-ledger/PermissionLedger.tsx","content":"$55","type":"registry:ui","target":"@components/creance/permission-ledger/PermissionLedger.tsx"}],"className":"h-[70svh] min-h-80"}]]}]