context-menu-437cd8 — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited context-menu-437cd8 (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Right-click menus for nodes and edges. Includes a built-in RadialMenu component with pie-slice layout, or use the contextMenu prop for fully custom menus.
import { GraphCanvas, RadialMenu } from 'reagraph';| Prop | Type | Default | Description |
|---|---|---|---|
items | MenuItem[] | — | Menu items (required) |
radius | number | 175 | Outer radius |
innerRadius | number | 25 | Inner radius |
startOffsetAngle | number | 0 | Starting angle offset |
className | string | — | CSS class |
onClose | (event) => void | — | Close callback |
| Property | Type | Description |
|---|---|---|
label | string | Menu item text (required) |
icon | ReactNode | Optional icon element |
disabled | boolean | Disable the item |
className | string | CSS class for the slice |
onClick | (event) => void | Click handler |
Passed to the contextMenu renderer:
| Property | Type | Description | |
|---|---|---|---|
data | `InternalGraphNode \ | InternalGraphEdge` | Node or edge data |
onClose | () => void | Close the menu | |
canCollapse | boolean | Whether node can be collapsed | |
isCollapsed | boolean | Whether node is collapsed | |
onCollapse | () => void | Toggle collapse |
<GraphCanvas
nodes={nodes}
edges={edges}
contextMenu={({ data, onClose }) => (
<RadialMenu
onClose={onClose}
items={[
{
label: 'Details',
onClick: () => {
console.log(data);
onClose();
},
},
{
label: 'Delete',
onClick: () => {
handleDelete(data.id);
onClose();
},
},
]}
/>
)}
/><GraphCanvas
nodes={nodes}
edges={edges}
contextMenu={({ data, onClose, canCollapse, isCollapsed, onCollapse }) => (
<RadialMenu
onClose={onClose}
items={[
{ label: 'Info', onClick: () => console.log(data) },
...(canCollapse
? [{
label: isCollapsed ? 'Expand' : 'Collapse',
onClick: () => { onCollapse(); onClose(); },
}]
: []),
]}
/>
)}
/><GraphCanvas
nodes={nodes}
edges={edges}
contextMenu={({ data, onClose }) => (
<div style={{
background: '#fff',
border: '1px solid #ddd',
borderRadius: 4,
padding: 8,
}}>
<div>{data.label || data.id}</div>
<button onClick={onClose}>Close</button>
</div>
)}
/>contextMenu renders on right-click of any node or edgeRadialMenu renders as an HTML overlay positioned at the click pointonClose must be called to dismiss the menucanCollapse, isCollapsed, onCollapse) are available for node hierarchies~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.