diff --git a/NOTICE.md b/NOTICE.md
index a03f39437..349e7c670 100644
--- a/NOTICE.md
+++ b/NOTICE.md
@@ -7,7 +7,7 @@ For notices about third-party logos used in the documentation, see the [Third-Pa
 
 This product includes the following bundled third-party software:
 
-- @eslint/css v2.0.0 [Apache-2.0] (used by: @nvidia-elements/lint)
+- @eslint/css v2.0.1 [Apache-2.0] (used by: @nvidia-elements/lint)
   Copyright: Nicholas C. Zakas
 
 - @eslint/js v10.0.1 [MIT] (used by: @nvidia-elements/lint)
@@ -16,10 +16,10 @@ This product includes the following bundled third-party software:
 - @eslint/json v2.1.1 [Apache-2.0] (used by: @nvidia-elements/lint)
   Copyright: Nicholas C. Zakas
 
-- @html-eslint/eslint-plugin v0.66.1 [MIT] (used by: @nvidia-elements/lint)
+- @html-eslint/eslint-plugin v0.67.0 [MIT] (used by: @nvidia-elements/lint)
   Copyright: yeonjuan (https://github.com/yeonjuan)
 
-- @html-eslint/parser v0.66.1 [MIT] (used by: @nvidia-elements/lint)
+- @html-eslint/parser v0.67.0 [MIT] (used by: @nvidia-elements/lint)
   Copyright: yeonjuan (https://github.com/yeonjuan)
 
 - @inquirer/prompts v8.7.4 [MIT] (used by: @nvidia-elements/cli)
@@ -49,7 +49,7 @@ This product includes the following bundled third-party software:
 - archiver v8.0.0 [MIT] (used by: @nvidia-elements/cli, @nvidia-elements/pi)
   Copyright: Chris Talkington (http://christalkington.com/)
 
-- eslint v10.12.0 [MIT] (used by: @nvidia-elements/cli, @nvidia-elements/pi)
+- eslint v10.13.0 [MIT] (used by: @nvidia-elements/cli, @nvidia-elements/pi)
   Copyright: Nicholas C. Zakas <nicholas+npm@nczconsulting.com>
 
 - fast-glob v3.3.3 [MIT] (used by: @nvidia-elements/cli, @nvidia-elements/pi)
@@ -121,7 +121,7 @@ Apache-2.0
 
 The following bundled components are provided under the Apache-2.0 license:
 
-@eslint/css v2.0.0 - Copyright Nicholas C. Zakas
+@eslint/css v2.0.1 - Copyright Nicholas C. Zakas
 @eslint/json v2.1.1 - Copyright Nicholas C. Zakas
 
                                  Apache License
@@ -343,8 +343,8 @@ MIT
 The following bundled components are provided under the MIT license:
 
 @eslint/js v10.0.1 - Copyright Unknown
-@html-eslint/eslint-plugin v0.66.1 - Copyright yeonjuan (https://github.com/yeonjuan)
-@html-eslint/parser v0.66.1 - Copyright yeonjuan (https://github.com/yeonjuan)
+@html-eslint/eslint-plugin v0.67.0 - Copyright yeonjuan (https://github.com/yeonjuan)
+@html-eslint/parser v0.67.0 - Copyright yeonjuan (https://github.com/yeonjuan)
 @inquirer/prompts v8.7.4 - Copyright Simon Boudrias <admin@simonboudrias.com>
 @modelcontextprotocol/ext-apps v2.0.3 - Copyright Olivier Chafik
 @modelcontextprotocol/server v2.2.0 - Copyright Anthropic, PBC (https://anthropic.com)
@@ -354,7 +354,7 @@ The following bundled components are provided under the MIT license:
 @pnpm/workspace.read-manifest v2.2.0 - Copyright Unknown
 adm-zip v0.6.1 - Copyright Nasca Iacob <adm-zip@pm.me> (https://github.com/cthackers)
 archiver v8.0.0 - Copyright Chris Talkington (http://christalkington.com/)
-eslint v10.12.0 - Copyright Nicholas C. Zakas <nicholas+npm@nczconsulting.com>
+eslint v10.13.0 - Copyright Nicholas C. Zakas <nicholas+npm@nczconsulting.com>
 fast-glob v3.3.3 - Copyright Denis Malinochkin (https://mrmlnc.com)
 fflate v0.8.3 - Copyright Arjun Barrett <arjunbarrett@gmail.com>
 html-format v1.1.7 - Copyright Mohamed Akram
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 73d08b4ad..be6aa1372 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1004,6 +1004,9 @@ importers:
       '@nvidia-elements/themes':
         specifier: workspace:*
         version: link:../../themes
+      '@nvidia-elements/viewport':
+        specifier: workspace:*
+        version: link:../../viewport
       eslint:
         specifier: 10.13.0
         version: 10.13.0(jiti@2.7.0)(supports-color@10.2.2)
diff --git a/projects/cli/NOTICE.md b/projects/cli/NOTICE.md
index 219d4b078..9dd2dd12c 100644
--- a/projects/cli/NOTICE.md
+++ b/projects/cli/NOTICE.md
@@ -20,7 +20,7 @@ This project includes the following bundled third-party software:
 - archiver v8.0.0 [MIT]
   Copyright: Chris Talkington (http://christalkington.com/)
 
-- eslint v10.12.0 [MIT]
+- eslint v10.13.0 [MIT]
   Copyright: Nicholas C. Zakas <nicholas+npm@nczconsulting.com>
 
 - fast-glob v3.3.3 [MIT]
@@ -61,7 +61,7 @@ The following bundled components are provided under the MIT license:
 @modelcontextprotocol/server v2.2.0 - Copyright Anthropic, PBC (https://anthropic.com)
 adm-zip v0.6.1 - Copyright Nasca Iacob <adm-zip@pm.me> (https://github.com/cthackers)
 archiver v8.0.0 - Copyright Chris Talkington (http://christalkington.com/)
-eslint v10.12.0 - Copyright Nicholas C. Zakas <nicholas+npm@nczconsulting.com>
+eslint v10.13.0 - Copyright Nicholas C. Zakas <nicholas+npm@nczconsulting.com>
 fast-glob v3.3.3 - Copyright Denis Malinochkin (https://mrmlnc.com)
 ignore v7.0.12 - Copyright kael
 marked v18.0.14 - Copyright Christopher Jeffrey
diff --git a/projects/internals/patterns/package.json b/projects/internals/patterns/package.json
index 29f305926..d26065fdc 100644
--- a/projects/internals/patterns/package.json
+++ b/projects/internals/patterns/package.json
@@ -64,6 +64,7 @@
     "@nvidia-elements/monaco": "workspace:*",
     "@nvidia-elements/styles": "workspace:*",
     "@nvidia-elements/themes": "workspace:*",
+    "@nvidia-elements/viewport": "workspace:*",
     "eslint": "catalog:",
     "publint": "catalog:",
     "typescript": "catalog:",
@@ -102,6 +103,7 @@
         "../../code/dist/**/*.js",
         "../../core/dist/**/*.js",
         "../../themes/dist/**/*.css",
+        "../../viewport/dist/**/*.js",
         "src/**",
         "package.json",
         "tsconfig.json",
@@ -124,6 +126,10 @@
         {
           "script": "../../themes:build",
           "cascade": false
+        },
+        {
+          "script": "../../viewport:build",
+          "cascade": false
         }
       ]
     },
@@ -142,7 +148,8 @@
         "../../core/dist/**/*.d.ts",
         "../../forms/dist/**/*.d.ts",
         "../../code/dist/**/*.d.ts",
-        "../../monaco/dist/**/*.d.ts"
+        "../../monaco/dist/**/*.d.ts",
+        "../../viewport/dist/**/*.d.ts"
       ],
       "output": [],
       "dependencies": [
@@ -157,6 +164,10 @@
         {
           "script": "../../monaco:build",
           "cascade": false
+        },
+        {
+          "script": "../../viewport:build",
+          "cascade": false
         }
       ]
     },
diff --git a/projects/internals/patterns/src/templates.examples.ts b/projects/internals/patterns/src/templates.examples.ts
index bd2d5d540..d026b4acb 100644
--- a/projects/internals/patterns/src/templates.examples.ts
+++ b/projects/internals/patterns/src/templates.examples.ts
@@ -29,6 +29,10 @@ import '@nvidia-elements/core/tabs/define.js';
 import '@nvidia-elements/core/toolbar/define.js';
 import '@nvidia-elements/core/tree/define.js';
 import '@nvidia-elements/monaco/input/define.js';
+import '@nvidia-elements/viewport/gridlines/define.js';
+import '@nvidia-elements/viewport/minimap/define.js';
+import '@nvidia-elements/viewport/viewport/define.js';
+import '@nvidia-elements/viewport/zoom-range/define.js';
 import '@nvidia-elements/code/codeblock/define.js';
 import '@nvidia-elements/code/codeblock/languages/python.js';
 import '@nvidia-elements/code/codeblock/languages/yaml.js';
@@ -889,6 +893,120 @@ class LidarConfig:
   `
 };
 
+/**
+ * @summary Page-level starter for visual workflow editors with nodes initially centered and fitted to the canvas. Edit nodes and navigate spatial content with pan, zoom, gridlines, and a minimap without losing context.
+ * @tags template
+ */
+export const CanvasEditor = {
+  render: () => html`
+<nve-page>
+  <nve-page-header slot="header">
+    <nve-logo slot="prefix" size="sm" color="brand-green">NV</nve-logo>
+    <h1 slot="prefix" nve-text="heading">Workflow Studio</h1>
+  </nve-page-header>
+  <nve-page-panel slot="left" size="sm">
+    <nve-page-panel-header>
+      <h2 nve-text="heading sm">Outline</h2>
+    </nve-page-panel-header>
+    <nve-page-panel-content>
+      <nve-tree behavior-expand aria-label="Workflow outline">
+        <nve-tree-node expanded>
+          Perception pipeline
+          <nve-tree-node>Dataset</nve-tree-node>
+          <nve-tree-node>Inference</nve-tree-node>
+          <nve-tree-node expanded>
+            Detections
+            <nve-tree-node>Tracking</nve-tree-node>
+            <nve-tree-node>Alerts</nve-tree-node>
+          </nve-tree-node>
+        </nve-tree-node>
+      </nve-tree>
+    </nve-page-panel-content>
+  </nve-page-panel>
+  <nve-toolbar slot="subheader" container="full" aria-label="Canvas controls">
+    <h2 slot="prefix" nve-text="heading sm">Perception pipeline</h2>
+    <nve-button slot="suffix" commandfor="canvas-editor-viewport" command="--zoom-reset" aria-label="Reset zoom to 100%">100%</nve-button>
+    <nve-button slot="suffix" commandfor="canvas-editor-viewport" command="--zoom-to-fit">Fit canvas</nve-button>
+  </nve-toolbar>
+  <main style="min-height: 0">
+    <nve-viewport id="canvas-editor-viewport" autofit fit-inset="48" behavior-pan behavior-zoom aria-label="Perception workflow canvas" style="width: 100%; height: 100%; --min-height: 0">
+      <nve-viewport-gridlines pattern="dots"></nve-viewport-gridlines>
+      <svg slot="background" aria-hidden="true" width="1360" height="520" viewBox="0 0 1360 520" style="position: absolute; left: 0; top: 0">
+        <path d="M 280 180 H 360 M 640 180 H 720 M 1000 180 H 1080 M 1040 180 V 420 H 1080" fill="none" stroke="var(--nve-ref-border-color-emphasis)" stroke-width="2" vector-effect="non-scaling-stroke"></path>
+        <circle cx="1040" cy="180" r="4" fill="var(--nve-ref-border-color-emphasis)"></circle>
+      </svg>
+      <nve-card style="position: absolute; left: 0; top: 100px; width: 280px; height: 160px">
+        <nve-card-header>
+          <h3 nve-text="heading sm">Dataset</h3>
+        </nve-card-header>
+        <nve-card-content>
+          <nve-input>
+            <label>Dataset name</label>
+            <input value="warehouse-scenes" />
+          </nve-input>
+        </nve-card-content>
+      </nve-card>
+      <nve-card style="position: absolute; left: 360px; top: 100px; width: 280px; height: 160px">
+        <nve-card-header>
+          <h3 nve-text="heading sm">Inference</h3>
+        </nve-card-header>
+        <nve-card-content>
+          <nve-input>
+            <label>Model name</label>
+            <input value="perception-v2" />
+          </nve-input>
+        </nve-card-content>
+      </nve-card>
+      <nve-card style="position: absolute; left: 720px; top: 100px; width: 280px; height: 160px">
+        <nve-card-header>
+          <h3 nve-text="heading sm">Detections</h3>
+        </nve-card-header>
+        <nve-card-content>
+          <nve-input>
+            <label>Output topic</label>
+            <input value="/perception/detections" />
+          </nve-input>
+        </nve-card-content>
+      </nve-card>
+      <nve-card style="position: absolute; left: 1080px; top: 100px; width: 280px; height: 160px">
+        <nve-card-header>
+          <h3 nve-text="heading sm">Tracking</h3>
+        </nve-card-header>
+        <nve-card-content>
+          <nve-input>
+            <label>Tracker name</label>
+            <input value="multi-object-tracker" />
+          </nve-input>
+        </nve-card-content>
+      </nve-card>
+      <nve-card style="position: absolute; left: 1080px; top: 340px; width: 280px; height: 160px">
+        <nve-card-header>
+          <h3 nve-text="heading sm">Alerts</h3>
+        </nve-card-header>
+        <nve-card-content>
+          <nve-input>
+            <label>Alert topic</label>
+            <input value="/perception/alerts" />
+          </nve-input>
+        </nve-card-content>
+      </nve-card>
+      <nve-viewport-minimap aria-label="Workflow overview"></nve-viewport-minimap>
+      <nve-toolbar slot="overlay" orientation="vertical" aria-label="Canvas zoom controls"
+        style="position: absolute; inset-block-start: var(--nve-ref-space-md); inset-inline-start: var(--nve-ref-space-md); width: fit-content">
+        <nve-button commandfor="canvas-editor-viewport" command="--zoom-in" aria-label="Zoom in">+</nve-button>
+        <nve-viewport-zoom-range commandfor="canvas-editor-viewport" orientation="vertical" aria-label="Canvas zoom"></nve-viewport-zoom-range>
+        <nve-button commandfor="canvas-editor-viewport" command="--zoom-out" aria-label="Zoom out">−</nve-button>
+      </nve-toolbar>
+    </nve-viewport>
+  </main>
+  <nve-toolbar slot="subfooter" container="full" aria-label="Canvas navigation help">
+    <span nve-text="body sm muted">Drag the canvas background to pan. Use the zoom controls or minimap to navigate.</span>
+    <span slot="suffix" nve-text="body sm muted">5 nodes</span>
+  </nve-toolbar>
+</nve-page>
+  `
+};
+
 /**
  * @summary Page-level starter for chat experiences. Conversation list, message thread, and prompt composer.
  * @tags template
diff --git a/projects/lint/NOTICE.md b/projects/lint/NOTICE.md
index f34fdc4ea..dda1b9de8 100644
--- a/projects/lint/NOTICE.md
+++ b/projects/lint/NOTICE.md
@@ -5,7 +5,7 @@ Copyright 2024-2026 NVIDIA Corporation
 
 This project includes the following bundled third-party software:
 
-- @eslint/css v2.0.0 [Apache-2.0]
+- @eslint/css v2.0.1 [Apache-2.0]
   Copyright: Nicholas C. Zakas
 
 - @eslint/js v10.0.1 [MIT]
@@ -14,10 +14,10 @@ This project includes the following bundled third-party software:
 - @eslint/json v2.1.1 [Apache-2.0]
   Copyright: Nicholas C. Zakas
 
-- @html-eslint/eslint-plugin v0.66.1 [MIT]
+- @html-eslint/eslint-plugin v0.67.0 [MIT]
   Copyright: yeonjuan (https://github.com/yeonjuan)
 
-- @html-eslint/parser v0.66.1 [MIT]
+- @html-eslint/parser v0.67.0 [MIT]
   Copyright: yeonjuan (https://github.com/yeonjuan)
 
 - minisearch v7.2.0 [MIT]
@@ -29,7 +29,7 @@ Apache-2.0
 
 The following bundled components are provided under the Apache-2.0 license:
 
-@eslint/css v2.0.0 - Copyright Nicholas C. Zakas
+@eslint/css v2.0.1 - Copyright Nicholas C. Zakas
 @eslint/json v2.1.1 - Copyright Nicholas C. Zakas
 
                                  Apache License
@@ -216,8 +216,8 @@ MIT
 The following bundled components are provided under the MIT license:
 
 @eslint/js v10.0.1 - Copyright Unknown
-@html-eslint/eslint-plugin v0.66.1 - Copyright yeonjuan (https://github.com/yeonjuan)
-@html-eslint/parser v0.66.1 - Copyright yeonjuan (https://github.com/yeonjuan)
+@html-eslint/eslint-plugin v0.67.0 - Copyright yeonjuan (https://github.com/yeonjuan)
+@html-eslint/parser v0.67.0 - Copyright yeonjuan (https://github.com/yeonjuan)
 minisearch v7.2.0 - Copyright Luca Ongaro
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
diff --git a/projects/pi/NOTICE.md b/projects/pi/NOTICE.md
index ac665ca58..53c5fda7e 100644
--- a/projects/pi/NOTICE.md
+++ b/projects/pi/NOTICE.md
@@ -23,7 +23,7 @@ This project includes the following bundled third-party software:
 - archiver v8.0.0 [MIT]
   Copyright: Chris Talkington (http://christalkington.com/)
 
-- eslint v10.12.0 [MIT]
+- eslint v10.13.0 [MIT]
   Copyright: Nicholas C. Zakas <nicholas+npm@nczconsulting.com>
 
 - fast-glob v3.3.3 [MIT]
@@ -68,7 +68,7 @@ The following bundled components are provided under the MIT license:
 @pnpm/workspace.read-manifest v2.2.0 - Copyright Unknown
 adm-zip v0.6.1 - Copyright Nasca Iacob <adm-zip@pm.me> (https://github.com/cthackers)
 archiver v8.0.0 - Copyright Chris Talkington (http://christalkington.com/)
-eslint v10.12.0 - Copyright Nicholas C. Zakas <nicholas+npm@nczconsulting.com>
+eslint v10.13.0 - Copyright Nicholas C. Zakas <nicholas+npm@nczconsulting.com>
 fast-glob v3.3.3 - Copyright Denis Malinochkin (https://mrmlnc.com)
 fflate v0.8.3 - Copyright Arjun Barrett <arjunbarrett@gmail.com>
 html-format v1.1.7 - Copyright Mohamed Akram