Code Patterns
Code patterns help users inspect test results, explore project files, review changes, and manage environment settings.
File Tree
Expandable project files with single selection and keyboard navigation. Use when an assistant references repository content so users can explore folders and locate the active file.
<nve-tree behavior-expand behavior-select selectable="single" aria-label="Robot workspace files">
<nve-tree-node expanded>
<nve-icon name="folder" slot="prefix"></nve-icon> src
<nve-tree-node expanded>
<nve-icon name="folder" slot="prefix"></nve-icon> navigation
<nve-tree-node selected><nve-icon name="code" slot="prefix"></nve-icon> controller.py</nve-tree-node>
<nve-tree-node><nve-icon name="code" slot="prefix"></nve-icon> planner.py</nve-tree-node>
</nve-tree-node>
<nve-tree-node>
<nve-icon name="folder" slot="prefix"></nve-icon> perception
<nve-tree-node><nve-icon name="code" slot="prefix"></nve-icon> fusion.py</nve-tree-node>
<nve-tree-node><nve-icon name="code" slot="prefix"></nve-icon> lidar.py</nve-tree-node>
</nve-tree-node>
</nve-tree-node>
<nve-tree-node>
<nve-icon name="folder" slot="prefix"></nve-icon> config
<nve-tree-node><nve-icon name="document" slot="prefix"></nve-icon> robot.yaml</nve-tree-node>
</nve-tree-node>
<nve-tree-node>
<nve-icon name="folder" slot="prefix"></nve-icon> launch
<nve-tree-node><nve-icon name="code" slot="prefix"></nve-icon> warehouse.launch.py</nve-tree-node>
</nve-tree-node>
<nve-tree-node><nve-icon name="document" slot="prefix"></nve-icon> package.xml</nve-tree-node>
<nve-tree-node><nve-icon name="document" slot="prefix"></nve-icon> README.md</nve-tree-node>
</nve-tree>
src navigation controller.py planner.py perception fusion.py lidar.py config robot.yaml launch warehouse.launch.py package.xml README.md
File Tree Git Diff
Expandable changed-file tree with additions and deletions aligned beside each file. Use during Git reviews to scan the scope of changes without losing the repository hierarchy.
<nve-tree behavior-expand aria-label="Changed robot software files" style="max-width: 360px">
<nve-tree-node expanded>
<span nve-text="body muted">src</span>
<nve-tree-node>
<code nve-text="code" title="src/robot_state.py">robot_state.py</code>
<div slot="suffix" nve-layout="row gap:xs">
<nve-badge container="flat" status="success" aria-label="18 added lines">+18</nve-badge>
<nve-badge container="flat" status="failed" aria-label="6 deleted lines">−6</nve-badge>
</div>
</nve-tree-node>
<nve-tree-node expanded>
<span nve-text="body muted">navigation</span>
<nve-tree-node>
<code nve-text="code" title="src/navigation/planner.py">planner.py</code>
<div slot="suffix" nve-layout="row gap:xs">
<nve-badge container="flat" status="success" aria-label="32 added lines">+32</nve-badge>
<nve-badge container="flat" status="failed" aria-label="12 deleted lines">−12</nve-badge>
</div>
</nve-tree-node>
</nve-tree-node>
</nve-tree-node>
<nve-tree-node>
<code nve-text="code" title="robot.yaml">robot.yaml</code>
<div slot="suffix" nve-layout="row gap:xs">
<nve-badge container="flat" status="success" aria-label="9 added lines">+9</nve-badge>
</div>
</nve-tree-node>
</nve-tree>
src robot_state.py +18 −6
navigation planner.py +32 −12
robot.yaml +9
Git Review Diff
Git change review for a warehouse robot navigation configuration with branch context and read-only comparisons. Use before merging robot behavior changes to inspect revised parameters in side-by-side or inline views.
<div id="git-review-diff" nve-layout="column gap:sm align:horizontal-stretch">
<div nve-layout="row gap:md align:wrap align:space-between full:width">
<code nve-text="code sm">config/warehouse-navigation.json</code>
<nve-switch>
<label>Side by side</label>
<input type="checkbox" checked />
</nve-switch>
</div>
<nve-monaco-diff-editor aria-label="Warehouse robot navigation configuration changes" style="height: 480px"></nve-monaco-diff-editor>
</div>
<script type="module">
const review = document.querySelector("#git-review-diff");
const diff = review.querySelector("nve-monaco-diff-editor");
const sideBySide = review.querySelector('input[type="checkbox"]');
const initialize = () => {
const { editor, monaco } = diff;
if (!editor || !monaco || editor.getModel()) return;
const original = monaco.editor.createModel(
JSON.stringify(
{
robot_id: "AMR-07",
scenario: "warehouse-aisle-3",
navigation: {
max_speed_mps: 1.2,
obstacle_clearance_m: 0.35,
blocked_aisle_behavior: "pause",
planner: "grid_search",
},
},
null,
2,
),
"json",
);
const modified = monaco.editor.createModel(
JSON.stringify(
{
robot_id: "AMR-07",
scenario: "warehouse-aisle-3",
navigation: {
max_speed_mps: 0.8,
obstacle_clearance_m: 0.6,
blocked_aisle_behavior: "replan",
planner: "grid_search",
replanning: {
enabled: true,
retry_interval_s: 2,
max_attempts: 3,
},
},
},
null,
2,
),
"json",
);
editor.updateOptions({
readOnly: true,
originalEditable: false,
renderSideBySide: sideBySide.checked,
useInlineViewWhenSpaceIsLimited: false,
originalAriaLabel: "Base warehouse navigation configuration on main",
modifiedAriaLabel: "Proposed warehouse navigation configuration",
minimap: { enabled: false },
scrollBeyondLastLine: false,
});
editor.setModel({ original, modified });
editor.onDidDispose(() => {
editor.setModel(null);
original.dispose();
modified.dispose();
});
};
diff.addEventListener("ready", initialize);
initialize();
sideBySide.addEventListener("change", () => {
diff.editor?.updateOptions({ renderSideBySide: sideBySide.checked });
});
</script>
Commit
Commit details with author, copyable hash, and expandable file changes. Use after an assistant edits a repository to show the scope of a change and distinguish added, modified, deleted, and renamed files.
<div nve-layout="column gap:sm">
<div nve-layout="row gap:sm align:wrap align:vertical-center full:width">
<nve-avatar size="xs" aria-label="Upkeep Agent">NV</nve-avatar>
<span nve-text="body sm">Upkeep Agent</span>
<span nve-text="body sm muted"><nve-format-datetime date-style="medium">2026-10-05T14:30:00Z</nve-format-datetime></span>
<nve-copy-button behavior-copy container="inline" size="sm" value="a1b2c3d4e5f678901234567890abcdef1234567890" aria-label="Copy commit hash">a1b2c3d</nve-copy-button>
</div>
<nve-grid container="flat" aria-label="Robot software commit changes">
<nve-grid-header>
<nve-grid-column>File</nve-grid-column>
<nve-grid-column>Changes</nve-grid-column>
</nve-grid-header>
<nve-grid-row>
<nve-grid-cell>
<code nve-layout="full:width" nve-text="monospace sm truncate" title="perception/lidar.py">perception/lidar.py</code>
</nve-grid-cell>
<nve-grid-cell>
<span nve-layout="row gap:xs align:wrap"><nve-badge container="flat" status="success">+24</nve-badge><nve-badge container="flat" status="failed">−8</nve-badge></span>
</nve-grid-cell>
</nve-grid-row>
<nve-grid-row>
<nve-grid-cell>
<code nve-layout="full:width" nve-text="monospace sm truncate" title="tests/test_lidar.py">tests/test_lidar.py</code>
</nve-grid-cell>
<nve-grid-cell>
<span nve-layout="row gap:xs align:wrap"><nve-badge container="flat" status="success">+42</nve-badge></span>
</nve-grid-cell>
</nve-grid-row>
<nve-grid-row>
<nve-grid-cell>
<code nve-layout="full:width" nve-text="monospace sm truncate" title="perception/legacy.py">perception/legacy.py</code>
</nve-grid-cell>
<nve-grid-cell>
<span nve-layout="row gap:xs align:wrap"><nve-badge container="flat" status="failed">−18</nve-badge></span>
</nve-grid-cell>
</nve-grid-row>
<nve-grid-row>
<nve-grid-cell>
<code nve-layout="full:width" nve-text="monospace sm truncate" title="config/sensors.yaml">config/sensors.yaml</code>
</nve-grid-cell>
<nve-grid-cell>
<span nve-layout="row gap:xs align:wrap align:vertical-center"> <nve-badge container="flat" status="accent">Renamed</nve-badge> <span nve-text="body sm muted">from lidar.yaml</span> </span>
</nve-grid-cell>
</nve-grid-row>
</nve-grid>
</div>
NV Upkeep Agent 2026-10-05T14:30:00Z a1b2c3d
File Changes perception/lidar.py +24−8 tests/test_lidar.py +42 perception/legacy.py −18 config/sensors.yaml Renamed from lidar.yaml Test Results
Test run summary with expandable suites, individual results, and failure details. Use in coding assistants to make failed checks easy to find without hiding successful or skipped tests.
<nve-card container="flat">
<nve-card-header>
<div nve-layout="row gap:sm align:wrap align:space-between full:width">
<h2 nve-text="heading sm">Navigation tests</h2>
<span nve-text="body sm muted">AMR-07 · 6 tests · 1.24 s</span>
</div>
</nve-card-header>
<nve-card-content>
<div nve-layout="column gap:sm align:horizontal-stretch">
<div nve-layout="row gap:sm align:wrap" aria-label="Test totals">
<nve-badge status="success">4 passed</nve-badge>
<nve-badge status="failed">1 failed</nve-badge>
<nve-badge status="ignored">1 skipped</nve-badge>
</div>
<nve-accordion container="flat" behavior-expand expanded>
<nve-accordion-header>
<span nve-text="body sm semibold">Obstacle avoidance</span>
<nve-badge slot="suffix" status="failed" container="flat">1 failed</nve-badge>
</nve-accordion-header>
<nve-accordion-content>
<div nve-layout="column gap:sm">
<nve-grid container="flat" aria-label="Obstacle avoidance test results">
<nve-grid-header>
<nve-grid-column>Test</nve-grid-column>
<nve-grid-column>Result</nve-grid-column>
</nve-grid-header>
<nve-grid-row>
<nve-grid-cell><span nve-text="body sm">Routes around a pallet</span></nve-grid-cell>
<nve-grid-cell>
<div nve-layout="column gap:xs full:width">
<nve-badge container="flat" status="success">Passed</nve-badge>
<span nve-text="body sm muted">120 ms</span>
</div>
</nve-grid-cell>
</nve-grid-row>
<nve-grid-row>
<nve-grid-cell><span nve-text="body sm">Stops for a nearby obstacle</span></nve-grid-cell>
<nve-grid-cell>
<div nve-layout="column gap:xs full:width">
<nve-badge container="flat" status="failed">Failed</nve-badge>
<span nve-text="body sm muted">85 ms</span>
</div>
</nve-grid-cell>
</nve-grid-row>
<nve-grid-row>
<nve-grid-cell><span nve-text="body sm">Replans a blocked aisle</span></nve-grid-cell>
<nve-grid-cell>
<div nve-layout="column gap:xs full:width">
<nve-badge container="flat" status="ignored">Skipped</nve-badge>
<span nve-text="body sm muted">—</span>
</div>
</nve-grid-cell>
</nve-grid-row>
</nve-grid>
<nve-alert status="danger">
<div nve-layout="column gap:xs">
<strong nve-text="body sm semibold">Stop distance exceeded</strong>
<p nve-text="body sm">Expected ≤ 0.35 m; recorded 0.48 m in simulation.</p>
<code nve-text="monospace sm muted">tests/test_navigation.py:42</code>
</div>
</nve-alert>
</div>
</nve-accordion-content>
</nve-accordion>
<nve-accordion container="flat" behavior-expand>
<nve-accordion-header>
<span nve-text="body sm semibold">Sensor fusion</span>
<nve-badge slot="suffix" status="success" container="flat">3 passed</nve-badge>
</nve-accordion-header>
<nve-accordion-content>
<nve-grid container="flat" aria-label="Sensor fusion test results">
<nve-grid-header>
<nve-grid-column>Test</nve-grid-column>
<nve-grid-column>Result</nve-grid-column>
</nve-grid-header>
<nve-grid-row>
<nve-grid-cell><span nve-text="body sm">Aligns camera and lidar frames</span></nve-grid-cell>
<nve-grid-cell>
<div nve-layout="column gap:xs full:width">
<nve-badge container="flat" status="success">Passed</nve-badge>
<span nve-text="body sm muted">24 ms</span>
</div>
</nve-grid-cell>
</nve-grid-row>
<nve-grid-row>
<nve-grid-cell><span nve-text="body sm">Rejects stale lidar scans</span></nve-grid-cell>
<nve-grid-cell>
<div nve-layout="column gap:xs full:width">
<nve-badge container="flat" status="success">Passed</nve-badge>
<span nve-text="body sm muted">18 ms</span>
</div>
</nve-grid-cell>
</nve-grid-row>
<nve-grid-row>
<nve-grid-cell><span nve-text="body sm">Tracks pose through a turn</span></nve-grid-cell>
<nve-grid-cell>
<div nve-layout="column gap:xs full:width">
<nve-badge container="flat" status="success">Passed</nve-badge>
<span nve-text="body sm muted">32 ms</span>
</div>
</nve-grid-cell>
</nve-grid-row>
</nve-grid>
</nve-accordion-content>
</nve-accordion>
</div>
</nve-card-content>
</nve-card>
Navigation tests
AMR-07 · 6 tests · 1.24 s 4 passed 1 failed 1 skipped
Obstacle avoidance 1 failed Test Result Routes around a pallet Passed 120 ms
Stops for a nearby obstacle Failed 85 ms
Replans a blocked aisle Skipped —
Stop distance exceeded Expected ≤ 0.35 m; recorded 0.48 m in simulation.
tests/test_navigation.py:42 Sensor fusion 3 passed Test Result Aligns camera and lidar frames Passed 24 ms
Rejects stale lidar scans Passed 18 ms
Tracks pose through a turn Passed 32 ms
Environment Variables
Environment settings with masked values, visibility controls, required indicators, and copy actions. Use in developer tools to inspect configuration while keeping credentials hidden until requested.
<nve-card container="flat">
<nve-card-header>
<div nve-layout="row gap:sm align:wrap align:space-between full:width">
<h2 nve-text="heading sm">Robot environment</h2>
<nve-badge container="flat">Simulation</nve-badge>
</div>
</nve-card-header>
<nve-card-content>
<div nve-layout="column gap:sm align:horizontal-stretch">
<div nve-layout="row gap:sm align:bottom full:width">
<div nve-layout="full:width">
<nve-password>
<label>ROBOT_ID</label>
<input type="password" value="AMR-07" readonly required autocomplete="off" />
</nve-password>
</div>
<nve-copy-button behavior-copy container="flat" value="AMR-07" aria-label="Copy ROBOT_ID"></nve-copy-button>
</div>
<div nve-layout="row gap:sm align:bottom full:width">
<div nve-layout="full:width">
<nve-password>
<label>ROS_DOMAIN_ID</label>
<input type="password" value="42" readonly autocomplete="off" />
</nve-password>
</div>
<nve-copy-button behavior-copy container="flat" value="42" aria-label="Copy ROS_DOMAIN_ID"></nve-copy-button>
</div>
<div nve-layout="row gap:sm align:bottom full:width">
<div nve-layout="full:width">
<nve-password>
<label>SIMULATION_SCENE</label>
<input type="password" value="warehouse-aisle-3" readonly autocomplete="off" />
</nve-password>
</div>
<nve-copy-button behavior-copy container="flat" value="warehouse-aisle-3" aria-label="Copy SIMULATION_SCENE"></nve-copy-button>
</div>
</div>
</nve-card-content>
</nve-card>
Robot environment
Simulation