Policy Banner
Sandbox / production / staging environment policy indicator.
Install
npx ax-depute@latest add policy-bannerpnpm dlx ax-depute@latest add policy-banneryarn dlx ax-depute@latest add policy-bannerbunx ax-depute@latest add policy-bannerOverview
Policy Banner is a persistent boundary indicator. It visually anchors the agent's current operating policy, ensuring the human operator strictly understands whether they are supervising a simulation, navigating staging environments, or engaging in a live fire production exercise.
Basic Usage
<PolicyBanner
mode="simulation"
policyName="Dry Run Mode"
description="Agent actions will be simulated and logged, but no external APIs will be mutated."
constraints={[
{ label: 'Network', value: 'Mocked Responses' },
{ label: 'Database', value: 'Read-only connection', isViolated: false },
]}
/>Solution Patterns
Render PolicyBanner at the top of the supervision viewport. Using mode="production" automatically activates a heavy-duty, pulsing visual treatment designed to cut through "banner blindness" when navigating live, high-risk systems.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
mode | PolicyMode | — | E.g., 'sandbox', 'production', 'simulation' |
label | string | — | Optional override for mode name |
description | string | — | Short policy description |
severity | 'info' | 'warning' | 'critical' | auto | Visual treatment level |
constraints | PolicyConstraint[] | — | Active policy constraints |
showLiveIndicator | boolean | false | Show pulsing dot for live modes |
collapsible | boolean | false | Allow banner to collapse |
Design rationale
Why a persistent banner? Agent oversight interfaces look identical whether running on test data or production servers. A persistent banner prevents operator error by anchoring the environment context at the top of the supervision viewport.