diff --git a/apps/docs/app/app.vue b/apps/docs/app/app.vue
index 47161f3f..e8b95f41 100644
--- a/apps/docs/app/app.vue
+++ b/apps/docs/app/app.vue
@@ -6,3 +6,13 @@
     </NuxtErrorBoundary>
   </NuxtLayout>
 </template>
+
+<script setup lang="ts">
+const { public: { isOffline } } = useRuntimeConfig();
+
+useHead({
+  htmlAttrs: {
+    'data-mode': isOffline ? 'offline' : 'online',
+  },
+});
+</script>
\ No newline at end of file
diff --git a/apps/docs/app/components/ClientFooter.vue b/apps/docs/app/components/ClientFooter.vue
index a0adf968..d2b924b6 100644
--- a/apps/docs/app/components/ClientFooter.vue
+++ b/apps/docs/app/components/ClientFooter.vue
@@ -47,7 +47,7 @@
 </template>
 
 <script setup lang="ts">
-import NetLogoUserManualLogo from '@repo/vue-ui/assets/brands/NetLogoUserManual.svg';
+import NetLogoUserManualLogo from '@repo/vue-ui/assets/brands/NetLogoUserManual.svg?url';
 import type { FooterLink } from '@repo/vue-ui/components/footer/types';
 import { onMounted, ref } from 'vue';
 
diff --git a/apps/docs/app/components/ClientNavbar.vue b/apps/docs/app/components/ClientNavbar.vue
index 4efd1e70..dc5a6816 100644
--- a/apps/docs/app/components/ClientNavbar.vue
+++ b/apps/docs/app/components/ClientNavbar.vue
@@ -23,9 +23,10 @@
     </NavbarLinksContainer>
 
     <NavbarActionsContainer>
-      <SSRUContentSearchButton />
+      <SSRUContentSearchButton v-if="!isOffline" />
 
       <VersionSelectDropdown
+        v-if="!isOffline"
         :versions="versions"
         :selected-version="selectedVersion"
         @version-change="(version) => onVersionChange(version, { productVersion, productWebsite })"
@@ -49,8 +50,8 @@
 </template>
 
 <script setup lang="ts">
-import NetLogoUserManualLogo from '@repo/vue-ui/assets/brands/NetLogoUserManual.svg';
-import TurtlesLogo from '@repo/vue-ui/assets/brands/Turtles.svg';
+import NetLogoUserManualLogo from '@repo/vue-ui/assets/brands/NetLogoUserManual.svg?url';
+import TurtlesLogo from '@repo/vue-ui/assets/brands/Turtles.svg?url';
 import type { Navbar as _Navbar } from '@repo/vue-ui/components/navbar/index';
 import type { VersionProps } from '@repo/vue-ui/widgets/VersionSelectDropdown.vue';
 import { useMediaQuery } from '@vueuse/core';
@@ -60,6 +61,7 @@ import { onVersionChange, pullVersionsFromSource } from '~~/shared/versions';
 const {
   public: {
     website: { productWebsite, productVersion, versionsSrc  },
+    isOffline
   },
 } = useRuntimeConfig();
 
@@ -80,7 +82,10 @@ const extensionList = useRuntimeConfig().public.extensions as Array<{
 const isMobileScreen = ref(false);
 const navbarRef = useTemplateRef<InstanceType<typeof _Navbar>>('navbar');
 
-const brand = computed(() => (isMobileScreen.value ? TurtlesLogo : NetLogoUserManualLogo));
+const brand = computed(() => ( h( 'img', {
+  src: isMobileScreen.value ? TurtlesLogo : NetLogoUserManualLogo,
+  alt: 'NetLogo User Manual',
+})));  
 const brandAttrs = computed(() => (isMobileScreen.value ? { style: { width: '2rem' } } : { width: 'auto' }));
 
 
@@ -229,6 +234,7 @@ const versions = ref<Record<string, VersionProps>>({
 
 const selectedVersion = ref<string>(productVersion);
 
+updateActiveStates();
 onMounted(() => {
   if (import.meta.client) {
     updateActiveStates();
diff --git a/apps/docs/app/components/PrimitiveCatalog/PrimitiveCatalog.vue b/apps/docs/app/components/PrimitiveCatalog/PrimitiveCatalog.vue
index 6a7f4814..6d15b999 100644
--- a/apps/docs/app/components/PrimitiveCatalog/PrimitiveCatalog.vue
+++ b/apps/docs/app/components/PrimitiveCatalog/PrimitiveCatalog.vue
@@ -1,5 +1,6 @@
 <template>
-  <SideCatalog
+  <component
+    :is="CatalogComponent"
     :label="dictionaryDisplayName"
     :items="(catalogItems || []) as SideCatalogItem[]"
     item-prefix="primitive:"
@@ -9,6 +10,9 @@
     :scroll-margin-top="150"
     :is-loading="loading"
     with-route-transition
+    :class="{
+      'lg:mt-5 mb-10 px-2 mx-auto nl-container-width': isOffline
+    }"
   >
     <div class="w-full [&>.min-h-screen]:min-h-0 lg:pr-5 pb-10 min-h-rest">
       <slot />
@@ -20,7 +24,7 @@
 
       <Surround :surround="surround" class="mt-auto" />
     </div>
-  </SideCatalog>
+  </component>
 </template>
 
 <script setup lang="ts">
@@ -31,9 +35,13 @@ import type { CatalogItemData, PrimitiveCatalogProps, SideCatalogItem } from './
 const {
   public: {
     website: { productVersion },
+    isOffline
   },
 } = useRuntimeConfig();
 
+const SideCatalog = resolveComponent('SideCatalog') as typeof import('@repo/vue-ui')['SideCatalog'];
+const CatalogComponent = isOffline ? 'div' : SideCatalog;
+
 const { dictionaryDisplayName, dictionaryHomeDirectory, indexFileURI, currentItemId, currentItemLabel, primRoot } =
   defineProps<PrimitiveCatalogProps>();
 
diff --git a/apps/docs/autogen/3d.md b/apps/docs/autogen/3d.md
index 74243a6f..871e466b 100644
--- a/apps/docs/autogen/3d.md
+++ b/apps/docs/autogen/3d.md
@@ -164,7 +164,7 @@ end-shape
   One of the first things you will notice when you open NetLogo 3D is that the
   world is a cube instead of a square.
 
-![[3d/cube.png]]
+![[3d/cube.webp]]
 
 You can open up the Model Settings, by clicking on the
 &quot;Settings...&quot; button at the top of the 3D View. You'll notice in
@@ -172,7 +172,7 @@ addition to `max-pxcor`, `min-pxcor`,
 `max-pycor`, and `min-pycor`, there is also
 [[max-pzcor|min-max-pzcor]] and [[min-pzcor|min-max-pzcor]].
 
-![[3d/properties.png]]
+![[3d/properties.webp]]
 
 The z-axis is perpendicular to both the x-axis and the y-axis, when you
 `reset-perspective` it is the axis that comes straight out of the
@@ -220,17 +220,17 @@ Heading, pitch, and roll are turtle variables that represent the orientation
 of the turtle. Heading is absolute in relation to the x/y plane; it is the
 rotation of the turtle around the z-axis.
 
-![[3d/heading.png]]
+![[3d/heading.webp]]
 
 Pitch is the angle between the nose of the turtle and the xy-plane. It is
 relative to heading.
 
-![[3d/pitch.png]]
+![[3d/pitch.webp]]
 
 Roll is the rotation around the turtle's forward vector. It is relative to
 heading and pitch.
 
-![[3d/roll.png]]
+![[3d/roll.webp]]
 
 When turtles are created with `create-turtles` or
 `create-ordered-turtles`, their initial headings vary but their
diff --git a/apps/docs/autogen/behaviorspace.es.md b/apps/docs/autogen/behaviorspace.es.md
index 713af391..6c8da7f1 100644
--- a/apps/docs/autogen/behaviorspace.es.md
+++ b/apps/docs/autogen/behaviorspace.es.md
@@ -492,7 +492,7 @@ En la siguiente imagen de muestra de **Resultados tabulados**, la sección de en
 columnas de número de ejecución (`[run number]`]) y paso (`[step]`) se resaltan en azul, los valores iniciales de las
 variables para la ejecución se muestran en verde y los datos de indicadores de medición se muestran en morado.
 
-![[behaviorspace//behaviorspace/bs-table.png]]
+![[behaviorspace//behaviorspace/bs-table.webp]]
 
 #### Resultados en hoja de cálculo
 
@@ -527,7 +527,7 @@ muestran en verde,
 los indicadores adicionales calculados se muestran en anaranjado, y los datos de medición de indicadores se encuentran
 en morado.
 
-![[behaviorspace//behaviorspace/bs-spreadsheet.png]]
+![[behaviorspace//behaviorspace/bs-spreadsheet.webp]]
 
 #### Resultados estadísticos
 
@@ -550,7 +550,7 @@ En la siguiente imagen de muestra de **Resultados estadísticos**, la sección d
 las combinaciones de parámetros en verde, las columnas de número de paso (`[step]`) en azul, y los datos estadísticos
 morado.
 
-![[behaviorspace//behaviorspace/bs-stats.png]]
+![[behaviorspace//behaviorspace/bs-stats.webp]]
 
 #### Resultados en lista
 
@@ -577,7 +577,7 @@ el nombre del reportero en anaranjado, las columnas de número de ejecución (`[
 (`[step]`)
 en azul, los valores iniciales de las variables en verde, y la lista expandida de datos en morado.
 
-![[behaviorspace//behaviorspace/bs-lists.png]]
+![[behaviorspace//behaviorspace/bs-lists.webp]]
 
 #### Cambios en archivos de resultados
 
diff --git a/apps/docs/autogen/behaviorspace.md b/apps/docs/autogen/behaviorspace.md
index bedb17d7..5b31e6b3 100644
--- a/apps/docs/autogen/behaviorspace.md
+++ b/apps/docs/autogen/behaviorspace.md
@@ -489,7 +489,7 @@ In the **Table output** sample image below, the header section is in red, the ru
 columns are in blue, the initial values of the variables for the run are in green, and the
 measurement metric data is in purple.
 
-![[behaviorspace/bs-table.png]]
+![[behaviorspace/bs-table.webp]]
 
 #### Spreadsheet output
 This format lists the step numbers as well as each metric for each run in a
@@ -520,7 +520,7 @@ In the **Spreadsheet output** sample image below, the header section is in red,
 is in blue, the initial values of the variables for the run are in green, the extra calculated
 metrics are in orange, and the measurement metric data is in purple.
 
-![[behaviorspace/bs-spreadsheet.png]]
+![[behaviorspace/bs-spreadsheet.webp]]
 
 #### Statistics output
 *(Since 6.4)*
@@ -552,7 +552,7 @@ standard deviation of "count frogs", followed by the same statistics for
 and columns A-D show the parameter combination that was used. The statistics
 are calculated across all the repetitions.
 
-![[behaviorspace/bs-stats.png]]
+![[behaviorspace/bs-stats.webp]]
 
 #### Lists output
 *(Since 6.4)*
@@ -575,7 +575,7 @@ are in green, and the expanded list data is in purple. The list data starts in
 row 7, with the headers (the index into the list, starting from 0) starting in
 column E.
 
-![[behaviorspace/bs-lists.png]]
+![[behaviorspace/bs-lists.webp]]
 
 #### Output File Changes
 *(Since 6.4)*
diff --git a/apps/docs/autogen/codetab.md b/apps/docs/autogen/codetab.md
index 84cc6fb8..f1553a19 100644
--- a/apps/docs/autogen/codetab.md
+++ b/apps/docs/autogen/codetab.md
@@ -2,7 +2,7 @@
 
 The Code tab is where the code for the model is stored. Commands you only want
 to use once can be typed in the Command Center, but collections of commands that
-you want to save for later use can be stored in the Code tab. ![[codetab/codetab.png]]
+you want to save for later use can be stored in the Code tab. ![[codetab/codetab.webp]]
 
 #### Table of Contents
 
@@ -15,7 +15,7 @@ Tools menu “Preferences” item on Windows and Linux, and with the NetLogo men
 
 ## Code Tab Toolbar
 
-<p><img src="./images/codetab/codetabtoolbar.png" style="width:6in" /></p>
+<p><img src="./images/codetab/codetabtoolbar.webp" style="width:6in" /></p>
 Details for these items can be found in the corresponding sections.
 
 - [Check](#checking-for-errors)
@@ -42,10 +42,10 @@ preference.
 <tbody>
 <tr>
  <td>
-<img src="./images/codetab/codetabproceduresmenu.png" style="width:2in" />
+<img src="./images/codetab/codetabproceduresmenu.webp" style="width:2in" />
 </td>
 <td>
-<img src="./images/codetab/codetabproceduresmenusearch.png" style="width:2in" />
+<img src="./images/codetab/codetabproceduresmenusearch.webp" style="width:2in" />
 </td>
 </tr>
 </tbody>
@@ -64,7 +64,7 @@ error will not be highlighted. If the error occurs in the Interface tab, for
 example if any button or plot commands result in a compilation error, the
 Interface tab will turn orange instead.
 
-![[codetab/codetaberror.png]]
+![[codetab/codetaberror.webp]]
 
 Switching tabs also causes the code to be checked, so if you just switch tabs,
 pressing the Check button first isn't necessary.
@@ -88,7 +88,7 @@ can then be moved and resized.
 ## Find & Replace
 
 To find a fragment of code in the Code tab, click on the "Find" button in the
-Code toolbar and the Find dialog will appear. ![[codetab/find-replace.png]]
+Code toolbar and the Find dialog will appear. ![[codetab/find-replace.webp]]
 
 You may enter a word or phrase to find, and optionally also a new word or phrase
 to replace it with. The "Ignore case" checkbox controls whether the
@@ -113,7 +113,7 @@ you open a set of square brackets "[" (perhaps after an `if` statement), NetLogo
 will automatically add spaces so that the following lines of code are two spaces
 further indented than the bracket. When you close the square brackets the
 closing bracket will be lined up with the matching open bracket.
-![[codetab/tabified-code.png]]
+![[codetab/tabified-code.webp]]
 
 NetLogo will try to indent the code as you type, but you can also press the tab
 key anywhere on any line to ask NetLogo to indent the line immediately. Or, you
@@ -170,10 +170,10 @@ File" items .You can make this menu always visible using the "Always show
 <tbody>
 <tr>
  <td>
-<img src="./images/codetab/includesmenu.png" />
+<img src="./images/codetab/includesmenu.webp" />
 </td>
 <td>
-<img src="./images/codetab/includesmenuopen.png" />
+<img src="./images/codetab/includesmenuopen.webp" />
 </td>
 </tr>
 </tbody>
@@ -196,10 +196,10 @@ apply to all Code tabs, not just the one that is currently visible.
 <tbody>
 <tr>
  <td>
-<img src="./images/codetab/tabsmenu.png" />
+<img src="./images/codetab/tabsmenu.webp" />
 </td>
 <td>
-<img src="./images/codetab/codetabtoolbarwithnls.png"  style="width:7in" />
+<img src="./images/codetab/codetabtoolbarwithnls.webp"  style="width:7in" />
 </td>
 </tr>
 </tbody>
diff --git a/apps/docs/autogen/colorpicker.md b/apps/docs/autogen/colorpicker.md
index f9cadfd9..6ffe4df5 100644
--- a/apps/docs/autogen/colorpicker.md
+++ b/apps/docs/autogen/colorpicker.md
@@ -32,7 +32,7 @@ The Simple tab of the Color Picker in the Tools menu has buttons to allow the
 user to copy the color (icon to the right of the grey rectangle), or exit the
 dialog (cancel).
 
-<p><img src="./images/colorpicker/colorpickersimple.png"style="width:7in" /></p>
+<p><img src="./images/colorpicker/colorpickersimple.webp"style="width:7in" /></p>
 
 As shown below Simple tab for the Color Input adds a blue 'OK' button to the
 right of 'Cancel.' Choosing 'OK' changes the Input to the selected color,
@@ -41,12 +41,12 @@ selected color in the clipboard. It can then be copied to the Code Tab, or any
 other text area. The dialog remains open. Cancel closes the dialog without
 changing the color input widget.
 
-<p><img src="./images/colorpicker/colorpickersimpleoklight.png"style="width:7in" /></p>
+<p><img src="./images/colorpicker/colorpickersimpleoklight.webp"style="width:7in" /></p>
 
 When editing a Note, there are four buttons that can be clicked to open a Color
 Picker.
 
-<p><img src="./images/colorpicker/editnotelight.png"/></p>
+<p><img src="./images/colorpicker/editnotelight.webp"/></p>
 
 The 'Simple' tab of the color picker is the same, regardless of context. The
 'Advanced' tab allows different output formats, depending on the context.
@@ -57,7 +57,7 @@ The 'Simple' tab of the color picker is the same, regardless of context. The
 
 The Advanced Tab allows a much more nuanced way to choose a color.
 
-<p><img src="./images/colorpicker/colorpickeradvanced.png"style="width:7in" /></p>
+<p><img src="./images/colorpicker/colorpickeradvanced.webp"style="width:7in" /></p>
 
 The rainbow slider on the left allows users to select a hue. The slider to its
 right allows the user to select the transparency of the color. By default, the
@@ -79,15 +79,15 @@ text field. For HSB (Hue, Saturation, Brightness) there are three numeric
 fields. The color selected using the Input format can then be modified by using
 the hue slider, transparency slider or the palette rectangle.
 
-<p><img src="./images/colorpicker/colorpickerinputformatchoices.png"/></p>
+<p><img src="./images/colorpicker/colorpickerinputformatchoices.webp"/></p>
 
 In this example the input is a NetLogo word.
 
-<p><img src="./images/colorpicker/colorpickerinputformatNLword.png"/></p>
+<p><img src="./images/colorpicker/colorpickerinputformatNLword.webp"/></p>
 
 In this example the input is HSB.
 
-<p><img src="./images/colorpicker/colorpickerHSBinputRGBAoutput.png"style="width:7in" /></p>
+<p><img src="./images/colorpicker/colorpickerHSBinputRGBAoutput.webp"style="width:7in" /></p>
 
 ### Output Format
 
@@ -98,7 +98,7 @@ Number can be output. As the user changes a color the value of the Input value
 is updated. In the image below it was initially lime - 0.3, but changed to
 lime - 0.6
 
-<p><img src="./images/colorpicker/colorpickerNLwordinputRGBAoutput.png"style="width:7in" /></p>
+<p><img src="./images/colorpicker/colorpickerNLwordinputRGBAoutput.webp"style="width:7in" /></p>
 
 ### Output Formats for Different Contexts
 
@@ -119,7 +119,7 @@ alpha). Otherwise "RGBA" output produces a 4-item list (with alpha). In the
 example below you can see that the output is a 3-item list, because there is no
 transparency and RGBA output is selected.
 
-<p><img src="./images/colorpicker/colorpickerHexinputRGBAoutput.png"style="width:7in" /></p>
+<p><img src="./images/colorpicker/colorpickerHexinputRGBAoutput.webp"style="width:7in" /></p>
 
 ### Details about the Alpha Bar
 
@@ -133,6 +133,6 @@ that the output color will be opaque. The first example shows the case where
 there is no alpha bar. The second example show the highlighted output because
 there is transparency, but an opaque output format.
 
-<p><img src="./images/colorpicker/colorpickernoalpha.png"style="width:7in" /></p>
+<p><img src="./images/colorpicker/colorpickernoalpha.webp"style="width:7in" /></p>
 
-<p><img src="./images/colorpicker/colorpickerHSBinputNLnumberoutput.png"style="width:7in" /></p>
+<p><img src="./images/colorpicker/colorpickerHSBinputNLnumberoutput.webp"style="width:7in" /></p>
diff --git a/apps/docs/autogen/copyright.md b/apps/docs/autogen/copyright.md
index 3ecc4daa..b65191b2 100644
--- a/apps/docs/autogen/copyright.md
+++ b/apps/docs/autogen/copyright.md
@@ -31,7 +31,7 @@ Commercial licenses are also available. To inquire about commercial licenses, pl
 
 Copyright 1999-2025 by Uri Wilensky.
 
-[![Creative Commons License](images/cc-by-sa-3.0.png)](https://creativecommons.org/licenses/by-sa/3.0/)
+[![Creative Commons License](images/cc-by-sa-3.0.webp)](https://creativecommons.org/licenses/by-sa/3.0/)
 
 The NetLogo User Manual by [Uri Wilensky](http://ccl.northwestern.edu/netlogo/) is licensed under a [Creative Commons Attribution-ShareAlike 3.0 Unported License](https://creativecommons.org/licenses/by-sa/3.0/).
 
diff --git a/apps/docs/autogen/data/dictionary-3D.yaml b/apps/docs/autogen/data/dictionary-3D.yaml
index ca2af578..c5f95980 100644
--- a/apps/docs/autogen/data/dictionary-3D.yaml
+++ b/apps/docs/autogen/data/dictionary-3D.yaml
@@ -73,9 +73,9 @@ entries:
         - code: distancexyz-nowrap *xcor* *ycor* *zcor*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: dz
     entry_categories:
       - title: Commands and Reporters
@@ -100,7 +100,7 @@ entries:
         - code: dz
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: face-3d
     entry_categories:
       - title: Commands and Reporters
@@ -124,9 +124,9 @@ entries:
         - code: facexyz *x* *y* *z*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Observer Movement Command
-        url: images/observermovement.png
+        url: images/observermovement.webp
   - id: left
     entry_categories:
       - title: Commands and Reporters
@@ -148,7 +148,7 @@ entries:
         - code: left *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: link-pitch
     entry_categories:
       - title: Commands and Reporters
@@ -174,7 +174,7 @@ entries:
         - code: link-pitch
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: load-shapes-3d
     entry_categories:
       - title: Commands and Reporters
@@ -195,7 +195,7 @@ entries:
         - code: load-shapes-3d *filename*
     icons:
       - alt: Observer Movement Command
-        url: images/observermovement.png
+        url: images/observermovement.webp
   - id: min-max-pzcor
     entry_categories:
       - title: Commands and Reporters
@@ -255,9 +255,9 @@ entries:
         - code: neighbors6
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: orbit-cmds
     entry_categories:
       - title: Commands and Reporters
@@ -291,7 +291,7 @@ entries:
         - code: orbit-up *number*
     icons:
       - alt: Observer Movement Command
-        url: images/observermovement.png
+        url: images/observermovement.webp
   - id: observer-cors
     entry_categories:
       - title: Commands and Reporters
@@ -315,7 +315,7 @@ entries:
         - code: __ozcor
     icons:
       - alt: Observer Movement Command
-        url: images/observermovement.png
+        url: images/observermovement.webp
   - id: patch-3d
     entry_categories:
       - title: Commands and Reporters
@@ -343,7 +343,7 @@ entries:
         - code: patch *x* *y* *z*
     icons:
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: patch-at-3d
     entry_categories:
       - title: Commands and Reporters
@@ -375,9 +375,9 @@ entries:
         - code: patch-at *dx* *dy* *dz*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: patch-at-heading-pitch-and-distance
     entry_categories:
       - title: Commands and Reporters
@@ -410,9 +410,9 @@ entries:
         - code: patch-at-heading-pitch-and-distance *heading* *pitch* *distance*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: pitch
     entry_categories:
       - title: Built-In Variables
@@ -446,7 +446,7 @@ entries:
         - code: pitch
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: pzcor
     entry_categories:
       - title: Built-In Variables
@@ -471,9 +471,9 @@ entries:
         - code: pzcor
     icons:
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: random-pzcor
     entry_categories:
       - title: Commands and Reporters
@@ -547,7 +547,7 @@ entries:
         - code: right *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: roll
     entry_categories:
       - title: Built-In Variables
@@ -579,7 +579,7 @@ entries:
         - code: roll
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: roll-left
     entry_categories:
       - title: Commands and Reporters
@@ -599,7 +599,7 @@ entries:
         - code: roll-left *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: roll-right
     entry_categories:
       - title: Commands and Reporters
@@ -618,7 +618,7 @@ entries:
         - code: roll-right *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: setxyz
     entry_categories:
       - title: Commands and Reporters
@@ -654,9 +654,9 @@ entries:
         - code: setxyz *x y z*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Observer Movement Command
-        url: images/observermovement.png
+        url: images/observermovement.webp
   - id: tilt-cmds
     entry_categories:
       - title: Commands and Reporters
@@ -680,7 +680,7 @@ entries:
         - code: tilt-up *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: towards-pitch-cmd
     entry_categories:
       - title: Commands and Reporters
@@ -712,9 +712,9 @@ entries:
         - code: towards-pitch-nowrap *agent*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: towards-pitch-xyz-cmd
     entry_categories:
       - title: Commands and Reporters
@@ -746,9 +746,9 @@ entries:
         - code: towards-pitch-xyz-no-wrap *x* *y* *z*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: turtles-at-3d
     entry_categories:
       - title: Commands and Reporters
@@ -783,9 +783,9 @@ entries:
         - code: <breeds>-at *dx* *dy* *dz*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: world-depth
     entry_categories:
       - title: Commands and Reporters
@@ -829,7 +829,7 @@ entries:
         - code: zcor
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: zoom
     entry_categories:
       - title: Commands and Reporters
@@ -850,7 +850,7 @@ entries:
         - code: zoom *number*
     icons:
       - alt: Observer Movement Command
-        url: images/observermovement.png
+        url: images/observermovement.webp
 categories:
   - title: Commands and Reporters
     id: commands-and-reporters
diff --git a/apps/docs/autogen/data/dictionary.yaml b/apps/docs/autogen/data/dictionary.yaml
index bf139ba8..2a0ed4d5 100644
--- a/apps/docs/autogen/data/dictionary.yaml
+++ b/apps/docs/autogen/data/dictionary.yaml
@@ -563,7 +563,7 @@ entries:
         - code: back *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: base-colors
     entry_categories:
       - title: Color
@@ -667,7 +667,7 @@ entries:
         - code: both-ends
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: breedvar
     entry_categories:
       - title: Built-in Variables
@@ -713,9 +713,9 @@ entries:
         - code: breed
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: breed
     entry_categories:
       - title: Built-in Variables
@@ -833,7 +833,7 @@ entries:
         - code: can-move? *distance*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: carefully
     entry_categories:
       - title: Control Flow and Logic
@@ -1089,9 +1089,9 @@ entries:
         - code: color
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: cos
     entry_categories:
       - title: Mathematical
@@ -1275,7 +1275,7 @@ entries:
         - code: create-links-with *turtleset* [ *commands* ]
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: create-turtles
     entry_categories:
       - title: Turtle-related
@@ -1421,9 +1421,9 @@ entries:
         - code: die
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: diffuse
     entry_categories:
       - title: Patch-related
@@ -1599,9 +1599,9 @@ entries:
         - code: distance *agent*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: distancexy
     entry_categories:
       - title: Patch-related
@@ -1631,9 +1631,9 @@ entries:
         - code: distancexy *x* *y*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: downhill
     entry_categories:
       - title: Turtle-related
@@ -1675,7 +1675,7 @@ entries:
         - code: downhill4 *patch-variable*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: dxy
     entry_categories:
       - title: Turtle-related
@@ -1717,7 +1717,7 @@ entries:
         - code: dy
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: empty
     entry_categories:
       - title: List
@@ -1780,7 +1780,7 @@ entries:
         - code: end1
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: end2
     entry_categories:
       - title: Built-in Variables
@@ -1810,7 +1810,7 @@ entries:
         - code: end2
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: error
     entry_categories:
       - title: Control Flow and Logic
@@ -2088,7 +2088,7 @@ entries:
         - code: face *agent*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: facexy
     entry_categories:
       - title: Turtle-related
@@ -2111,7 +2111,7 @@ entries:
         - code: facexy *x* *y*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: file-at-end
     entry_categories:
       - title: File
@@ -2599,7 +2599,7 @@ entries:
         - code: follow-me
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: foreach
     entry_categories:
       - title: Anonymous Procedures
@@ -2676,7 +2676,7 @@ entries:
         - code: forward *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: fput
     entry_categories:
       - title: List
@@ -2755,7 +2755,7 @@ entries:
         - code: hatch-<breeds> *number* [ *commands* ]
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: heading
     entry_categories:
       - title: Built-in Variables
@@ -2785,7 +2785,7 @@ entries:
         - code: heading
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: hidden
     entry_categories:
       - title: Built-in Variables
@@ -2821,9 +2821,9 @@ entries:
         - code: hidden?
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: hide-link
     entry_categories:
       - title: Link-related
@@ -2844,7 +2844,7 @@ entries:
         - code: hide-link
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: hide-turtle
     entry_categories:
       - title: Turtle-related
@@ -2867,7 +2867,7 @@ entries:
         - code: hide-turtle
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: histogram
     entry_categories:
       - title: Plotting
@@ -2932,7 +2932,7 @@ entries:
         - code: home
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: home-directory
     entry_categories:
       - title: File
@@ -3684,7 +3684,7 @@ entries:
         - code: "*agentset* in-cone *distance* *angle*"
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: in-link-neighbor
     entry_categories:
       - title: Link-related
@@ -3716,7 +3716,7 @@ entries:
         - code: in-link-neighbor? *turtle*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: in-link-neighbors
     entry_categories:
       - title: Link-related
@@ -3743,7 +3743,7 @@ entries:
         - code: in-link-neighbors
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: in-link-from
     entry_categories:
       - title: Link-related
@@ -3774,7 +3774,7 @@ entries:
         - code: in-link-from *turtle*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: includes
     entry_categories:
       - title: Keyword
@@ -3829,9 +3829,9 @@ entries:
         - code: "*agentset* in-radius *number*"
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: insert-item
     entry_categories:
       - title: String
@@ -4072,7 +4072,7 @@ entries:
         - code: jump *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: label
     entry_categories:
       - title: Built-in Variables
@@ -4110,9 +4110,9 @@ entries:
         - code: label
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: label-color
     entry_categories:
       - title: Built-in Variables
@@ -4148,9 +4148,9 @@ entries:
         - code: label-color
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: last
     entry_categories:
       - title: String
@@ -4365,7 +4365,7 @@ entries:
         - code: left *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: length
     entry_categories:
       - title: String
@@ -4468,7 +4468,7 @@ entries:
         - code: link-heading
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: link-length
     entry_categories:
       - title: Link-related
@@ -4491,7 +4491,7 @@ entries:
         - code: link-length
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: link-set
     entry_categories:
       - title: Agentset
@@ -5198,7 +5198,7 @@ entries:
         - code: move-to *agent*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: my-links
     entry_categories:
       - title: Link-related
@@ -5238,7 +5238,7 @@ entries:
         - code: my-links
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: my-in-links
     entry_categories:
       - title: Link-related
@@ -5272,7 +5272,7 @@ entries:
         - code: my-in-links
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: my-out-links
     entry_categories:
       - title: Link-related
@@ -5305,7 +5305,7 @@ entries:
         - code: my-out-links
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: myself
     entry_categories:
       - title: Patch-related
@@ -5349,11 +5349,11 @@ entries:
         - code: myself
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: n-of
     entry_categories:
       - title: Agentset
@@ -5460,9 +5460,9 @@ entries:
         - code: neighbors4
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: link-neighbors
     entry_categories:
       - title: Link-related
@@ -5496,7 +5496,7 @@ entries:
         - code: link-neighbors
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: link-neighbor
     entry_categories:
       - title: Link-related
@@ -5528,7 +5528,7 @@ entries:
         - code: link-neighbor? *turtle*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: netlogo-version
     entry_categories:
       - title: System
@@ -5833,9 +5833,9 @@ entries:
         - code: other *agentset*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: other-end
     entry_categories:
       - title: Link-related
@@ -5868,9 +5868,9 @@ entries:
         - code: other-end
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: out-link-neighbor
     entry_categories:
       - title: Link-related
@@ -5903,7 +5903,7 @@ entries:
         - code: out-link-neighbor? *turtle*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: out-link-neighbors
     entry_categories:
       - title: Link-related
@@ -5938,7 +5938,7 @@ entries:
         - code: out-link-neighbors
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: out-link-to
     entry_categories:
       - title: Link-related
@@ -5974,7 +5974,7 @@ entries:
         - code: out-link-to *turtle*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: output-cmds
     entry_categories:
       - title: Input/Output
@@ -6066,7 +6066,7 @@ entries:
         - code: patch-ahead *distance*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: patch-at
     entry_categories:
       - title: Patch-related
@@ -6096,9 +6096,9 @@ entries:
         - code: patch-at *dx* *dy*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: patch-at-heading-and-distance
     entry_categories:
       - title: Patch-related
@@ -6128,9 +6128,9 @@ entries:
         - code: patch-at-heading-and-distance *heading* *distance*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: patch-here
     entry_categories:
       - title: Patch-related
@@ -6151,7 +6151,7 @@ entries:
         - code: patch-here
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: patch-lr-and-ahead
     entry_categories:
       - title: Patch-related
@@ -6189,7 +6189,7 @@ entries:
         - code: patch-right-and-ahead *angle* *distance*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: patch-set
     entry_categories:
       - title: Patch-related
@@ -6307,9 +6307,9 @@ entries:
         - code: pcolor
     icons:
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: pen-switch-status
     entry_categories:
       - title: Turtle-related
@@ -6350,7 +6350,7 @@ entries:
         - code: pen-up
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: pen-mode
     entry_categories:
       - title: Built-in Variables
@@ -6369,7 +6369,7 @@ entries:
 
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: pen-size
     entry_categories:
       - title: Built-in Variables
@@ -6387,7 +6387,7 @@ entries:
 
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: plabel
     entry_categories:
       - title: Built-in Variables
@@ -6413,9 +6413,9 @@ entries:
         - code: plabel
     icons:
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: plabel-color
     entry_categories:
       - title: Built-in Variables
@@ -6441,9 +6441,9 @@ entries:
         - code: plabel-color
     icons:
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: plot
     entry_categories:
       - title: Plotting
@@ -6682,9 +6682,9 @@ entries:
         - code: pycor
     icons:
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: random
     entry_categories:
       - title: Mathematical
@@ -7356,7 +7356,7 @@ entries:
         - code: ride-me
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: right
     entry_categories:
       - title: Turtle-related
@@ -7374,7 +7374,7 @@ entries:
         - code: right *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: round
     entry_categories:
       - title: Mathematical
@@ -7527,11 +7527,11 @@ entries:
         - code: self
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: semicolon
     entry_categories:
       - title: Control Flow and Logic
@@ -7780,7 +7780,7 @@ entries:
         - code: __set-line-thickness *number*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: set-patch-size
     entry_categories:
       - title: World
@@ -7989,7 +7989,7 @@ entries:
         - code: setxy *x y*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: shade-of
     entry_categories:
       - title: Color
@@ -8052,9 +8052,9 @@ entries:
         - code: shape
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: shapes
     entry_categories:
       - title: Turtle-related
@@ -8119,7 +8119,7 @@ entries:
         - code: show-turtle
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: show-link
     entry_categories:
       - title: Link-related
@@ -8140,7 +8140,7 @@ entries:
         - code: show-link
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: shuffle
     entry_categories:
       - title: List
@@ -8201,7 +8201,7 @@ entries:
         - code: size
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: sort
     entry_categories:
       - title: Agentset
@@ -8378,7 +8378,7 @@ entries:
         - code: sprout-<breeds> *number* [ *commands* ]
     icons:
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: sqrt
     entry_categories:
       - title: Mathematical
@@ -8411,9 +8411,9 @@ entries:
         - code: stamp
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: stamp-erase
     entry_categories:
       - title: Turtle-related
@@ -8433,9 +8433,9 @@ entries:
         - code: stamp-erase
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: standard-deviation
     entry_categories:
       - title: Mathematical
@@ -8703,7 +8703,7 @@ entries:
         - code: thickness
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: tick
     entry_categories:
       - title: World
@@ -8813,7 +8813,7 @@ entries:
         - code: tie
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: tie-mode
     entry_categories:
       - title: Built-in Variables
@@ -8837,7 +8837,7 @@ entries:
         - code: tie-mode
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: timer
     entry_categories:
       - title: Input/Output
@@ -8950,9 +8950,9 @@ entries:
         - code: towards *agent*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: towardsxy
     entry_categories:
       - title: Turtle-related
@@ -8978,9 +8978,9 @@ entries:
         - code: towardsxy *x* *y*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: turtle
     entry_categories:
       - title: Turtle-related
@@ -9078,9 +9078,9 @@ entries:
         - code: <breeds>-at *dx* *dy*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: turtles-here
     entry_categories:
       - title: Patch-related
@@ -9120,9 +9120,9 @@ entries:
         - code: <breeds>-here
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: turtles-on
     entry_categories:
       - title: Turtle-related
@@ -9160,9 +9160,9 @@ entries:
         - code: <breeds>-on *turtleset or patchset*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
   - id: turtles-own
     entry_categories:
       - title: Turtle-related
@@ -9289,7 +9289,7 @@ entries:
         - code: untie
     icons:
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: up-to-n-of
     entry_categories:
       - title: Agentset
@@ -9390,7 +9390,7 @@ entries:
         - code: uphill4 *patch-variable*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: user-directory
     entry_categories:
       - title: Input/Output
@@ -9673,11 +9673,11 @@ entries:
         - code: watch-me
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
       - alt: Patch Command
-        url: images/patch.png
+        url: images/patch.webp
       - alt: Link Command
-        url: images/link.png
+        url: images/link.webp
   - id: while
     entry_categories:
       - title: Control Flow and Logic
@@ -9759,7 +9759,7 @@ entries:
         - code: who
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: who-are-not
     entry_categories:
       - title: Agentset
@@ -9851,7 +9851,7 @@ entries:
         - code: link-with *turtle*
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: with-max
     entry_categories:
       - title: Agentset
@@ -10097,7 +10097,7 @@ entries:
         - code: xcor
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: xor
     entry_categories:
       - title: Control Flow and Logic
@@ -10143,7 +10143,7 @@ entries:
         - code: ycor
     icons:
       - alt: Turtle Command
-        url: images/turtle.png
+        url: images/turtle.webp
   - id: arrow
     entry_categories:
       - title: Anonymous Procedures
diff --git a/apps/docs/autogen/extension-manager.md b/apps/docs/autogen/extension-manager.md
index 8853c709..9f4e77bf 100644
--- a/apps/docs/autogen/extension-manager.md
+++ b/apps/docs/autogen/extension-manager.md
@@ -21,7 +21,7 @@ started.
 ## Interface
 
 The Extension Manager can be shown by choosing "Extensions…" from the Tools
-menu. ![[extension-manager/screenshot.png]]
+menu. ![[extension-manager/screenshot.webp]]
 
 On the left side of the Extension Manager window, you can see a list of all
 available extensions. Extensions that are already installed and up-to-date have
diff --git a/apps/docs/autogen/hpc.md b/apps/docs/autogen/hpc.md
index 81aceb91..c734ded2 100644
--- a/apps/docs/autogen/hpc.md
+++ b/apps/docs/autogen/hpc.md
@@ -198,7 +198,7 @@ This step can be performed on your local machine, not necessarily on an HPC.
 
 1. Export your BehaviorSpace experiment as an XML file. In BehaviorSpace, select your experiment and click _Export_.
 
-![[hpc/export.png]]
+![[hpc/export.webp]]
 
 - For maximum parallelization, set repetitions to **1** before exporting. This allows submitting a separate job for each repetition.
 
diff --git a/apps/docs/autogen/hubnet.md b/apps/docs/autogen/hubnet.md
index 3549233b..7f30594e 100644
--- a/apps/docs/autogen/hubnet.md
+++ b/apps/docs/autogen/hubnet.md
@@ -96,7 +96,7 @@ entire simulation to the participants.
 
 You'll find the HubNet activities in NetLogo's Models Library, in the HubNet
 Activities folder. We suggest doing a few practice runs of an activity before
-trying it in front of a class. ![[hubnet/hubnetstartactivity.png]]
+trying it in front of a class. ![[hubnet/hubnetstartactivity.webp]]
 
 Open a Computer HubNet model. NetLogo will prompt you to enter the name of your
 new HubNet session. This is the name that participants will use to identify this
@@ -117,7 +117,7 @@ Control Center.
 
 ### HubNet Control Center
 
-![[hubnet/hubnetcontrolcenter.png]]
+![[hubnet/hubnetcontrolcenter.webp]]
 
 The HubNet Control Center lets you interact with the HubNet server. It displays
 the name, activity, address and port number of your server. The "Mirror 2D View
diff --git a/apps/docs/autogen/images/3d/cube.png b/apps/docs/autogen/images/3d/cube.png
deleted file mode 100644
index 8f753cf2..00000000
Binary files a/apps/docs/autogen/images/3d/cube.png and /dev/null differ
diff --git a/apps/docs/autogen/images/3d/cube.webp b/apps/docs/autogen/images/3d/cube.webp
new file mode 100644
index 00000000..07d76593
Binary files /dev/null and b/apps/docs/autogen/images/3d/cube.webp differ
diff --git a/apps/docs/autogen/images/3d/heading.png b/apps/docs/autogen/images/3d/heading.png
deleted file mode 100644
index 0839ab58..00000000
Binary files a/apps/docs/autogen/images/3d/heading.png and /dev/null differ
diff --git a/apps/docs/autogen/images/3d/heading.webp b/apps/docs/autogen/images/3d/heading.webp
new file mode 100644
index 00000000..18dc3c07
Binary files /dev/null and b/apps/docs/autogen/images/3d/heading.webp differ
diff --git a/apps/docs/autogen/images/3d/pitch.png b/apps/docs/autogen/images/3d/pitch.png
deleted file mode 100644
index 11922700..00000000
Binary files a/apps/docs/autogen/images/3d/pitch.png and /dev/null differ
diff --git a/apps/docs/autogen/images/3d/pitch.webp b/apps/docs/autogen/images/3d/pitch.webp
new file mode 100644
index 00000000..3766b6cd
Binary files /dev/null and b/apps/docs/autogen/images/3d/pitch.webp differ
diff --git a/apps/docs/autogen/images/3d/properties.png b/apps/docs/autogen/images/3d/properties.png
deleted file mode 100644
index bac94d05..00000000
Binary files a/apps/docs/autogen/images/3d/properties.png and /dev/null differ
diff --git a/apps/docs/autogen/images/3d/properties.webp b/apps/docs/autogen/images/3d/properties.webp
new file mode 100644
index 00000000..8799fe36
Binary files /dev/null and b/apps/docs/autogen/images/3d/properties.webp differ
diff --git a/apps/docs/autogen/images/3d/roll.png b/apps/docs/autogen/images/3d/roll.png
deleted file mode 100644
index 73dc604b..00000000
Binary files a/apps/docs/autogen/images/3d/roll.png and /dev/null differ
diff --git a/apps/docs/autogen/images/3d/roll.webp b/apps/docs/autogen/images/3d/roll.webp
new file mode 100644
index 00000000..84e4f25d
Binary files /dev/null and b/apps/docs/autogen/images/3d/roll.webp differ
diff --git a/apps/docs/autogen/images/__pycache__/process-images.cpython-310.pyc b/apps/docs/autogen/images/__pycache__/process-images.cpython-310.pyc
new file mode 100644
index 00000000..298d133f
Binary files /dev/null and b/apps/docs/autogen/images/__pycache__/process-images.cpython-310.pyc differ
diff --git a/apps/docs/autogen/images/behaviorspace/bs-lists.png b/apps/docs/autogen/images/behaviorspace/bs-lists.png
deleted file mode 100644
index 716b4de0..00000000
Binary files a/apps/docs/autogen/images/behaviorspace/bs-lists.png and /dev/null differ
diff --git a/apps/docs/autogen/images/behaviorspace/bs-lists.webp b/apps/docs/autogen/images/behaviorspace/bs-lists.webp
new file mode 100644
index 00000000..74ab71cf
Binary files /dev/null and b/apps/docs/autogen/images/behaviorspace/bs-lists.webp differ
diff --git a/apps/docs/autogen/images/behaviorspace/bs-spreadsheet.png b/apps/docs/autogen/images/behaviorspace/bs-spreadsheet.png
deleted file mode 100644
index 6d24042f..00000000
Binary files a/apps/docs/autogen/images/behaviorspace/bs-spreadsheet.png and /dev/null differ
diff --git a/apps/docs/autogen/images/behaviorspace/bs-spreadsheet.webp b/apps/docs/autogen/images/behaviorspace/bs-spreadsheet.webp
new file mode 100644
index 00000000..be7ebbca
Binary files /dev/null and b/apps/docs/autogen/images/behaviorspace/bs-spreadsheet.webp differ
diff --git a/apps/docs/autogen/images/behaviorspace/bs-stats.png b/apps/docs/autogen/images/behaviorspace/bs-stats.png
deleted file mode 100644
index 77dede1f..00000000
Binary files a/apps/docs/autogen/images/behaviorspace/bs-stats.png and /dev/null differ
diff --git a/apps/docs/autogen/images/behaviorspace/bs-stats.webp b/apps/docs/autogen/images/behaviorspace/bs-stats.webp
new file mode 100644
index 00000000..611a6f71
Binary files /dev/null and b/apps/docs/autogen/images/behaviorspace/bs-stats.webp differ
diff --git a/apps/docs/autogen/images/behaviorspace/bs-table.png b/apps/docs/autogen/images/behaviorspace/bs-table.png
deleted file mode 100644
index 348d13d5..00000000
Binary files a/apps/docs/autogen/images/behaviorspace/bs-table.png and /dev/null differ
diff --git a/apps/docs/autogen/images/behaviorspace/bs-table.webp b/apps/docs/autogen/images/behaviorspace/bs-table.webp
new file mode 100644
index 00000000..2e9e7980
Binary files /dev/null and b/apps/docs/autogen/images/behaviorspace/bs-table.webp differ
diff --git a/apps/docs/autogen/images/cc-by-sa-3.0.png b/apps/docs/autogen/images/cc-by-sa-3.0.png
deleted file mode 100644
index f0a944e0..00000000
Binary files a/apps/docs/autogen/images/cc-by-sa-3.0.png and /dev/null differ
diff --git a/apps/docs/autogen/images/cc-by-sa-3.0.webp b/apps/docs/autogen/images/cc-by-sa-3.0.webp
new file mode 100644
index 00000000..7624d43e
Binary files /dev/null and b/apps/docs/autogen/images/cc-by-sa-3.0.webp differ
diff --git a/apps/docs/autogen/images/codetab/codetab.png b/apps/docs/autogen/images/codetab/codetab.png
deleted file mode 100644
index 4b6a788f..00000000
Binary files a/apps/docs/autogen/images/codetab/codetab.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/codetab.webp b/apps/docs/autogen/images/codetab/codetab.webp
new file mode 100644
index 00000000..cf28795e
Binary files /dev/null and b/apps/docs/autogen/images/codetab/codetab.webp differ
diff --git a/apps/docs/autogen/images/codetab/codetaberror.png b/apps/docs/autogen/images/codetab/codetaberror.png
deleted file mode 100644
index 91ba2391..00000000
Binary files a/apps/docs/autogen/images/codetab/codetaberror.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/codetaberror.webp b/apps/docs/autogen/images/codetab/codetaberror.webp
new file mode 100644
index 00000000..d1313fa0
Binary files /dev/null and b/apps/docs/autogen/images/codetab/codetaberror.webp differ
diff --git a/apps/docs/autogen/images/codetab/codetabproceduresmenu.png b/apps/docs/autogen/images/codetab/codetabproceduresmenu.png
deleted file mode 100644
index f3007a86..00000000
Binary files a/apps/docs/autogen/images/codetab/codetabproceduresmenu.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/codetabproceduresmenu.webp b/apps/docs/autogen/images/codetab/codetabproceduresmenu.webp
new file mode 100644
index 00000000..873f379e
Binary files /dev/null and b/apps/docs/autogen/images/codetab/codetabproceduresmenu.webp differ
diff --git a/apps/docs/autogen/images/codetab/codetabproceduresmenusearch.png b/apps/docs/autogen/images/codetab/codetabproceduresmenusearch.png
deleted file mode 100644
index 0ee094dd..00000000
Binary files a/apps/docs/autogen/images/codetab/codetabproceduresmenusearch.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/codetabproceduresmenusearch.webp b/apps/docs/autogen/images/codetab/codetabproceduresmenusearch.webp
new file mode 100644
index 00000000..e1c9a97f
Binary files /dev/null and b/apps/docs/autogen/images/codetab/codetabproceduresmenusearch.webp differ
diff --git a/apps/docs/autogen/images/codetab/codetabtoolbar.png b/apps/docs/autogen/images/codetab/codetabtoolbar.png
deleted file mode 100644
index c8a49498..00000000
Binary files a/apps/docs/autogen/images/codetab/codetabtoolbar.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/codetabtoolbar.webp b/apps/docs/autogen/images/codetab/codetabtoolbar.webp
new file mode 100644
index 00000000..f1bbec60
Binary files /dev/null and b/apps/docs/autogen/images/codetab/codetabtoolbar.webp differ
diff --git a/apps/docs/autogen/images/codetab/codetabtoolbarwithnls.png b/apps/docs/autogen/images/codetab/codetabtoolbarwithnls.png
deleted file mode 100644
index c9738cac..00000000
Binary files a/apps/docs/autogen/images/codetab/codetabtoolbarwithnls.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/codetabtoolbarwithnls.webp b/apps/docs/autogen/images/codetab/codetabtoolbarwithnls.webp
new file mode 100644
index 00000000..de3be910
Binary files /dev/null and b/apps/docs/autogen/images/codetab/codetabtoolbarwithnls.webp differ
diff --git a/apps/docs/autogen/images/codetab/find-replace.png b/apps/docs/autogen/images/codetab/find-replace.png
deleted file mode 100644
index ba5286ed..00000000
Binary files a/apps/docs/autogen/images/codetab/find-replace.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/find-replace.webp b/apps/docs/autogen/images/codetab/find-replace.webp
new file mode 100644
index 00000000..86a4469d
Binary files /dev/null and b/apps/docs/autogen/images/codetab/find-replace.webp differ
diff --git a/apps/docs/autogen/images/codetab/includesmenu.png b/apps/docs/autogen/images/codetab/includesmenu.png
deleted file mode 100644
index 4f234e03..00000000
Binary files a/apps/docs/autogen/images/codetab/includesmenu.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/includesmenu.webp b/apps/docs/autogen/images/codetab/includesmenu.webp
new file mode 100644
index 00000000..e4362325
Binary files /dev/null and b/apps/docs/autogen/images/codetab/includesmenu.webp differ
diff --git a/apps/docs/autogen/images/codetab/includesmenuopen.png b/apps/docs/autogen/images/codetab/includesmenuopen.png
deleted file mode 100644
index dd95fb5c..00000000
Binary files a/apps/docs/autogen/images/codetab/includesmenuopen.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/includesmenuopen.webp b/apps/docs/autogen/images/codetab/includesmenuopen.webp
new file mode 100644
index 00000000..66ee09a7
Binary files /dev/null and b/apps/docs/autogen/images/codetab/includesmenuopen.webp differ
diff --git a/apps/docs/autogen/images/codetab/tabified-code.png b/apps/docs/autogen/images/codetab/tabified-code.png
deleted file mode 100644
index d65a7116..00000000
Binary files a/apps/docs/autogen/images/codetab/tabified-code.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/tabified-code.webp b/apps/docs/autogen/images/codetab/tabified-code.webp
new file mode 100644
index 00000000..9d1e97c4
Binary files /dev/null and b/apps/docs/autogen/images/codetab/tabified-code.webp differ
diff --git a/apps/docs/autogen/images/codetab/tabsmenu.png b/apps/docs/autogen/images/codetab/tabsmenu.png
deleted file mode 100644
index 59fe1004..00000000
Binary files a/apps/docs/autogen/images/codetab/tabsmenu.png and /dev/null differ
diff --git a/apps/docs/autogen/images/codetab/tabsmenu.webp b/apps/docs/autogen/images/codetab/tabsmenu.webp
new file mode 100644
index 00000000..62d66005
Binary files /dev/null and b/apps/docs/autogen/images/codetab/tabsmenu.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerHSBinputNLnumberoutput.png b/apps/docs/autogen/images/colorpicker/colorpickerHSBinputNLnumberoutput.png
deleted file mode 100644
index d45022bb..00000000
Binary files a/apps/docs/autogen/images/colorpicker/colorpickerHSBinputNLnumberoutput.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerHSBinputNLnumberoutput.webp b/apps/docs/autogen/images/colorpicker/colorpickerHSBinputNLnumberoutput.webp
new file mode 100644
index 00000000..8fa7e912
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/colorpickerHSBinputNLnumberoutput.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerHSBinputRGBAoutput.png b/apps/docs/autogen/images/colorpicker/colorpickerHSBinputRGBAoutput.png
deleted file mode 100644
index 57be3655..00000000
Binary files a/apps/docs/autogen/images/colorpicker/colorpickerHSBinputRGBAoutput.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerHSBinputRGBAoutput.webp b/apps/docs/autogen/images/colorpicker/colorpickerHSBinputRGBAoutput.webp
new file mode 100644
index 00000000..882e397b
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/colorpickerHSBinputRGBAoutput.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerHexinputRGBAoutput.png b/apps/docs/autogen/images/colorpicker/colorpickerHexinputRGBAoutput.png
deleted file mode 100644
index fd5fa62f..00000000
Binary files a/apps/docs/autogen/images/colorpicker/colorpickerHexinputRGBAoutput.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerHexinputRGBAoutput.webp b/apps/docs/autogen/images/colorpicker/colorpickerHexinputRGBAoutput.webp
new file mode 100644
index 00000000..598f44be
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/colorpickerHexinputRGBAoutput.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerNLwordinputRGBAoutput.png b/apps/docs/autogen/images/colorpicker/colorpickerNLwordinputRGBAoutput.png
deleted file mode 100644
index 4f4b41e6..00000000
Binary files a/apps/docs/autogen/images/colorpicker/colorpickerNLwordinputRGBAoutput.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerNLwordinputRGBAoutput.webp b/apps/docs/autogen/images/colorpicker/colorpickerNLwordinputRGBAoutput.webp
new file mode 100644
index 00000000..efb47f89
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/colorpickerNLwordinputRGBAoutput.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickeradvanced.png b/apps/docs/autogen/images/colorpicker/colorpickeradvanced.png
deleted file mode 100644
index 941ccc12..00000000
Binary files a/apps/docs/autogen/images/colorpicker/colorpickeradvanced.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickeradvanced.webp b/apps/docs/autogen/images/colorpicker/colorpickeradvanced.webp
new file mode 100644
index 00000000..9d6543ae
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/colorpickeradvanced.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerinputformatNLword.png b/apps/docs/autogen/images/colorpicker/colorpickerinputformatNLword.png
deleted file mode 100644
index 0a363a2b..00000000
Binary files a/apps/docs/autogen/images/colorpicker/colorpickerinputformatNLword.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerinputformatNLword.webp b/apps/docs/autogen/images/colorpicker/colorpickerinputformatNLword.webp
new file mode 100644
index 00000000..8f0887bd
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/colorpickerinputformatNLword.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerinputformatchoices.png b/apps/docs/autogen/images/colorpicker/colorpickerinputformatchoices.png
deleted file mode 100644
index 4ccfd47c..00000000
Binary files a/apps/docs/autogen/images/colorpicker/colorpickerinputformatchoices.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickerinputformatchoices.webp b/apps/docs/autogen/images/colorpicker/colorpickerinputformatchoices.webp
new file mode 100644
index 00000000..71f62625
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/colorpickerinputformatchoices.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickernoalpha.png b/apps/docs/autogen/images/colorpicker/colorpickernoalpha.png
deleted file mode 100644
index b84f4f69..00000000
Binary files a/apps/docs/autogen/images/colorpicker/colorpickernoalpha.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickernoalpha.webp b/apps/docs/autogen/images/colorpicker/colorpickernoalpha.webp
new file mode 100644
index 00000000..55ad475e
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/colorpickernoalpha.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickersimple.png b/apps/docs/autogen/images/colorpicker/colorpickersimple.png
deleted file mode 100644
index c1d35b34..00000000
Binary files a/apps/docs/autogen/images/colorpicker/colorpickersimple.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickersimple.webp b/apps/docs/autogen/images/colorpicker/colorpickersimple.webp
new file mode 100644
index 00000000..57c100f2
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/colorpickersimple.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickersimpleoklight.png b/apps/docs/autogen/images/colorpicker/colorpickersimpleoklight.png
deleted file mode 100644
index 2beac7e5..00000000
Binary files a/apps/docs/autogen/images/colorpicker/colorpickersimpleoklight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/colorpickersimpleoklight.webp b/apps/docs/autogen/images/colorpicker/colorpickersimpleoklight.webp
new file mode 100644
index 00000000..808da8e8
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/colorpickersimpleoklight.webp differ
diff --git a/apps/docs/autogen/images/colorpicker/editnotelight.png b/apps/docs/autogen/images/colorpicker/editnotelight.png
deleted file mode 100644
index de0304fc..00000000
Binary files a/apps/docs/autogen/images/colorpicker/editnotelight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colorpicker/editnotelight.webp b/apps/docs/autogen/images/colorpicker/editnotelight.webp
new file mode 100644
index 00000000..449c015d
Binary files /dev/null and b/apps/docs/autogen/images/colorpicker/editnotelight.webp differ
diff --git a/apps/docs/autogen/images/colors.png b/apps/docs/autogen/images/colors.png
deleted file mode 100644
index aedc9d25..00000000
Binary files a/apps/docs/autogen/images/colors.png and /dev/null differ
diff --git a/apps/docs/autogen/images/colors.webp b/apps/docs/autogen/images/colors.webp
new file mode 100644
index 00000000..c29b21e6
Binary files /dev/null and b/apps/docs/autogen/images/colors.webp differ
diff --git a/apps/docs/autogen/images/extension-manager/screenshot.png b/apps/docs/autogen/images/extension-manager/screenshot.png
deleted file mode 100644
index 48f44b22..00000000
Binary files a/apps/docs/autogen/images/extension-manager/screenshot.png and /dev/null differ
diff --git a/apps/docs/autogen/images/extension-manager/screenshot.webp b/apps/docs/autogen/images/extension-manager/screenshot.webp
new file mode 100644
index 00000000..08ed94d0
Binary files /dev/null and b/apps/docs/autogen/images/extension-manager/screenshot.webp differ
diff --git a/apps/docs/autogen/images/file-menu.png b/apps/docs/autogen/images/file-menu.png
deleted file mode 100644
index ef3c69db..00000000
Binary files a/apps/docs/autogen/images/file-menu.png and /dev/null differ
diff --git a/apps/docs/autogen/images/file-menu.webp b/apps/docs/autogen/images/file-menu.webp
new file mode 100644
index 00000000..9f7b0ed2
Binary files /dev/null and b/apps/docs/autogen/images/file-menu.webp differ
diff --git a/apps/docs/autogen/images/hpc/export.png b/apps/docs/autogen/images/hpc/export.png
deleted file mode 100644
index cabd57f8..00000000
Binary files a/apps/docs/autogen/images/hpc/export.png and /dev/null differ
diff --git a/apps/docs/autogen/images/hpc/export.webp b/apps/docs/autogen/images/hpc/export.webp
new file mode 100644
index 00000000..cd1925f7
Binary files /dev/null and b/apps/docs/autogen/images/hpc/export.webp differ
diff --git a/apps/docs/autogen/images/hubnet/hubnetcontrolcenter.png b/apps/docs/autogen/images/hubnet/hubnetcontrolcenter.png
deleted file mode 100644
index e4d69cb3..00000000
Binary files a/apps/docs/autogen/images/hubnet/hubnetcontrolcenter.png and /dev/null differ
diff --git a/apps/docs/autogen/images/hubnet/hubnetcontrolcenter.webp b/apps/docs/autogen/images/hubnet/hubnetcontrolcenter.webp
new file mode 100644
index 00000000..383184e3
Binary files /dev/null and b/apps/docs/autogen/images/hubnet/hubnetcontrolcenter.webp differ
diff --git a/apps/docs/autogen/images/hubnet/hubnetstartactivity.png b/apps/docs/autogen/images/hubnet/hubnetstartactivity.png
deleted file mode 100644
index b04e5c42..00000000
Binary files a/apps/docs/autogen/images/hubnet/hubnetstartactivity.png and /dev/null differ
diff --git a/apps/docs/autogen/images/hubnet/hubnetstartactivity.webp b/apps/docs/autogen/images/hubnet/hubnetstartactivity.webp
new file mode 100644
index 00000000..7cfa9921
Binary files /dev/null and b/apps/docs/autogen/images/hubnet/hubnetstartactivity.webp differ
diff --git a/apps/docs/autogen/images/infotab/infotab.png b/apps/docs/autogen/images/infotab/infotab.png
deleted file mode 100644
index 85592095..00000000
Binary files a/apps/docs/autogen/images/infotab/infotab.png and /dev/null differ
diff --git a/apps/docs/autogen/images/infotab/infotab.webp b/apps/docs/autogen/images/infotab/infotab.webp
new file mode 100644
index 00000000..6613e227
Binary files /dev/null and b/apps/docs/autogen/images/infotab/infotab.webp differ
diff --git a/apps/docs/autogen/images/infotab/infotabedit.png b/apps/docs/autogen/images/infotab/infotabedit.png
deleted file mode 100644
index 9bfc77c5..00000000
Binary files a/apps/docs/autogen/images/infotab/infotabedit.png and /dev/null differ
diff --git a/apps/docs/autogen/images/infotab/infotabedit.webp b/apps/docs/autogen/images/infotab/infotabedit.webp
new file mode 100644
index 00000000..ed913668
Binary files /dev/null and b/apps/docs/autogen/images/infotab/infotabedit.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/3d-buttons.png b/apps/docs/autogen/images/interfacetab/3d-buttons.png
deleted file mode 100644
index 5a237b61..00000000
Binary files a/apps/docs/autogen/images/interfacetab/3d-buttons.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/3d-buttons.webp b/apps/docs/autogen/images/interfacetab/3d-buttons.webp
new file mode 100644
index 00000000..7cdc74b5
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/3d-buttons.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/3d-cross.png b/apps/docs/autogen/images/interfacetab/3d-cross.png
deleted file mode 100644
index 397a30e7..00000000
Binary files a/apps/docs/autogen/images/interfacetab/3d-cross.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/3d-cross.webp b/apps/docs/autogen/images/interfacetab/3d-cross.webp
new file mode 100644
index 00000000..736c2be7
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/3d-cross.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/3d-non-rotatable.png b/apps/docs/autogen/images/interfacetab/3d-non-rotatable.png
deleted file mode 100644
index ed6e46ab..00000000
Binary files a/apps/docs/autogen/images/interfacetab/3d-non-rotatable.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/3d-non-rotatable.webp b/apps/docs/autogen/images/interfacetab/3d-non-rotatable.webp
new file mode 100644
index 00000000..7c95330f
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/3d-non-rotatable.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/3d-rotatable.png b/apps/docs/autogen/images/interfacetab/3d-rotatable.png
deleted file mode 100644
index eae7c126..00000000
Binary files a/apps/docs/autogen/images/interfacetab/3d-rotatable.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/3d-rotatable.webp b/apps/docs/autogen/images/interfacetab/3d-rotatable.webp
new file mode 100644
index 00000000..0967d183
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/3d-rotatable.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/add-widget-menu.png b/apps/docs/autogen/images/interfacetab/add-widget-menu.png
deleted file mode 100644
index 384a9396..00000000
Binary files a/apps/docs/autogen/images/interfacetab/add-widget-menu.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/add-widget-menu.webp b/apps/docs/autogen/images/interfacetab/add-widget-menu.webp
new file mode 100644
index 00000000..d32820a7
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/add-widget-menu.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/agentmonitor1.png b/apps/docs/autogen/images/interfacetab/agentmonitor1.png
deleted file mode 100644
index 9c40c45a..00000000
Binary files a/apps/docs/autogen/images/interfacetab/agentmonitor1.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/agentmonitor1.webp b/apps/docs/autogen/images/interfacetab/agentmonitor1.webp
new file mode 100644
index 00000000..1bc5c6a8
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/agentmonitor1.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/agentmonitor2.png b/apps/docs/autogen/images/interfacetab/agentmonitor2.png
deleted file mode 100644
index 0e7e7933..00000000
Binary files a/apps/docs/autogen/images/interfacetab/agentmonitor2.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/agentmonitor2.webp b/apps/docs/autogen/images/interfacetab/agentmonitor2.webp
new file mode 100644
index 00000000..b3b9e06b
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/agentmonitor2.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/agentmonitor3.png b/apps/docs/autogen/images/interfacetab/agentmonitor3.png
deleted file mode 100644
index b1ab5426..00000000
Binary files a/apps/docs/autogen/images/interfacetab/agentmonitor3.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/agentmonitor3.webp b/apps/docs/autogen/images/interfacetab/agentmonitor3.webp
new file mode 100644
index 00000000..f5dc36cb
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/agentmonitor3.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/agentmonitor4.png b/apps/docs/autogen/images/interfacetab/agentmonitor4.png
deleted file mode 100644
index 097adfc0..00000000
Binary files a/apps/docs/autogen/images/interfacetab/agentmonitor4.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/agentmonitor4.webp b/apps/docs/autogen/images/interfacetab/agentmonitor4.webp
new file mode 100644
index 00000000..9c22e995
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/agentmonitor4.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/alignwidgetsmenu.png b/apps/docs/autogen/images/interfacetab/alignwidgetsmenu.png
deleted file mode 100644
index 17b61c92..00000000
Binary files a/apps/docs/autogen/images/interfacetab/alignwidgetsmenu.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/alignwidgetsmenu.webp b/apps/docs/autogen/images/interfacetab/alignwidgetsmenu.webp
new file mode 100644
index 00000000..be88bb8d
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/alignwidgetsmenu.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/button.png b/apps/docs/autogen/images/interfacetab/button.png
deleted file mode 100644
index 155b67f7..00000000
Binary files a/apps/docs/autogen/images/interfacetab/button.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/button.webp b/apps/docs/autogen/images/interfacetab/button.webp
new file mode 100644
index 00000000..4ae92a4b
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/button.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/chooser.png b/apps/docs/autogen/images/interfacetab/chooser.png
deleted file mode 100644
index b35f44bb..00000000
Binary files a/apps/docs/autogen/images/interfacetab/chooser.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/chooser.webp b/apps/docs/autogen/images/interfacetab/chooser.webp
new file mode 100644
index 00000000..49fed1c9
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/chooser.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/chooserdark.png b/apps/docs/autogen/images/interfacetab/chooserdark.png
deleted file mode 100644
index 448f240a..00000000
Binary files a/apps/docs/autogen/images/interfacetab/chooserdark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/chooserdark.webp b/apps/docs/autogen/images/interfacetab/chooserdark.webp
new file mode 100644
index 00000000..0a42421d
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/chooserdark.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/chooserlight.png b/apps/docs/autogen/images/interfacetab/chooserlight.png
deleted file mode 100644
index f07ca39f..00000000
Binary files a/apps/docs/autogen/images/interfacetab/chooserlight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/chooserlight.webp b/apps/docs/autogen/images/interfacetab/chooserlight.webp
new file mode 100644
index 00000000..3c147160
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/chooserlight.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/colorinputdark.png b/apps/docs/autogen/images/interfacetab/colorinputdark.png
deleted file mode 100644
index 4fd04590..00000000
Binary files a/apps/docs/autogen/images/interfacetab/colorinputdark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/colorinputdark.webp b/apps/docs/autogen/images/interfacetab/colorinputdark.webp
new file mode 100644
index 00000000..64c4994d
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/colorinputdark.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/colorinputlight.png b/apps/docs/autogen/images/interfacetab/colorinputlight.png
deleted file mode 100644
index 7f89667a..00000000
Binary files a/apps/docs/autogen/images/interfacetab/colorinputlight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/colorinputlight.webp b/apps/docs/autogen/images/interfacetab/colorinputlight.webp
new file mode 100644
index 00000000..7daa33cf
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/colorinputlight.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/command-center.png b/apps/docs/autogen/images/interfacetab/command-center.png
deleted file mode 100644
index 3c0ff273..00000000
Binary files a/apps/docs/autogen/images/interfacetab/command-center.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/command-center.webp b/apps/docs/autogen/images/interfacetab/command-center.webp
new file mode 100644
index 00000000..f7164c35
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/command-center.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/deletiontool.png b/apps/docs/autogen/images/interfacetab/deletiontool.png
deleted file mode 100644
index 156000ed..00000000
Binary files a/apps/docs/autogen/images/interfacetab/deletiontool.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/deletiontool.webp b/apps/docs/autogen/images/interfacetab/deletiontool.webp
new file mode 100644
index 00000000..46c519c5
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/deletiontool.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/editnotedark.png b/apps/docs/autogen/images/interfacetab/editnotedark.png
deleted file mode 100644
index b86e722c..00000000
Binary files a/apps/docs/autogen/images/interfacetab/editnotedark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/editnotedark.webp b/apps/docs/autogen/images/interfacetab/editnotedark.webp
new file mode 100644
index 00000000..225322cc
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/editnotedark.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/editnotelight.png b/apps/docs/autogen/images/interfacetab/editnotelight.png
deleted file mode 100644
index de0304fc..00000000
Binary files a/apps/docs/autogen/images/interfacetab/editnotelight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/editnotelight.webp b/apps/docs/autogen/images/interfacetab/editnotelight.webp
new file mode 100644
index 00000000..449c015d
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/editnotelight.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/input.png b/apps/docs/autogen/images/interfacetab/input.png
deleted file mode 100644
index e09975f0..00000000
Binary files a/apps/docs/autogen/images/interfacetab/input.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/input.webp b/apps/docs/autogen/images/interfacetab/input.webp
new file mode 100644
index 00000000..7df7a91b
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/input.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/interactiontool.png b/apps/docs/autogen/images/interfacetab/interactiontool.png
deleted file mode 100644
index 58eeec3b..00000000
Binary files a/apps/docs/autogen/images/interfacetab/interactiontool.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/interactiontool.webp b/apps/docs/autogen/images/interfacetab/interactiontool.webp
new file mode 100644
index 00000000..92a8572c
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/interactiontool.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/interfacetoolbar.png b/apps/docs/autogen/images/interfacetab/interfacetoolbar.png
deleted file mode 100644
index e38b4dc9..00000000
Binary files a/apps/docs/autogen/images/interfacetab/interfacetoolbar.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/interfacetoolbar.webp b/apps/docs/autogen/images/interfacetab/interfacetoolbar.webp
new file mode 100644
index 00000000..711cda88
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/interfacetoolbar.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/interfacetools.png b/apps/docs/autogen/images/interfacetab/interfacetools.png
deleted file mode 100644
index 504fd8c9..00000000
Binary files a/apps/docs/autogen/images/interfacetab/interfacetools.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/interfacetools.webp b/apps/docs/autogen/images/interfacetab/interfacetools.webp
new file mode 100644
index 00000000..10559df4
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/interfacetools.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/menubar.png b/apps/docs/autogen/images/interfacetab/menubar.png
deleted file mode 100644
index 566b1707..00000000
Binary files a/apps/docs/autogen/images/interfacetab/menubar.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/menubar.webp b/apps/docs/autogen/images/interfacetab/menubar.webp
new file mode 100644
index 00000000..5a2dc023
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/menubar.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/model-buttons.png b/apps/docs/autogen/images/interfacetab/model-buttons.png
deleted file mode 100644
index 47040886..00000000
Binary files a/apps/docs/autogen/images/interfacetab/model-buttons.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/model-buttons.webp b/apps/docs/autogen/images/interfacetab/model-buttons.webp
new file mode 100644
index 00000000..13b5f7f4
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/model-buttons.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/monitor.png b/apps/docs/autogen/images/interfacetab/monitor.png
deleted file mode 100644
index 9f30b04a..00000000
Binary files a/apps/docs/autogen/images/interfacetab/monitor.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/monitor.webp b/apps/docs/autogen/images/interfacetab/monitor.webp
new file mode 100644
index 00000000..25a3f1ce
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/monitor.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/monitordark.png b/apps/docs/autogen/images/interfacetab/monitordark.png
deleted file mode 100644
index 24d1de36..00000000
Binary files a/apps/docs/autogen/images/interfacetab/monitordark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/monitordark.webp b/apps/docs/autogen/images/interfacetab/monitordark.webp
new file mode 100644
index 00000000..a1467261
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/monitordark.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/monitorlight.png b/apps/docs/autogen/images/interfacetab/monitorlight.png
deleted file mode 100644
index dda4fd8a..00000000
Binary files a/apps/docs/autogen/images/interfacetab/monitorlight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/monitorlight.webp b/apps/docs/autogen/images/interfacetab/monitorlight.webp
new file mode 100644
index 00000000..7acabaf6
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/monitorlight.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/moveturtleforeverdark.png b/apps/docs/autogen/images/interfacetab/moveturtleforeverdark.png
deleted file mode 100644
index fb53d341..00000000
Binary files a/apps/docs/autogen/images/interfacetab/moveturtleforeverdark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/moveturtleforeverdark.webp b/apps/docs/autogen/images/interfacetab/moveturtleforeverdark.webp
new file mode 100644
index 00000000..9a150fe2
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/moveturtleforeverdark.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/moveturtleforeverlight.png b/apps/docs/autogen/images/interfacetab/moveturtleforeverlight.png
deleted file mode 100644
index 285f9ad0..00000000
Binary files a/apps/docs/autogen/images/interfacetab/moveturtleforeverlight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/moveturtleforeverlight.webp b/apps/docs/autogen/images/interfacetab/moveturtleforeverlight.webp
new file mode 100644
index 00000000..95e8dec3
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/moveturtleforeverlight.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/note.png b/apps/docs/autogen/images/interfacetab/note.png
deleted file mode 100644
index 63ee0b26..00000000
Binary files a/apps/docs/autogen/images/interfacetab/note.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/note.webp b/apps/docs/autogen/images/interfacetab/note.webp
new file mode 100644
index 00000000..c5cb3b4f
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/note.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/notedark.png b/apps/docs/autogen/images/interfacetab/notedark.png
deleted file mode 100644
index 20469df5..00000000
Binary files a/apps/docs/autogen/images/interfacetab/notedark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/notedark.webp b/apps/docs/autogen/images/interfacetab/notedark.webp
new file mode 100644
index 00000000..fa20db35
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/notedark.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/notelight.png b/apps/docs/autogen/images/interfacetab/notelight.png
deleted file mode 100644
index 768540c5..00000000
Binary files a/apps/docs/autogen/images/interfacetab/notelight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/notelight.webp b/apps/docs/autogen/images/interfacetab/notelight.webp
new file mode 100644
index 00000000..cc38d2b4
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/notelight.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/open3d-context.png b/apps/docs/autogen/images/interfacetab/open3d-context.png
deleted file mode 100644
index de80f10b..00000000
Binary files a/apps/docs/autogen/images/interfacetab/open3d-context.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/open3d-context.webp b/apps/docs/autogen/images/interfacetab/open3d-context.webp
new file mode 100644
index 00000000..780bc796
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/open3d-context.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/output.png b/apps/docs/autogen/images/interfacetab/output.png
deleted file mode 100644
index 552b4cc2..00000000
Binary files a/apps/docs/autogen/images/interfacetab/output.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/output.webp b/apps/docs/autogen/images/interfacetab/output.webp
new file mode 100644
index 00000000..cde7ee36
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/output.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/outputdark.png b/apps/docs/autogen/images/interfacetab/outputdark.png
deleted file mode 100644
index 43c380ee..00000000
Binary files a/apps/docs/autogen/images/interfacetab/outputdark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/outputdark.webp b/apps/docs/autogen/images/interfacetab/outputdark.webp
new file mode 100644
index 00000000..c3ca4a62
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/outputdark.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/outputlight.png b/apps/docs/autogen/images/interfacetab/outputlight.png
deleted file mode 100644
index 41c24182..00000000
Binary files a/apps/docs/autogen/images/interfacetab/outputlight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/outputlight.webp b/apps/docs/autogen/images/interfacetab/outputlight.webp
new file mode 100644
index 00000000..ff681885
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/outputlight.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/plot-pen-advanced.png b/apps/docs/autogen/images/interfacetab/plot-pen-advanced.png
deleted file mode 100644
index b51dd9ea..00000000
Binary files a/apps/docs/autogen/images/interfacetab/plot-pen-advanced.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/plot-pen-advanced.webp b/apps/docs/autogen/images/interfacetab/plot-pen-advanced.webp
new file mode 100644
index 00000000..b936c04a
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/plot-pen-advanced.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/plot.png b/apps/docs/autogen/images/interfacetab/plot.png
deleted file mode 100644
index daf1e931..00000000
Binary files a/apps/docs/autogen/images/interfacetab/plot.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/plot.webp b/apps/docs/autogen/images/interfacetab/plot.webp
new file mode 100644
index 00000000..684b106f
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/plot.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/plotdark.png b/apps/docs/autogen/images/interfacetab/plotdark.png
deleted file mode 100644
index 8579d837..00000000
Binary files a/apps/docs/autogen/images/interfacetab/plotdark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/plotdark.webp b/apps/docs/autogen/images/interfacetab/plotdark.webp
new file mode 100644
index 00000000..14623fef
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/plotdark.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/plotlight.png b/apps/docs/autogen/images/interfacetab/plotlight.png
deleted file mode 100644
index adaca887..00000000
Binary files a/apps/docs/autogen/images/interfacetab/plotlight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/plotlight.webp b/apps/docs/autogen/images/interfacetab/plotlight.webp
new file mode 100644
index 00000000..f0cfc711
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/plotlight.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/selectedwidgets.png b/apps/docs/autogen/images/interfacetab/selectedwidgets.png
deleted file mode 100644
index 000449b4..00000000
Binary files a/apps/docs/autogen/images/interfacetab/selectedwidgets.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/selectedwidgets.webp b/apps/docs/autogen/images/interfacetab/selectedwidgets.webp
new file mode 100644
index 00000000..eb5823f9
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/selectedwidgets.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/settings.png b/apps/docs/autogen/images/interfacetab/settings.png
deleted file mode 100644
index dd3e4815..00000000
Binary files a/apps/docs/autogen/images/interfacetab/settings.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/settings.webp b/apps/docs/autogen/images/interfacetab/settings.webp
new file mode 100644
index 00000000..f921e1da
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/settings.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/slider.png b/apps/docs/autogen/images/interfacetab/slider.png
deleted file mode 100644
index c6a29cd7..00000000
Binary files a/apps/docs/autogen/images/interfacetab/slider.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/slider.webp b/apps/docs/autogen/images/interfacetab/slider.webp
new file mode 100644
index 00000000..0b60e0cd
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/slider.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/sliderbounds.png b/apps/docs/autogen/images/interfacetab/sliderbounds.png
deleted file mode 100644
index 2f71ca1e..00000000
Binary files a/apps/docs/autogen/images/interfacetab/sliderbounds.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/sliderbounds.webp b/apps/docs/autogen/images/interfacetab/sliderbounds.webp
new file mode 100644
index 00000000..602c1033
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/sliderbounds.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/sliderdark.png b/apps/docs/autogen/images/interfacetab/sliderdark.png
deleted file mode 100644
index 34488356..00000000
Binary files a/apps/docs/autogen/images/interfacetab/sliderdark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/sliderdark.webp b/apps/docs/autogen/images/interfacetab/sliderdark.webp
new file mode 100644
index 00000000..c400d363
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/sliderdark.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/sliderlight.png b/apps/docs/autogen/images/interfacetab/sliderlight.png
deleted file mode 100644
index 51e1fc00..00000000
Binary files a/apps/docs/autogen/images/interfacetab/sliderlight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/sliderlight.webp b/apps/docs/autogen/images/interfacetab/sliderlight.webp
new file mode 100644
index 00000000..4447cd22
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/sliderlight.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/switch.png b/apps/docs/autogen/images/interfacetab/switch.png
deleted file mode 100644
index 17c69fdb..00000000
Binary files a/apps/docs/autogen/images/interfacetab/switch.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/switch.webp b/apps/docs/autogen/images/interfacetab/switch.webp
new file mode 100644
index 00000000..73a1e20f
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/switch.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/switchdark.png b/apps/docs/autogen/images/interfacetab/switchdark.png
deleted file mode 100644
index 56a03e60..00000000
Binary files a/apps/docs/autogen/images/interfacetab/switchdark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/switchdark.webp b/apps/docs/autogen/images/interfacetab/switchdark.webp
new file mode 100644
index 00000000..ba6b3c62
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/switchdark.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/switchlight.png b/apps/docs/autogen/images/interfacetab/switchlight.png
deleted file mode 100644
index 8b5c650d..00000000
Binary files a/apps/docs/autogen/images/interfacetab/switchlight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/switchlight.webp b/apps/docs/autogen/images/interfacetab/switchlight.webp
new file mode 100644
index 00000000..adac100b
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/switchlight.webp differ
diff --git a/apps/docs/autogen/images/interfacetab/widgetrightclick.png b/apps/docs/autogen/images/interfacetab/widgetrightclick.png
deleted file mode 100644
index 523b0615..00000000
Binary files a/apps/docs/autogen/images/interfacetab/widgetrightclick.png and /dev/null differ
diff --git a/apps/docs/autogen/images/interfacetab/widgetrightclick.webp b/apps/docs/autogen/images/interfacetab/widgetrightclick.webp
new file mode 100644
index 00000000..37e86928
Binary files /dev/null and b/apps/docs/autogen/images/interfacetab/widgetrightclick.webp differ
diff --git a/apps/docs/autogen/images/lab/acidbase.jpg b/apps/docs/autogen/images/lab/acidbase.jpg
deleted file mode 100644
index 993c0984..00000000
Binary files a/apps/docs/autogen/images/lab/acidbase.jpg and /dev/null differ
diff --git a/apps/docs/autogen/images/lab/acidbase.webp b/apps/docs/autogen/images/lab/acidbase.webp
new file mode 100644
index 00000000..7383674e
Binary files /dev/null and b/apps/docs/autogen/images/lab/acidbase.webp differ
diff --git a/apps/docs/autogen/images/lab/gaslaws.jpg b/apps/docs/autogen/images/lab/gaslaws.jpg
deleted file mode 100644
index 77b02ed2..00000000
Binary files a/apps/docs/autogen/images/lab/gaslaws.jpg and /dev/null differ
diff --git a/apps/docs/autogen/images/lab/gaslaws.webp b/apps/docs/autogen/images/lab/gaslaws.webp
new file mode 100644
index 00000000..59dcf0a2
Binary files /dev/null and b/apps/docs/autogen/images/lab/gaslaws.webp differ
diff --git a/apps/docs/autogen/images/lab/heattransfer.jpg b/apps/docs/autogen/images/lab/heattransfer.jpg
deleted file mode 100644
index 5ef4a4e5..00000000
Binary files a/apps/docs/autogen/images/lab/heattransfer.jpg and /dev/null differ
diff --git a/apps/docs/autogen/images/lab/heattransfer.webp b/apps/docs/autogen/images/lab/heattransfer.webp
new file mode 100644
index 00000000..a6fa3663
Binary files /dev/null and b/apps/docs/autogen/images/lab/heattransfer.webp differ
diff --git a/apps/docs/autogen/images/link.png b/apps/docs/autogen/images/link.png
deleted file mode 100644
index 77604e2e..00000000
Binary files a/apps/docs/autogen/images/link.png and /dev/null differ
diff --git a/apps/docs/autogen/images/link.webp b/apps/docs/autogen/images/link.webp
new file mode 100644
index 00000000..e60e058a
Binary files /dev/null and b/apps/docs/autogen/images/link.webp differ
diff --git a/apps/docs/autogen/images/modelingcommons/childmodel.png b/apps/docs/autogen/images/modelingcommons/childmodel.png
deleted file mode 100644
index b16490f7..00000000
Binary files a/apps/docs/autogen/images/modelingcommons/childmodel.png and /dev/null differ
diff --git a/apps/docs/autogen/images/modelingcommons/childmodel.webp b/apps/docs/autogen/images/modelingcommons/childmodel.webp
new file mode 100644
index 00000000..6dc52c9a
Binary files /dev/null and b/apps/docs/autogen/images/modelingcommons/childmodel.webp differ
diff --git a/apps/docs/autogen/images/modelingcommons/login.png b/apps/docs/autogen/images/modelingcommons/login.png
deleted file mode 100644
index cf293b9a..00000000
Binary files a/apps/docs/autogen/images/modelingcommons/login.png and /dev/null differ
diff --git a/apps/docs/autogen/images/modelingcommons/login.webp b/apps/docs/autogen/images/modelingcommons/login.webp
new file mode 100644
index 00000000..5e843bc6
Binary files /dev/null and b/apps/docs/autogen/images/modelingcommons/login.webp differ
diff --git a/apps/docs/autogen/images/modelingcommons/newmodel.png b/apps/docs/autogen/images/modelingcommons/newmodel.png
deleted file mode 100644
index 3c3ce048..00000000
Binary files a/apps/docs/autogen/images/modelingcommons/newmodel.png and /dev/null differ
diff --git a/apps/docs/autogen/images/modelingcommons/newmodel.webp b/apps/docs/autogen/images/modelingcommons/newmodel.webp
new file mode 100644
index 00000000..2f6b9204
Binary files /dev/null and b/apps/docs/autogen/images/modelingcommons/newmodel.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/codetabdark.png b/apps/docs/autogen/images/nl7intro/codetabdark.png
deleted file mode 100644
index 700462c2..00000000
Binary files a/apps/docs/autogen/images/nl7intro/codetabdark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/codetabdark.webp b/apps/docs/autogen/images/nl7intro/codetabdark.webp
new file mode 100644
index 00000000..156c8e98
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/codetabdark.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/codetablight.png b/apps/docs/autogen/images/nl7intro/codetablight.png
deleted file mode 100644
index 5f303ea9..00000000
Binary files a/apps/docs/autogen/images/nl7intro/codetablight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/codetablight.webp b/apps/docs/autogen/images/nl7intro/codetablight.webp
new file mode 100644
index 00000000..702bf6c4
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/codetablight.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/converttool.png b/apps/docs/autogen/images/nl7intro/converttool.png
deleted file mode 100644
index 9511db46..00000000
Binary files a/apps/docs/autogen/images/nl7intro/converttool.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/converttool.webp b/apps/docs/autogen/images/nl7intro/converttool.webp
new file mode 100644
index 00000000..8cc97749
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/converttool.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/editslider.png b/apps/docs/autogen/images/nl7intro/editslider.png
deleted file mode 100644
index 28a85093..00000000
Binary files a/apps/docs/autogen/images/nl7intro/editslider.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/editslider.webp b/apps/docs/autogen/images/nl7intro/editslider.webp
new file mode 100644
index 00000000..fa01e38a
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/editslider.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/infotabdark.png b/apps/docs/autogen/images/nl7intro/infotabdark.png
deleted file mode 100644
index 6fa3b05a..00000000
Binary files a/apps/docs/autogen/images/nl7intro/infotabdark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/infotabdark.webp b/apps/docs/autogen/images/nl7intro/infotabdark.webp
new file mode 100644
index 00000000..dd6a5036
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/infotabdark.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/infotablight.png b/apps/docs/autogen/images/nl7intro/infotablight.png
deleted file mode 100644
index ca6288de..00000000
Binary files a/apps/docs/autogen/images/nl7intro/infotablight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/infotablight.webp b/apps/docs/autogen/images/nl7intro/infotablight.webp
new file mode 100644
index 00000000..c966c6ff
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/infotablight.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/infotabtoolbaredithelp.png b/apps/docs/autogen/images/nl7intro/infotabtoolbaredithelp.png
deleted file mode 100644
index c76c4344..00000000
Binary files a/apps/docs/autogen/images/nl7intro/infotabtoolbaredithelp.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/infotabtoolbaredithelp.webp b/apps/docs/autogen/images/nl7intro/infotabtoolbaredithelp.webp
new file mode 100644
index 00000000..f86f0ed6
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/infotabtoolbaredithelp.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/inttabclassic.png b/apps/docs/autogen/images/nl7intro/inttabclassic.png
deleted file mode 100644
index 0f79faa2..00000000
Binary files a/apps/docs/autogen/images/nl7intro/inttabclassic.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/inttabclassic.webp b/apps/docs/autogen/images/nl7intro/inttabclassic.webp
new file mode 100644
index 00000000..40b46b5c
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/inttabclassic.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/inttabdark.png b/apps/docs/autogen/images/nl7intro/inttabdark.png
deleted file mode 100644
index de4af805..00000000
Binary files a/apps/docs/autogen/images/nl7intro/inttabdark.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/inttabdark.webp b/apps/docs/autogen/images/nl7intro/inttabdark.webp
new file mode 100644
index 00000000..234936a6
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/inttabdark.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/inttablight.png b/apps/docs/autogen/images/nl7intro/inttablight.png
deleted file mode 100644
index bbcf02e4..00000000
Binary files a/apps/docs/autogen/images/nl7intro/inttablight.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/inttablight.webp b/apps/docs/autogen/images/nl7intro/inttablight.webp
new file mode 100644
index 00000000..60850fde
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/inttablight.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/linkshapeseditor.png b/apps/docs/autogen/images/nl7intro/linkshapeseditor.png
deleted file mode 100644
index 547fd03d..00000000
Binary files a/apps/docs/autogen/images/nl7intro/linkshapeseditor.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/linkshapeseditor.webp b/apps/docs/autogen/images/nl7intro/linkshapeseditor.webp
new file mode 100644
index 00000000..f270b1aa
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/linkshapeseditor.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/openmodelconvert.png b/apps/docs/autogen/images/nl7intro/openmodelconvert.png
deleted file mode 100644
index 29a9deeb..00000000
Binary files a/apps/docs/autogen/images/nl7intro/openmodelconvert.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/openmodelconvert.webp b/apps/docs/autogen/images/nl7intro/openmodelconvert.webp
new file mode 100644
index 00000000..3454f559
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/openmodelconvert.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/turtleshapeseditor.png b/apps/docs/autogen/images/nl7intro/turtleshapeseditor.png
deleted file mode 100644
index b418bcf1..00000000
Binary files a/apps/docs/autogen/images/nl7intro/turtleshapeseditor.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/turtleshapeseditor.webp b/apps/docs/autogen/images/nl7intro/turtleshapeseditor.webp
new file mode 100644
index 00000000..4109624f
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/turtleshapeseditor.webp differ
diff --git a/apps/docs/autogen/images/nl7intro/widgetsrelativesize.png b/apps/docs/autogen/images/nl7intro/widgetsrelativesize.png
deleted file mode 100644
index c7b39b33..00000000
Binary files a/apps/docs/autogen/images/nl7intro/widgetsrelativesize.png and /dev/null differ
diff --git a/apps/docs/autogen/images/nl7intro/widgetsrelativesize.webp b/apps/docs/autogen/images/nl7intro/widgetsrelativesize.webp
new file mode 100644
index 00000000..92ff5a1f
Binary files /dev/null and b/apps/docs/autogen/images/nl7intro/widgetsrelativesize.webp differ
diff --git a/apps/docs/autogen/images/observermovement.png b/apps/docs/autogen/images/observermovement.png
deleted file mode 100644
index 0323e69a..00000000
Binary files a/apps/docs/autogen/images/observermovement.png and /dev/null differ
diff --git a/apps/docs/autogen/images/observermovement.webp b/apps/docs/autogen/images/observermovement.webp
new file mode 100644
index 00000000..129ece2f
Binary files /dev/null and b/apps/docs/autogen/images/observermovement.webp differ
diff --git a/apps/docs/autogen/images/patch.png b/apps/docs/autogen/images/patch.png
deleted file mode 100644
index a1afdef7..00000000
Binary files a/apps/docs/autogen/images/patch.png and /dev/null differ
diff --git a/apps/docs/autogen/images/patch.webp b/apps/docs/autogen/images/patch.webp
new file mode 100644
index 00000000..eed14bce
Binary files /dev/null and b/apps/docs/autogen/images/patch.webp differ
diff --git a/apps/docs/autogen/images/preferences/codeprefs.png b/apps/docs/autogen/images/preferences/codeprefs.png
deleted file mode 100644
index 71f3c8d7..00000000
Binary files a/apps/docs/autogen/images/preferences/codeprefs.png and /dev/null differ
diff --git a/apps/docs/autogen/images/preferences/codeprefs.webp b/apps/docs/autogen/images/preferences/codeprefs.webp
new file mode 100644
index 00000000..3ddb085d
Binary files /dev/null and b/apps/docs/autogen/images/preferences/codeprefs.webp differ
diff --git a/apps/docs/autogen/images/preferences/colorthemes.png b/apps/docs/autogen/images/preferences/colorthemes.png
deleted file mode 100644
index 442fe19b..00000000
Binary files a/apps/docs/autogen/images/preferences/colorthemes.png and /dev/null differ
diff --git a/apps/docs/autogen/images/preferences/colorthemes.webp b/apps/docs/autogen/images/preferences/colorthemes.webp
new file mode 100644
index 00000000..e7c5fb9a
Binary files /dev/null and b/apps/docs/autogen/images/preferences/colorthemes.webp differ
diff --git a/apps/docs/autogen/images/preferences/generalprefs.png b/apps/docs/autogen/images/preferences/generalprefs.png
deleted file mode 100644
index d28823fc..00000000
Binary files a/apps/docs/autogen/images/preferences/generalprefs.png and /dev/null differ
diff --git a/apps/docs/autogen/images/preferences/generalprefs.webp b/apps/docs/autogen/images/preferences/generalprefs.webp
new file mode 100644
index 00000000..54a10b31
Binary files /dev/null and b/apps/docs/autogen/images/preferences/generalprefs.webp differ
diff --git a/apps/docs/autogen/images/preferences/loggingprefs.png b/apps/docs/autogen/images/preferences/loggingprefs.png
deleted file mode 100644
index cb5a3615..00000000
Binary files a/apps/docs/autogen/images/preferences/loggingprefs.png and /dev/null differ
diff --git a/apps/docs/autogen/images/preferences/loggingprefs.webp b/apps/docs/autogen/images/preferences/loggingprefs.webp
new file mode 100644
index 00000000..6364e9fb
Binary files /dev/null and b/apps/docs/autogen/images/preferences/loggingprefs.webp differ
diff --git a/apps/docs/autogen/images/programming/box.png b/apps/docs/autogen/images/programming/box.png
deleted file mode 100644
index d4fa3a42..00000000
Binary files a/apps/docs/autogen/images/programming/box.png and /dev/null differ
diff --git a/apps/docs/autogen/images/programming/box.webp b/apps/docs/autogen/images/programming/box.webp
new file mode 100644
index 00000000..bafac7c2
Binary files /dev/null and b/apps/docs/autogen/images/programming/box.webp differ
diff --git a/apps/docs/autogen/images/programming/circle-layout.png b/apps/docs/autogen/images/programming/circle-layout.png
deleted file mode 100644
index e3e08214..00000000
Binary files a/apps/docs/autogen/images/programming/circle-layout.png and /dev/null differ
diff --git a/apps/docs/autogen/images/programming/circle-layout.webp b/apps/docs/autogen/images/programming/circle-layout.webp
new file mode 100644
index 00000000..328da5da
Binary files /dev/null and b/apps/docs/autogen/images/programming/circle-layout.webp differ
diff --git a/apps/docs/autogen/images/programming/colors.png b/apps/docs/autogen/images/programming/colors.png
deleted file mode 100644
index aedc9d25..00000000
Binary files a/apps/docs/autogen/images/programming/colors.png and /dev/null differ
diff --git a/apps/docs/autogen/images/programming/colors.webp b/apps/docs/autogen/images/programming/colors.webp
new file mode 100644
index 00000000..c29b21e6
Binary files /dev/null and b/apps/docs/autogen/images/programming/colors.webp differ
diff --git a/apps/docs/autogen/images/programming/drawing.png b/apps/docs/autogen/images/programming/drawing.png
deleted file mode 100644
index 811ccd38..00000000
Binary files a/apps/docs/autogen/images/programming/drawing.png and /dev/null differ
diff --git a/apps/docs/autogen/images/programming/drawing.webp b/apps/docs/autogen/images/programming/drawing.webp
new file mode 100644
index 00000000..e6417b4b
Binary files /dev/null and b/apps/docs/autogen/images/programming/drawing.webp differ
diff --git a/apps/docs/autogen/images/programming/radial-layout.png b/apps/docs/autogen/images/programming/radial-layout.png
deleted file mode 100644
index 538d0e35..00000000
Binary files a/apps/docs/autogen/images/programming/radial-layout.png and /dev/null differ
diff --git a/apps/docs/autogen/images/programming/radial-layout.webp b/apps/docs/autogen/images/programming/radial-layout.webp
new file mode 100644
index 00000000..0fc4d89b
Binary files /dev/null and b/apps/docs/autogen/images/programming/radial-layout.webp differ
diff --git a/apps/docs/autogen/images/programming/torus.png b/apps/docs/autogen/images/programming/torus.png
deleted file mode 100644
index 3a444ecd..00000000
Binary files a/apps/docs/autogen/images/programming/torus.png and /dev/null differ
diff --git a/apps/docs/autogen/images/programming/torus.webp b/apps/docs/autogen/images/programming/torus.webp
new file mode 100644
index 00000000..a7b56245
Binary files /dev/null and b/apps/docs/autogen/images/programming/torus.webp differ
diff --git a/apps/docs/autogen/images/programming/tutte-layout.png b/apps/docs/autogen/images/programming/tutte-layout.png
deleted file mode 100644
index c39bbbc3..00000000
Binary files a/apps/docs/autogen/images/programming/tutte-layout.png and /dev/null differ
diff --git a/apps/docs/autogen/images/programming/tutte-layout.webp b/apps/docs/autogen/images/programming/tutte-layout.webp
new file mode 100644
index 00000000..68370c12
Binary files /dev/null and b/apps/docs/autogen/images/programming/tutte-layout.webp differ
diff --git a/apps/docs/autogen/images/resource-manager/dialog.png b/apps/docs/autogen/images/resource-manager/dialog.png
deleted file mode 100644
index 394377f3..00000000
Binary files a/apps/docs/autogen/images/resource-manager/dialog.png and /dev/null differ
diff --git a/apps/docs/autogen/images/resource-manager/dialog.webp b/apps/docs/autogen/images/resource-manager/dialog.webp
new file mode 100644
index 00000000..310f5c91
Binary files /dev/null and b/apps/docs/autogen/images/resource-manager/dialog.webp differ
diff --git a/apps/docs/autogen/images/sample/party.png b/apps/docs/autogen/images/sample/party.png
deleted file mode 100644
index 2e1b1208..00000000
Binary files a/apps/docs/autogen/images/sample/party.png and /dev/null differ
diff --git a/apps/docs/autogen/images/sample/party.webp b/apps/docs/autogen/images/sample/party.webp
new file mode 100644
index 00000000..7f4d3d13
Binary files /dev/null and b/apps/docs/autogen/images/sample/party.webp differ
diff --git a/apps/docs/autogen/images/sample/tolerance.png b/apps/docs/autogen/images/sample/tolerance.png
deleted file mode 100644
index 5d4d2b8c..00000000
Binary files a/apps/docs/autogen/images/sample/tolerance.png and /dev/null differ
diff --git a/apps/docs/autogen/images/sample/tolerance.webp b/apps/docs/autogen/images/sample/tolerance.webp
new file mode 100644
index 00000000..95748a88
Binary files /dev/null and b/apps/docs/autogen/images/sample/tolerance.webp differ
diff --git a/apps/docs/autogen/images/shapes/defaultlinkshape.png b/apps/docs/autogen/images/shapes/defaultlinkshape.png
deleted file mode 100644
index 659b91d0..00000000
Binary files a/apps/docs/autogen/images/shapes/defaultlinkshape.png and /dev/null differ
diff --git a/apps/docs/autogen/images/shapes/defaultlinkshape.webp b/apps/docs/autogen/images/shapes/defaultlinkshape.webp
new file mode 100644
index 00000000..98a64e04
Binary files /dev/null and b/apps/docs/autogen/images/shapes/defaultlinkshape.webp differ
diff --git a/apps/docs/autogen/images/shapes/library.png b/apps/docs/autogen/images/shapes/library.png
deleted file mode 100644
index 434caa4c..00000000
Binary files a/apps/docs/autogen/images/shapes/library.png and /dev/null differ
diff --git a/apps/docs/autogen/images/shapes/library.webp b/apps/docs/autogen/images/shapes/library.webp
new file mode 100644
index 00000000..d0f766e1
Binary files /dev/null and b/apps/docs/autogen/images/shapes/library.webp differ
diff --git a/apps/docs/autogen/images/shapes/linkshapes.png b/apps/docs/autogen/images/shapes/linkshapes.png
deleted file mode 100644
index 650e5019..00000000
Binary files a/apps/docs/autogen/images/shapes/linkshapes.png and /dev/null differ
diff --git a/apps/docs/autogen/images/shapes/linkshapes.webp b/apps/docs/autogen/images/shapes/linkshapes.webp
new file mode 100644
index 00000000..1df245b8
Binary files /dev/null and b/apps/docs/autogen/images/shapes/linkshapes.webp differ
diff --git a/apps/docs/autogen/images/shapes/shapes.png b/apps/docs/autogen/images/shapes/shapes.png
deleted file mode 100644
index 182f859d..00000000
Binary files a/apps/docs/autogen/images/shapes/shapes.png and /dev/null differ
diff --git a/apps/docs/autogen/images/shapes/shapes.webp b/apps/docs/autogen/images/shapes/shapes.webp
new file mode 100644
index 00000000..ea1f02c6
Binary files /dev/null and b/apps/docs/autogen/images/shapes/shapes.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/dt.png b/apps/docs/autogen/images/systemdynamics/dt.png
deleted file mode 100644
index 87b8f614..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/dt.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/dt.webp b/apps/docs/autogen/images/systemdynamics/dt.webp
new file mode 100644
index 00000000..1409a737
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/dt.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/elementbuttons.png b/apps/docs/autogen/images/systemdynamics/elementbuttons.png
deleted file mode 100644
index d1f56d6d..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/elementbuttons.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/elementbuttons.webp b/apps/docs/autogen/images/systemdynamics/elementbuttons.webp
new file mode 100644
index 00000000..ced10f9f
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/elementbuttons.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/error.png b/apps/docs/autogen/images/systemdynamics/error.png
deleted file mode 100644
index 34375250..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/error.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/error.webp b/apps/docs/autogen/images/systemdynamics/error.webp
new file mode 100644
index 00000000..44bf8c36
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/error.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/errordialog.png b/apps/docs/autogen/images/systemdynamics/errordialog.png
deleted file mode 100644
index bb7179a8..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/errordialog.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/errordialog.webp b/apps/docs/autogen/images/systemdynamics/errordialog.webp
new file mode 100644
index 00000000..6ae02c2d
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/errordialog.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/setdtexample.png b/apps/docs/autogen/images/systemdynamics/setdtexample.png
deleted file mode 100644
index 14e29942..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/setdtexample.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/setdtexample.webp b/apps/docs/autogen/images/systemdynamics/setdtexample.webp
new file mode 100644
index 00000000..9bbe7f8b
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/setdtexample.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial1.png b/apps/docs/autogen/images/systemdynamics/tutorial1.png
deleted file mode 100644
index 7504f1bc..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/tutorial1.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial1.webp b/apps/docs/autogen/images/systemdynamics/tutorial1.webp
new file mode 100644
index 00000000..06cc9179
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/tutorial1.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial10.png b/apps/docs/autogen/images/systemdynamics/tutorial10.png
deleted file mode 100644
index f85ffd21..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/tutorial10.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial10.webp b/apps/docs/autogen/images/systemdynamics/tutorial10.webp
new file mode 100644
index 00000000..4974d874
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/tutorial10.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial11.png b/apps/docs/autogen/images/systemdynamics/tutorial11.png
deleted file mode 100644
index 5a93c717..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/tutorial11.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial11.webp b/apps/docs/autogen/images/systemdynamics/tutorial11.webp
new file mode 100644
index 00000000..c905c99a
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/tutorial11.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial2-0.png b/apps/docs/autogen/images/systemdynamics/tutorial2-0.png
deleted file mode 100644
index 0630daf9..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/tutorial2-0.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial2-0.webp b/apps/docs/autogen/images/systemdynamics/tutorial2-0.webp
new file mode 100644
index 00000000..f5a79e8e
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/tutorial2-0.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial2-1.png b/apps/docs/autogen/images/systemdynamics/tutorial2-1.png
deleted file mode 100644
index 509650df..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/tutorial2-1.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial2-1.webp b/apps/docs/autogen/images/systemdynamics/tutorial2-1.webp
new file mode 100644
index 00000000..7e1c26cb
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/tutorial2-1.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial2-2.png b/apps/docs/autogen/images/systemdynamics/tutorial2-2.png
deleted file mode 100644
index 4d78ea78..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/tutorial2-2.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial2-2.webp b/apps/docs/autogen/images/systemdynamics/tutorial2-2.webp
new file mode 100644
index 00000000..3e1e5be0
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/tutorial2-2.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial5.png b/apps/docs/autogen/images/systemdynamics/tutorial5.png
deleted file mode 100644
index 2f2340b9..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/tutorial5.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial5.webp b/apps/docs/autogen/images/systemdynamics/tutorial5.webp
new file mode 100644
index 00000000..0b2f83dc
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/tutorial5.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial8.png b/apps/docs/autogen/images/systemdynamics/tutorial8.png
deleted file mode 100644
index a2d4b4bb..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/tutorial8.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial8.webp b/apps/docs/autogen/images/systemdynamics/tutorial8.webp
new file mode 100644
index 00000000..2ed58d94
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/tutorial8.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial9.png b/apps/docs/autogen/images/systemdynamics/tutorial9.png
deleted file mode 100644
index 4ca3b1fc..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/tutorial9.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/tutorial9.webp b/apps/docs/autogen/images/systemdynamics/tutorial9.webp
new file mode 100644
index 00000000..6c8fa4e4
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/tutorial9.webp differ
diff --git a/apps/docs/autogen/images/systemdynamics/window.png b/apps/docs/autogen/images/systemdynamics/window.png
deleted file mode 100644
index 27bf280f..00000000
Binary files a/apps/docs/autogen/images/systemdynamics/window.png and /dev/null differ
diff --git a/apps/docs/autogen/images/systemdynamics/window.webp b/apps/docs/autogen/images/systemdynamics/window.webp
new file mode 100644
index 00000000..39ca85d6
Binary files /dev/null and b/apps/docs/autogen/images/systemdynamics/window.webp differ
diff --git a/apps/docs/autogen/images/transition/new-link-behavior.png b/apps/docs/autogen/images/transition/new-link-behavior.png
deleted file mode 100644
index eda2eb9e..00000000
Binary files a/apps/docs/autogen/images/transition/new-link-behavior.png and /dev/null differ
diff --git a/apps/docs/autogen/images/transition/new-link-behavior.webp b/apps/docs/autogen/images/transition/new-link-behavior.webp
new file mode 100644
index 00000000..48f38015
Binary files /dev/null and b/apps/docs/autogen/images/transition/new-link-behavior.webp differ
diff --git a/apps/docs/autogen/images/transition/old-link-behavior.png b/apps/docs/autogen/images/transition/old-link-behavior.png
deleted file mode 100644
index 379d7615..00000000
Binary files a/apps/docs/autogen/images/transition/old-link-behavior.png and /dev/null differ
diff --git a/apps/docs/autogen/images/transition/old-link-behavior.webp b/apps/docs/autogen/images/transition/old-link-behavior.webp
new file mode 100644
index 00000000..f8b085aa
Binary files /dev/null and b/apps/docs/autogen/images/transition/old-link-behavior.webp differ
diff --git a/apps/docs/autogen/images/turtle.png b/apps/docs/autogen/images/turtle.png
deleted file mode 100644
index 6274a7b4..00000000
Binary files a/apps/docs/autogen/images/turtle.png and /dev/null differ
diff --git a/apps/docs/autogen/images/turtle.webp b/apps/docs/autogen/images/turtle.webp
new file mode 100644
index 00000000..94521c61
Binary files /dev/null and b/apps/docs/autogen/images/turtle.webp differ
diff --git a/apps/docs/autogen/images/tutorial1/controllers.png b/apps/docs/autogen/images/tutorial1/controllers.png
deleted file mode 100644
index 86f84540..00000000
Binary files a/apps/docs/autogen/images/tutorial1/controllers.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial1/controllers.webp b/apps/docs/autogen/images/tutorial1/controllers.webp
new file mode 100644
index 00000000..86e237ea
Binary files /dev/null and b/apps/docs/autogen/images/tutorial1/controllers.webp differ
diff --git a/apps/docs/autogen/images/tutorial1/coords-horizontal.png b/apps/docs/autogen/images/tutorial1/coords-horizontal.png
deleted file mode 100644
index e440ee58..00000000
Binary files a/apps/docs/autogen/images/tutorial1/coords-horizontal.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial1/coords-horizontal.webp b/apps/docs/autogen/images/tutorial1/coords-horizontal.webp
new file mode 100644
index 00000000..a6e701b6
Binary files /dev/null and b/apps/docs/autogen/images/tutorial1/coords-horizontal.webp differ
diff --git a/apps/docs/autogen/images/tutorial1/coords-vertical.png b/apps/docs/autogen/images/tutorial1/coords-vertical.png
deleted file mode 100644
index 3101d9af..00000000
Binary files a/apps/docs/autogen/images/tutorial1/coords-vertical.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial1/coords-vertical.webp b/apps/docs/autogen/images/tutorial1/coords-vertical.webp
new file mode 100644
index 00000000..a55cb7f6
Binary files /dev/null and b/apps/docs/autogen/images/tutorial1/coords-vertical.webp differ
diff --git a/apps/docs/autogen/images/tutorial1/coords.png b/apps/docs/autogen/images/tutorial1/coords.png
deleted file mode 100644
index 1d21d2b5..00000000
Binary files a/apps/docs/autogen/images/tutorial1/coords.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial1/coords.webp b/apps/docs/autogen/images/tutorial1/coords.webp
new file mode 100644
index 00000000..63fc7b14
Binary files /dev/null and b/apps/docs/autogen/images/tutorial1/coords.webp differ
diff --git a/apps/docs/autogen/images/tutorial1/edit-view-properties.png b/apps/docs/autogen/images/tutorial1/edit-view-properties.png
deleted file mode 100644
index eb2d9d46..00000000
Binary files a/apps/docs/autogen/images/tutorial1/edit-view-properties.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial1/edit-view-properties.webp b/apps/docs/autogen/images/tutorial1/edit-view-properties.webp
new file mode 100644
index 00000000..b8caa135
Binary files /dev/null and b/apps/docs/autogen/images/tutorial1/edit-view-properties.webp differ
diff --git a/apps/docs/autogen/images/tutorial1/goforeveractive.png b/apps/docs/autogen/images/tutorial1/goforeveractive.png
deleted file mode 100644
index 6f6fb566..00000000
Binary files a/apps/docs/autogen/images/tutorial1/goforeveractive.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial1/goforeveractive.webp b/apps/docs/autogen/images/tutorial1/goforeveractive.webp
new file mode 100644
index 00000000..ba874144
Binary files /dev/null and b/apps/docs/autogen/images/tutorial1/goforeveractive.webp differ
diff --git a/apps/docs/autogen/images/tutorial1/goforeverinactive.png b/apps/docs/autogen/images/tutorial1/goforeverinactive.png
deleted file mode 100644
index ee18f7db..00000000
Binary files a/apps/docs/autogen/images/tutorial1/goforeverinactive.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial1/goforeverinactive.webp b/apps/docs/autogen/images/tutorial1/goforeverinactive.webp
new file mode 100644
index 00000000..d3f54bb6
Binary files /dev/null and b/apps/docs/autogen/images/tutorial1/goforeverinactive.webp differ
diff --git a/apps/docs/autogen/images/tutorial1/monitors.png b/apps/docs/autogen/images/tutorial1/monitors.png
deleted file mode 100644
index c15f5150..00000000
Binary files a/apps/docs/autogen/images/tutorial1/monitors.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial1/monitors.webp b/apps/docs/autogen/images/tutorial1/monitors.webp
new file mode 100644
index 00000000..2c16b5ab
Binary files /dev/null and b/apps/docs/autogen/images/tutorial1/monitors.webp differ
diff --git a/apps/docs/autogen/images/tutorial1/setup.png b/apps/docs/autogen/images/tutorial1/setup.png
deleted file mode 100644
index e4e1c114..00000000
Binary files a/apps/docs/autogen/images/tutorial1/setup.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial1/setup.webp b/apps/docs/autogen/images/tutorial1/setup.webp
new file mode 100644
index 00000000..10fc1104
Binary files /dev/null and b/apps/docs/autogen/images/tutorial1/setup.webp differ
diff --git a/apps/docs/autogen/images/tutorial1/speed-slider.png b/apps/docs/autogen/images/tutorial1/speed-slider.png
deleted file mode 100644
index 25292aa7..00000000
Binary files a/apps/docs/autogen/images/tutorial1/speed-slider.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial1/speed-slider.webp b/apps/docs/autogen/images/tutorial1/speed-slider.webp
new file mode 100644
index 00000000..9056234f
Binary files /dev/null and b/apps/docs/autogen/images/tutorial1/speed-slider.webp differ
diff --git a/apps/docs/autogen/images/tutorial2/car-inspector.png b/apps/docs/autogen/images/tutorial2/car-inspector.png
deleted file mode 100644
index 5b564630..00000000
Binary files a/apps/docs/autogen/images/tutorial2/car-inspector.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial2/car-inspector.webp b/apps/docs/autogen/images/tutorial2/car-inspector.webp
new file mode 100644
index 00000000..37185121
Binary files /dev/null and b/apps/docs/autogen/images/tutorial2/car-inspector.webp differ
diff --git a/apps/docs/autogen/images/tutorial2/cc-context-menu.png b/apps/docs/autogen/images/tutorial2/cc-context-menu.png
deleted file mode 100644
index 6abe4df2..00000000
Binary files a/apps/docs/autogen/images/tutorial2/cc-context-menu.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial2/cc-context-menu.webp b/apps/docs/autogen/images/tutorial2/cc-context-menu.webp
new file mode 100644
index 00000000..aa076a77
Binary files /dev/null and b/apps/docs/autogen/images/tutorial2/cc-context-menu.webp differ
diff --git a/apps/docs/autogen/images/tutorial2/cc-error-expected-number.png b/apps/docs/autogen/images/tutorial2/cc-error-expected-number.png
deleted file mode 100644
index e45510ed..00000000
Binary files a/apps/docs/autogen/images/tutorial2/cc-error-expected-number.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial2/cc-error-expected-number.webp b/apps/docs/autogen/images/tutorial2/cc-error-expected-number.webp
new file mode 100644
index 00000000..ba0a7377
Binary files /dev/null and b/apps/docs/autogen/images/tutorial2/cc-error-expected-number.webp differ
diff --git a/apps/docs/autogen/images/tutorial2/cc-error-patch-color.png b/apps/docs/autogen/images/tutorial2/cc-error-patch-color.png
deleted file mode 100644
index 8126ec23..00000000
Binary files a/apps/docs/autogen/images/tutorial2/cc-error-patch-color.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial2/cc-error-patch-color.webp b/apps/docs/autogen/images/tutorial2/cc-error-patch-color.webp
new file mode 100644
index 00000000..5746b66f
Binary files /dev/null and b/apps/docs/autogen/images/tutorial2/cc-error-patch-color.webp differ
diff --git a/apps/docs/autogen/images/tutorial2/cc-set-patches-yellow.png b/apps/docs/autogen/images/tutorial2/cc-set-patches-yellow.png
deleted file mode 100644
index 79316c3c..00000000
Binary files a/apps/docs/autogen/images/tutorial2/cc-set-patches-yellow.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial2/cc-set-patches-yellow.webp b/apps/docs/autogen/images/tutorial2/cc-set-patches-yellow.webp
new file mode 100644
index 00000000..e59b54be
Binary files /dev/null and b/apps/docs/autogen/images/tutorial2/cc-set-patches-yellow.webp differ
diff --git a/apps/docs/autogen/images/tutorial2/cc-set-turtles-brown.png b/apps/docs/autogen/images/tutorial2/cc-set-turtles-brown.png
deleted file mode 100644
index 90292e01..00000000
Binary files a/apps/docs/autogen/images/tutorial2/cc-set-turtles-brown.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial2/cc-set-turtles-brown.webp b/apps/docs/autogen/images/tutorial2/cc-set-turtles-brown.webp
new file mode 100644
index 00000000..35f6b86c
Binary files /dev/null and b/apps/docs/autogen/images/tutorial2/cc-set-turtles-brown.webp differ
diff --git a/apps/docs/autogen/images/tutorial2/commandcenterhistory.png b/apps/docs/autogen/images/tutorial2/commandcenterhistory.png
deleted file mode 100644
index faf92b6a..00000000
Binary files a/apps/docs/autogen/images/tutorial2/commandcenterhistory.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial2/commandcenterhistory.webp b/apps/docs/autogen/images/tutorial2/commandcenterhistory.webp
new file mode 100644
index 00000000..866a814a
Binary files /dev/null and b/apps/docs/autogen/images/tutorial2/commandcenterhistory.webp differ
diff --git a/apps/docs/autogen/images/tutorial2/export-view-brown-cars-on-yellow.png b/apps/docs/autogen/images/tutorial2/export-view-brown-cars-on-yellow.png
deleted file mode 100644
index 8399d42c..00000000
Binary files a/apps/docs/autogen/images/tutorial2/export-view-brown-cars-on-yellow.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial2/export-view-brown-cars-on-yellow.webp b/apps/docs/autogen/images/tutorial2/export-view-brown-cars-on-yellow.webp
new file mode 100644
index 00000000..7612e1e6
Binary files /dev/null and b/apps/docs/autogen/images/tutorial2/export-view-brown-cars-on-yellow.webp differ
diff --git a/apps/docs/autogen/images/tutorial2/patch-inspector.png b/apps/docs/autogen/images/tutorial2/patch-inspector.png
deleted file mode 100644
index 7dc85966..00000000
Binary files a/apps/docs/autogen/images/tutorial2/patch-inspector.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial2/patch-inspector.webp b/apps/docs/autogen/images/tutorial2/patch-inspector.webp
new file mode 100644
index 00000000..d163daaa
Binary files /dev/null and b/apps/docs/autogen/images/tutorial2/patch-inspector.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/eating-grass.png b/apps/docs/autogen/images/tutorial3/eating-grass.png
deleted file mode 100644
index 758e2078..00000000
Binary files a/apps/docs/autogen/images/tutorial3/eating-grass.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/eating-grass.webp b/apps/docs/autogen/images/tutorial3/eating-grass.webp
new file mode 100644
index 00000000..951708b7
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/eating-grass.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/errors.png b/apps/docs/autogen/images/tutorial3/errors.png
deleted file mode 100644
index 4f4d4741..00000000
Binary files a/apps/docs/autogen/images/tutorial3/errors.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/errors.webp b/apps/docs/autogen/images/tutorial3/errors.webp
new file mode 100644
index 00000000..38ed77fd
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/errors.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/gobutton.png b/apps/docs/autogen/images/tutorial3/gobutton.png
deleted file mode 100644
index 95396d6d..00000000
Binary files a/apps/docs/autogen/images/tutorial3/gobutton.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/gobutton.webp b/apps/docs/autogen/images/tutorial3/gobutton.webp
new file mode 100644
index 00000000..b12ffc51
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/gobutton.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/monitor-1.png b/apps/docs/autogen/images/tutorial3/monitor-1.png
deleted file mode 100644
index 065bc658..00000000
Binary files a/apps/docs/autogen/images/tutorial3/monitor-1.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/monitor-1.webp b/apps/docs/autogen/images/tutorial3/monitor-1.webp
new file mode 100644
index 00000000..a9393ef2
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/monitor-1.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/monitor-2.png b/apps/docs/autogen/images/tutorial3/monitor-2.png
deleted file mode 100644
index b8573c5a..00000000
Binary files a/apps/docs/autogen/images/tutorial3/monitor-2.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/monitor-2.webp b/apps/docs/autogen/images/tutorial3/monitor-2.webp
new file mode 100644
index 00000000..07f35009
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/monitor-2.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/plotwindow.png b/apps/docs/autogen/images/tutorial3/plotwindow.png
deleted file mode 100644
index 4949d499..00000000
Binary files a/apps/docs/autogen/images/tutorial3/plotwindow.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/plotwindow.webp b/apps/docs/autogen/images/tutorial3/plotwindow.webp
new file mode 100644
index 00000000..8bc9ee6e
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/plotwindow.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/scatter-on-green.png b/apps/docs/autogen/images/tutorial3/scatter-on-green.png
deleted file mode 100644
index 1b1ef2e3..00000000
Binary files a/apps/docs/autogen/images/tutorial3/scatter-on-green.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/scatter-on-green.webp b/apps/docs/autogen/images/tutorial3/scatter-on-green.webp
new file mode 100644
index 00000000..ba28e3db
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/scatter-on-green.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/scatter.png b/apps/docs/autogen/images/tutorial3/scatter.png
deleted file mode 100644
index d7555163..00000000
Binary files a/apps/docs/autogen/images/tutorial3/scatter.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/scatter.webp b/apps/docs/autogen/images/tutorial3/scatter.webp
new file mode 100644
index 00000000..13bd61a0
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/scatter.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/setupcode.png b/apps/docs/autogen/images/tutorial3/setupcode.png
deleted file mode 100644
index fa06254d..00000000
Binary files a/apps/docs/autogen/images/tutorial3/setupcode.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/setupcode.webp b/apps/docs/autogen/images/tutorial3/setupcode.webp
new file mode 100644
index 00000000..c42a4843
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/setupcode.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/show-energy.png b/apps/docs/autogen/images/tutorial3/show-energy.png
deleted file mode 100644
index b11dfbe0..00000000
Binary files a/apps/docs/autogen/images/tutorial3/show-energy.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/show-energy.webp b/apps/docs/autogen/images/tutorial3/show-energy.webp
new file mode 100644
index 00000000..c2f2761a
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/show-energy.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/switch.png b/apps/docs/autogen/images/tutorial3/switch.png
deleted file mode 100644
index 6ac9ffe6..00000000
Binary files a/apps/docs/autogen/images/tutorial3/switch.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/switch.webp b/apps/docs/autogen/images/tutorial3/switch.webp
new file mode 100644
index 00000000..7b1b67df
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/switch.webp differ
diff --git a/apps/docs/autogen/images/tutorial3/totals.png b/apps/docs/autogen/images/tutorial3/totals.png
deleted file mode 100644
index b0a3c583..00000000
Binary files a/apps/docs/autogen/images/tutorial3/totals.png and /dev/null differ
diff --git a/apps/docs/autogen/images/tutorial3/totals.webp b/apps/docs/autogen/images/tutorial3/totals.webp
new file mode 100644
index 00000000..6ed8d228
Binary files /dev/null and b/apps/docs/autogen/images/tutorial3/totals.webp differ
diff --git a/apps/docs/autogen/images/whatis/thumbnails.png b/apps/docs/autogen/images/whatis/thumbnails.png
deleted file mode 100644
index 8bcac060..00000000
Binary files a/apps/docs/autogen/images/whatis/thumbnails.png and /dev/null differ
diff --git a/apps/docs/autogen/images/whatis/thumbnails.webp b/apps/docs/autogen/images/whatis/thumbnails.webp
new file mode 100644
index 00000000..53e790cb
Binary files /dev/null and b/apps/docs/autogen/images/whatis/thumbnails.webp differ
diff --git a/apps/docs/autogen/infotab.md b/apps/docs/autogen/infotab.md
index a7176724..93941eb6 100644
--- a/apps/docs/autogen/infotab.md
+++ b/apps/docs/autogen/infotab.md
@@ -3,7 +3,7 @@
 The Info tab provides an introduction to a model. It explains what system is being modeled, how the model was
 created, and and how to use it. It may also suggest things to explore and ways to extend the model, or call your
 attention to particular NetLogo features the model uses.
-![[infotab/infotab.png]]
+![[infotab/infotab.webp]]
 
 You may wish to read the Info tab of an existing model before interacting with its widgets or its code.
 
@@ -14,7 +14,7 @@ You may wish to read the Info tab of an existing model before interacting with i
 The normal, formatted view of the Info tab is not editable. To make edits, click the &quot;Edit&quot; button.
 When done editing, click the &quot;Edit&quot; button again.
 
-![[infotab/infotabedit.png]]
+![[infotab/infotabedit.webp]]
 
 You edit the Info tab as unformatted plain text. When you're done editing, the plain text you entered is
 displayed in a more attractive format.
diff --git a/apps/docs/autogen/interface.md b/apps/docs/autogen/interface.md
index 9ad16300..06a60af6 100644
--- a/apps/docs/autogen/interface.md
+++ b/apps/docs/autogen/interface.md
@@ -17,7 +17,7 @@ NetLogo window. The main window is divided into tabs.
 
 On a Mac, if you are running the NetLogo application, the menu bar is located at
 the top of the screen. On other platforms, the menu bar is found at the top of
-the NetLogo window. ![[interfacetab/menubar.png]]
+the NetLogo window. ![[interfacetab/menubar.webp]]
 
 The functions available from the menus in the menubar are listed in the
 following chart.
@@ -520,7 +520,7 @@ Help
 
 At the top of NetLogo's main window are three tabs labeled "Interface", "Info"
 and "Code". Only one tab at a time can be visible, but you can switch between
-them by clicking on the tabs at the top of the window. ![[interfacetab/interfacetoolbar.png]]
+them by clicking on the tabs at the top of the window. ![[interfacetab/interfacetoolbar.webp]]
 
 Right below the row of tabs is a toolbar containing a row of controls. The
 controls available vary from tab to tab.
diff --git a/apps/docs/autogen/interfacetab.md b/apps/docs/autogen/interfacetab.md
index 59f13719..b6d2a199 100644
--- a/apps/docs/autogen/interfacetab.md
+++ b/apps/docs/autogen/interfacetab.md
@@ -28,7 +28,7 @@ and menu links above. They are located after the widgets chart.
 
 <figure style="text-align: center;">
   <img
-  src="images/interfacetab/interfacetools.png"
+  src="images/interfacetab/interfacetools.webp"
   alt="Tool Buttons.">
   <figcaption>Tool Buttons</figcaption>
 </figure>
@@ -131,10 +131,10 @@ Widget Dark Color Theme
 Forever Turtle Button
 </td>
 <td>
-<img src="./images/interfacetab/moveturtleforeverlight.png" style="width:60" />
+<img src="./images/interfacetab/moveturtleforeverlight.webp" style="width:60" />
 </td>
 <td>
-<img src="./images/interfacetab/moveturtleforeverdark.png" style="width:60" />
+<img src="./images/interfacetab/moveturtleforeverdark.webp" style="width:60" />
 </td>
 </tr>
 <tr>
@@ -147,10 +147,10 @@ Forever Turtle Button
 Slider
 </td>
 <td>
-<img src="./images/interfacetab/sliderlight.png" style="width:25" />
+<img src="./images/interfacetab/sliderlight.webp" style="width:25" />
 </td>
 <td>
-<img src="./images/interfacetab/sliderdark.png" style="width:25" />
+<img src="./images/interfacetab/sliderdark.webp" style="width:25" />
 </td>
 </tr>
 <tr>
@@ -158,10 +158,10 @@ Slider
 Switch
 </td>
 <td>
-<img src="./images/interfacetab/switchlight.png" style="width:1.5in" />
+<img src="./images/interfacetab/switchlight.webp" style="width:1.5in" />
 </td>
 <td>
-<img src="./images/interfacetab/switchdark.png" style="width::1.5in" />
+<img src="./images/interfacetab/switchdark.webp" style="width::1.5in" />
 </td>
 </tr>
 <tr>
@@ -169,10 +169,10 @@ Switch
 Chooser
 </td>
 <td>
-<img src="./images/interfacetab/chooserlight.png" style="width:2.5in" />
+<img src="./images/interfacetab/chooserlight.webp" style="width:2.5in" />
 </td>
 <td>
-<img src="./images/interfacetab/chooserdark.png" style="width:2.5in" />
+<img src="./images/interfacetab/chooserdark.webp" style="width:2.5in" />
 </td>
 </tr>
 <tr>
@@ -180,10 +180,10 @@ Chooser
 Input (Color)
 </td>
 <td>
-<img src="./images/interfacetab/colorinputlight.png" style="width:2.5in" />
+<img src="./images/interfacetab/colorinputlight.webp" style="width:2.5in" />
 </td>
 <td>
-<img src="./images/interfacetab/colorinputdark.png" style="width:2.5in" />
+<img src="./images/interfacetab/colorinputdark.webp" style="width:2.5in" />
 </td>
 </tr>
 <tr>
@@ -196,10 +196,10 @@ Input (Color)
 Monitor
 </td>
 <td>
-<img src="./images/interfacetab/monitorlight.png" style="width:100" />
+<img src="./images/interfacetab/monitorlight.webp" style="width:100" />
 </td>
 <td>
-<img src="./images/interfacetab/monitordark.png" style="width:100" />
+<img src="./images/interfacetab/monitordark.webp" style="width:100" />
 </td>
 </tr>
 <tr>
@@ -207,10 +207,10 @@ Monitor
 Plot
 </td>
 <td>
-<img src="./images/interfacetab/plotlight.png" style="width:2.65in" />
+<img src="./images/interfacetab/plotlight.webp" style="width:2.65in" />
 </td>
 <td>
-<img src="./images/interfacetab/plotdark.png" style="width:2.65in" />
+<img src="./images/interfacetab/plotdark.webp" style="width:2.65in" />
 </td>
 </tr>
 <tr>
@@ -218,10 +218,10 @@ Plot
 Output
 </td>
 <td>
-<img src="./images/interfacetab/outputlight.png" style="width:2.65in" />
+<img src="./images/interfacetab/outputlight.webp" style="width:2.65in" />
 </td>
 <td>
-<img src="./images/interfacetab/outputdark.png" style="width:2.65in" />
+<img src="./images/interfacetab/outputdark.webp" style="width:2.65in" />
 </td>
 </tr>
 <tr>
@@ -234,10 +234,10 @@ Output
 Note
 </td>
 <td>
-<img src="./images/interfacetab/notelight.png" style="width:2.65in" />
+<img src="./images/interfacetab/notelight.webp" style="width:2.65in" />
 </td>
 <td>
-<img src="./images/interfacetab/notedark.png" style="width:2.65in" />
+<img src="./images/interfacetab/notedark.webp" style="width:2.65in" />
 </td>
 </tr>
 <tr>
@@ -245,10 +245,10 @@ Note
 Editing a Note
 </td>
 <td>
-<img src="./images/interfacetab/editnotelight.png" style="width:2.65in" />
+<img src="./images/interfacetab/editnotelight.webp" style="width:2.65in" />
 </td>
 <td>
-<img src="./images/interfacetab/editnotedark.png" style="width:2.65in" />
+<img src="./images/interfacetab/editnotedark.webp" style="width:2.65in" />
 </td>
 </tr>
 </tbody>
@@ -263,7 +263,7 @@ Editing a Note
     <th>Description</th>
   </tr>
   <tr>
-    <td><img alt="Button" src="images/interfacetab/button.png"></td>
+    <td><img alt="Button" src="images/interfacetab/button.webp"></td>
     <td>Button</td>
     <td>
       A button is either <em>once</em> or <em>forever</em>. When you click
@@ -287,7 +287,7 @@ Editing a Note
     </td>
   </tr>
   <tr>
-    <td><img alt="Slider" src="images/interfacetab/slider.png"></td>
+    <td><img alt="Slider" src="images/interfacetab/slider.webp"></td>
     <td>Slider</td>
     <td>
       Sliders are used in models as a quick way to change a variable
@@ -303,11 +303,11 @@ Editing a Note
       <a href="dictionary#min-pcor"><code>min-pxcor</code></a> and the maximum <a href="dictionary#max-pcor"><code>max-pxcor</code></a> and the slider
       bounds will automatically adjust when you change the size of the world.
 <p></p>
-      <img alt="Input Box" src="images/interfacetab/sliderbounds.png">
+      <img alt="Input Box" src="images/interfacetab/sliderbounds.webp">
     </td>
   </tr>
   <tr>
-    <td><img alt="Switch" src="images/interfacetab/switch.png"></td>
+    <td><img alt="Switch" src="images/interfacetab/switch.webp"></td>
     <td>Switch</td>
     <td>
       Switches are a visual representation for a true/false global
@@ -316,7 +316,7 @@ Editing a Note
     </td>
   </tr>
   <tr>
-    <td><img alt="Chooser" src="images/interfacetab/chooser.png"></td>
+    <td><img alt="Chooser" src="images/interfacetab/chooser.webp"></td>
     <td>Chooser</td>
     <td>
       Choosers let you choose a value for a global variable from a list
@@ -325,7 +325,7 @@ Editing a Note
     </td>
   </tr>
   <tr>
-    <td><img alt="Input Box" src="images/interfacetab/input.png"></td>
+    <td><img alt="Input Box" src="images/interfacetab/input.webp"></td>
     <td>Input Box</td>
     <td>
       Input Boxes represent global variables that contain numbers,
@@ -345,7 +345,7 @@ Editing a Note
     </td>
   </tr>
   <tr>
-    <td><img alt="Monitor" src="images/interfacetab/monitor.png"></td>
+    <td><img alt="Monitor" src="images/interfacetab/monitor.webp"></td>
     <td>Monitor</td>
     <td>
       Monitors display the value of any reporter. The reporter could be
@@ -355,12 +355,12 @@ Editing a Note
     </td>
   </tr>
   <tr>
-    <td><img alt="Plot" src="images/interfacetab/plot.png"></td>
+    <td><img alt="Plot" src="images/interfacetab/plot.webp"></td>
     <td>Plot</td>
     <td>Plots show data the model is generating.</td>
   </tr>
   <tr>
-    <td><img alt="Output" src="images/interfacetab/output.png"></td>
+    <td><img alt="Output" src="images/interfacetab/output.webp"></td>
     <td>Output</td>
     <td>
       The output area is a scrolling area of text which can be used to
@@ -370,7 +370,7 @@ Editing a Note
   </tr>
   <tr>
     <td>
-      <img alt="Note" src="images/interfacetab/note.png">
+      <img alt="Note" src="images/interfacetab/note.webp">
     </td>
     <td>Note</td>
     <td>
@@ -383,7 +383,7 @@ Editing a Note
 ## Other Interface Toolbar controls
 The other controls in the Interface toolbar allow you to control the view
 updates and various other model properties.
-![[interfacetab/model-buttons.png]]
+![[interfacetab/model-buttons.webp]]
 
 The speed slider is located in the Interface Toolbar. You can make the
 model run faster by moving the slider to the right, or by clicking one
@@ -415,7 +415,7 @@ linear with the amount the slider knob is moved.
 ## Interface Menus
 ### Add Widgets Menu
 
-<p><img src="./images/interfacetab/add-widget-menu.png" style="width:3in" /></p>
+<p><img src="./images/interfacetab/add-widget-menu.webp" style="width:3in" /></p>
 
 This menu allows users to add widgets. This tool is entered by clicking
 the “Add Widget” dropdown menu on the Interface toolbar and making a
@@ -431,7 +431,7 @@ The Interaction Tool will be activated once you close the widget's Edit dialog b
 
 ### Align Widgets Menu
 
-<p><img src="./images/interfacetab/alignwidgetsmenu.png" style="width:3in" /></p>
+<p><img src="./images/interfacetab/alignwidgetsmenu.webp" style="width:3in" /></p>
 
 The Align Widgets is a popup menu of options to align, distribute, and
 stretch widgets. These options require at least two widgets to be selected.
@@ -476,7 +476,7 @@ becoming completely hidden behind another.
 The Interaction Tool is for making direct use of widgets to run commands
 and change global variables.
 
-<p><img src="./images/interfacetab/interactiontool.png" style="width:3in" /></p>
+<p><img src="./images/interfacetab/interactiontool.webp" style="width:3in" /></p>
 
 The effect of clicking is widget specific, as described in the widget chart.
 
@@ -512,7 +512,7 @@ menu. Using the Edit or Delete option with the right-click pull-down
 menu does not exit the Interaction Tool because they are “transient”
 actions.
 
-<p><img src="./images/interfacetab/widgetrightclick.png" style="width:3.1in" /></p>
+<p><img src="./images/interfacetab/widgetrightclick.webp" style="width:3.1in" /></p>
 
 ### Selection, Editing and Deletion Tools
 
@@ -533,7 +533,7 @@ This tool allows users to select and subsequently edit or move a
 widget or change its size. Enter this tool by pressing the “Selection
 Tool” icon on the Interface toolbar (cursor with dashed rectangle).
 
-<p><img src="./images/interfacetab/selectedwidgets.png" style="width:3.2in" /></p>
+<p><img src="./images/interfacetab/selectedwidgets.webp" style="width:3.2in" /></p>
 
 #### Selecting
 
@@ -609,7 +609,7 @@ to delete more items. The view cannot be deleted.
 You can also select the widget(s) you want to delete, then press the
 “Delete” button to delete them all at once.
 
-<p><img src="./images/interfacetab/deletiontool.png" style="width:3.7in" /></p>
+<p><img src="./images/interfacetab/deletiontool.webp" style="width:3.7in" /></p>
 
 #### Deleting
 
@@ -625,11 +625,11 @@ black because the patches are black and there are no turtles yet. You can open
 the 3D View, an alternate visual representation of the world, by right clicking
 (ctrl-clicking on Mac) on the View and choosing "Switch to 3D View" (this option
 is also available in the "Tools" menu).
-![[interfacetab/open3d-context.png]]
+![[interfacetab/open3d-context.webp]]
 
 There are a number of settings for the View (accessible by editing the View, or
 by pressing the "Settings" button in the Interface Toolbar):
-![[interfacetab/settings.png]]
+![[interfacetab/settings.webp]]
 
 Notice that the settings are broken up into three groups. There are world, view,
 and tick counter settings. World settings affect the properties of the world
@@ -717,13 +717,13 @@ mouse by clicking and dragging in the View.
 
 At the bottom of the 3D View window there are buttons to move the observer, or change
 the perspective from which you are looking at the world.
-![[interfacetab/3d-buttons.png]]
+![[interfacetab/3d-buttons.webp]]
 
 While you are adjusting one of these settings, a blue cross will appear at the
 current focus point of the 3D observer.
 The little blue triangle will always point along the y-axis in the positive
 direction, so you can orient yourself in case you get lost.
-![[interfacetab/3d-cross.png]]
+![[interfacetab/3d-cross.webp]]
 
 To look at the world from a different angle, press the "Orbit" button, then
 click and drag the mouse. The observer will continue to face the same point as
@@ -807,11 +807,11 @@ example, the 2D circle shape becomes a sphere in the 3D view.
 All other shapes are based on their 2D forms. If a shape is a rotatable shape,
 it is assumed to be a top view and it is extruded as if through a cookie cutter
 and oriented parallel to the xy-plane, as in Ants.
-![[interfacetab/3d-rotatable.png]]
+![[interfacetab/3d-rotatable.webp]]
 
 Or, if a shape is non-rotatable, it is assumed to be a side view, and it is
 drawn always facing the observer, as in Wolf Sheep Predation.
-![[interfacetab/3d-non-rotatable.png]]
+![[interfacetab/3d-non-rotatable.webp]]
 
 ## Command Center
 
@@ -823,7 +823,7 @@ the fly.
 the Command Center.)
 
 Let's take a look at the design of the Command Center.
-![[interfacetab/command-center.png]]
+![[interfacetab/command-center.webp]]
 
 The smaller box, below the large box, is where you type a command. After typing
 it press the Return or Enter key to run it. You can use the up arrow to access the
@@ -887,7 +887,7 @@ resulting file in another program.)
 When you create a plot, as with all widgets, the edit dialog automatically
 appears.
 
-![[Plot Editor|interfacetab/plot.png]]
+![[Plot Editor|interfacetab/plot.webp]]
 
 Many of the fields are fairly self-explanatory, such as the name of the plot,
 labels for the x and y axes, ranges for the axes, and the "Show legend?"
@@ -929,7 +929,7 @@ dialog with additional pen settings. The trash can button deletes the pen.
 
 Clicking a pen's edit button will open this dialog:
 
-![[Plot Editor|interfacetab/plot-pen-advanced.png]]
+![[Plot Editor|interfacetab/plot-pen-advanced.webp]]
 
 - Mode allows you to change the appearance of the plot pen: line, bar (for a bar
   chart), or point (a scatter plot of individual points).
@@ -952,21 +952,21 @@ Agent monitors display both the values of all the variables for a particular
 agent and a mini-view that shows the agent and a small area around it.
 
 You can open agent monitors through the Tools menu or the [[inspect]] command.
-![[interfacetab/agentmonitor1.png]]
+![[interfacetab/agentmonitor1.webp]]
 
 You can zoom in or out using the slider beneath the view and you can [[watch]]
 the agent in the main view using the "Watch" button.
-![[interfacetab/agentmonitor2.png]]
+![[interfacetab/agentmonitor2.webp]]
 
 Below the slider the current value of each agent variable is displayed. You can
 enter a new value, and press the Enter or Return key. It will be as if, for example,
 the code `set pcolor ...` had run.
-![[interfacetab/agentmonitor3.png]]
+![[interfacetab/agentmonitor3.webp]]
 
 Below the agent variable area there is a miniature command center. Rather than
 running code as the observer, or talking to all of the turtles, patches, or
 links, the code entered in this command center is run only by the agent shown in the window.
-![[interfacetab/agentmonitor4.png]]
+![[interfacetab/agentmonitor4.webp]]
 
 You can close an agent monitor by clicking the window's close button, or
 by pressing the Esc key. You can close all the agent monitors by using the
diff --git a/apps/docs/autogen/lab.md b/apps/docs/autogen/lab.md
index c9ae2731..0cba00a1 100644
--- a/apps/docs/autogen/lab.md
+++ b/apps/docs/autogen/lab.md
@@ -22,7 +22,7 @@ We are conducting a case study comparing the artifacts generated by undergraduat
 
 ### Heat Transfer
 
-![[lab/heattransfer.jpg]]
+![[lab/heattransfer.webp]]
 
 #### Computer Model
 
@@ -38,7 +38,7 @@ Comparison between a computer model of heat transfer, which students themselves
 
 ### Gas Laws
 
-![[lab/gaslaws.jpg]]
+![[lab/gaslaws.webp]]
 
 #### Computer Model
 
@@ -54,7 +54,7 @@ A grid of 19 hexagonal cells and a cap with holes for temperature sensors. The c
 
 ### Acid-Base Reaction
 
-![[lab/acidbase.jpg]]
+![[lab/acidbase.webp]]
 
 #### Computer Model
 
diff --git a/apps/docs/autogen/modelingcommons.md b/apps/docs/autogen/modelingcommons.md
index 04be3032..11d92cd7 100644
--- a/apps/docs/autogen/modelingcommons.md
+++ b/apps/docs/autogen/modelingcommons.md
@@ -27,7 +27,7 @@ group that develops and distributes NetLogo.
 
 ## Modeling Commons Accounts
 
-![[Log in to Modeling Commons|modelingcommons/login.png]]
+![[Log in to Modeling Commons|modelingcommons/login.webp]]
 
 In order to upload models to the Modeling Commons, you must first register
 an account and log in. Unregistered users can view and download models, but
@@ -52,7 +52,7 @@ describe these in detail.
 A new model will be created in the Modeling Commons, with its own
 page, description, and forum. You should use this function the first
 time that you save a model to the Modeling Commons.
-![[Uploading a new model|modelingcommons/newmodel.png]]
+![[Uploading a new model|modelingcommons/newmodel.webp]]
 
 You must give your model a name. Model names are not required to be
 unique; you could have 2 or more models with the same name, though we
@@ -92,7 +92,7 @@ relationship between the old model and the new one. This relationship can be
 seen on the "family" tab for a given model. You may fork any model for which you
 have "view" permissions, including one that you cannot change. You may wish, for
 example, to create a variation on a model in the NetLogo models library.
-![[Uploading a child of an existing model|modelingcommons/childmodel.png]]
+![[Uploading a child of an existing model|modelingcommons/childmodel.webp]]
 
 To fork a model, you must give your new child a name, as well as select an
 existing model to fork. To indicate the existing model, start typing the name of
diff --git a/apps/docs/autogen/netlogo7intro.md b/apps/docs/autogen/netlogo7intro.md
index 06b79682..8959fd73 100644
--- a/apps/docs/autogen/netlogo7intro.md
+++ b/apps/docs/autogen/netlogo7intro.md
@@ -55,15 +55,15 @@ Classic Theme
 <tbody>
 <tr>
 <td>
-<img src="./images/nl7intro/inttablight.png" style="width:3in"
+<img src="./images/nl7intro/inttablight.webp" style="width:3in"
 alt="Alt Text" />
 </td>
 <td>
-<img src="./images/nl7intro/inttabdark.png" style="width:3in"
+<img src="./images/nl7intro/inttabdark.webp" style="width:3in"
 alt="Alt Text" />
 </td>
 <td>
-<img src="./images/nl7intro/inttabclassic.png" style="width:3in"
+<img src="./images/nl7intro/inttabclassic.webp" style="width:3in"
 alt="Alt Text" />
 </td>
 </tr>
@@ -90,7 +90,7 @@ default height of sliders, switches, choosers, inputs, monitors and plots has
 been increased. The image below shows some widgets in their new sizes on the
 left, and the original/pre-NetLogo 7 sizes on the right.
 
-<p><img src="./images/nl7intro/widgetsrelativesize.png" style="width:4.3in" /></p>
+<p><img src="./images/nl7intro/widgetsrelativesize.webp" style="width:4.3in" /></p>
 
 When you create a new model, widgets will appear by default in their new
 (generally larger) sizes. Existing models will open with new style widgets that
@@ -100,7 +100,7 @@ converted to the new sizes.
 Note that opening an old model in NetLogo 7 will automatically prompt you to
 perform an automatic widget conversion, as shown in the dialog below.
 
-<p><img src="./images/nl7intro/openmodelconvert.png" style="width:4in"/></p>
+<p><img src="./images/nl7intro/openmodelconvert.webp" style="width:4in"/></p>
 
 Click "Resize and adjust positions" to resize the widgets and change their
 placements. Click "Resize only" to resize the widgets without changing their
@@ -111,13 +111,13 @@ result of the automatic conversion. If you choose not to make the full
 conversion, you can later use the tools menu item _Tools -&gt; Convert Widgets
 to New Sizes_.
 
-<p><img src="./images/nl7intro/converttool.png" style="width:4in"/></p>
+<p><img src="./images/nl7intro/converttool.webp" style="width:4in"/></p>
 
 You can also switch the size of an individual widget by clicking the _Use old
 sizing_ checkbox. This only holds for widgets that have undergone a size change
 for NetLogo 7. The size of the output area and notes have remained the same.
 
-<p><img src="./images/nl7intro/editslider.png" style="width:4.7in" /></p>
+<p><img src="./images/nl7intro/editslider.webp" style="width:4.7in" /></p>
 
 ## New File Format
 
@@ -161,7 +161,7 @@ There is a new [Align Widgets Menu](/interfacetab#align-widgets-menu). This menu
 only active if more than one element is selected. Only one of a set of related
 options will be explained. Use the link above for more details.
 
-<p><img src="./images/interfacetab/alignwidgetsmenu.png" style="width:3in" /></p>
+<p><img src="./images/interfacetab/alignwidgetsmenu.webp" style="width:3in" /></p>
 
 With Align Left the left-most widget remains in place. The other widgets move to
 align to left-most widget edge.
@@ -192,7 +192,7 @@ The changes to the Info Tab are purely visual. The Find and Edit icons and the
 section headers have been updated, as has the Help Icon that is visible when
 editing the Info Tab.
 
-<p><img src="./images/nl7intro/infotabtoolbaredithelp.png" style="width:4in" /></p>
+<p><img src="./images/nl7intro/infotabtoolbaredithelp.webp" style="width:4in" /></p>
 
 These are the new Info Tab color themes.
 
@@ -214,11 +214,11 @@ Dark Theme
 <tbody>
 <tr>
 <td>
-<img src="./images/nl7intro/infotablight.png" style="width:4in"
+<img src="./images/nl7intro/infotablight.webp" style="width:4in"
 alt="Alt Text" />
 </td>
 <td>
-<img src="./images/nl7intro/infotabdark.png" style="width:4in"
+<img src="./images/nl7intro/infotabdark.webp" style="width:4in"
 alt="Alt Text" />
 </td>
 </tr>
@@ -250,11 +250,11 @@ Dark Theme
 <tbody>
 <tr>
 <td>
-<img src="./images/nl7intro/codetablight.png" style="width:4in"
+<img src="./images/nl7intro/codetablight.webp" style="width:4in"
 alt="Alt Text" />
 </td>
 <td>
-<img src="./images/nl7intro/codetabdark.png" style="width:4in"
+<img src="./images/nl7intro/codetabdark.webp" style="width:4in"
 alt="Alt Text" />
 </td>
 </tr>
@@ -288,7 +288,7 @@ NetLogo settings. On Windows and Linux, it is opened with the Tools menu
 “Preferences” item. For Macs, it’s under the “NetLogo” menu and reads
 “Settings”.
 
-<p><img src="./images/preferences/generalprefs.png" style="width:5in" /></p>
+<p><img src="./images/preferences/generalprefs.webp" style="width:5in" /></p>
 
 Here is a brief description of the new preferences. See the
 [Preferences Documentation](#netlogopreferences) for more details.
@@ -345,10 +345,10 @@ shapes.
 <tbody>
 <tr>
  <td>
-<img src="./images/nl7intro/turtleshapeseditor.png" style="width:3" />
+<img src="./images/nl7intro/turtleshapeseditor.webp" style="width:3" />
 </td>
 <td>
-<img src="./images/nl7intro/linkshapeseditor.png" style="width:3" />
+<img src="./images/nl7intro/linkshapeseditor.webp" style="width:3" />
 </td>
 </tr>
 </tbody>
diff --git a/apps/docs/autogen/netlogopreferences.md b/apps/docs/autogen/netlogopreferences.md
index bedac2a3..80dee383 100644
--- a/apps/docs/autogen/netlogopreferences.md
+++ b/apps/docs/autogen/netlogopreferences.md
@@ -34,10 +34,10 @@ Code Preferences
 <tr>
 <tr>
 <td>
-<img src="./images/preferences/generalprefs.png" style="width:5in" />
+<img src="./images/preferences/generalprefs.webp" style="width:5in" />
 </td>
 <td>
-<img src="./images/preferences/codeprefs.png" style="width:5in" />
+<img src="./images/preferences/codeprefs.webp" style="width:5in" />
 </td>
 </tr>
 </tbody>
@@ -62,10 +62,10 @@ Color Themes
 <tr>
 <tr>
 <td>
-<img src="./images/preferences/loggingprefs.png" style="width:5in" />
+<img src="./images/preferences/loggingprefs.webp" style="width:5in" />
 </td>
 <td>
-<img src="./images/preferences/colorthemes.png" style="width:5in" />
+<img src="./images/preferences/colorthemes.webp" style="width:5in" />
 </td>
 <tr>
 </tbody>
@@ -229,15 +229,15 @@ example of each theme.
 
 ### Light
 
-<img src="./images/nl7intro/inttablight.png" style="width:5in" />
+<img src="./images/nl7intro/inttablight.webp" style="width:5in" />
 
 ### Dark
 
-<img src="./images/nl7intro/inttabdark.png" style="width:5in" />
+<img src="./images/nl7intro/inttabdark.webp" style="width:5in" />
 
 ### Classic
 
-<img src="./images/nl7intro/inttabclassic.png" style="width:5in" />
+<img src="./images/nl7intro/inttabclassic.webp" style="width:5in" />
 
 ### Automatic
 
diff --git a/apps/docs/autogen/programming.md b/apps/docs/autogen/programming.md
index bc6b03b9..3b82e71a 100644
--- a/apps/docs/autogen/programming.md
+++ b/apps/docs/autogen/programming.md
@@ -473,7 +473,7 @@ links) between a pair if they are in opposite directions.
 As part of our network support we have also added several different primitives
 that will help you to visualize the networks. The simplest is [[layout-circle]]
 which evenly spaces the agents around the center of the world given a radius.
-![[programming/circle-layout.png]]
+![[programming/circle-layout.webp]]
 
 [[layout-radial]] is a good layout if you have something like a tree structure,
 though even if there are some cycles in the tree it will still work, though as
@@ -484,13 +484,13 @@ away from the root will be arranged in a circular pattern around the central
 node and the next level around those nodes and so on. [[layout-radial]] will
 attempt to account for asymmetrical graphs and give more space to branches that
 are wider. [[layout-radial]] also takes a breed as an input so you use one breed
-of links to layout the network and not another. ![[programming/radial-layout.png]]
+of links to layout the network and not another. ![[programming/radial-layout.webp]]
 
 Given a set of anchor nodes [[layout-tutte]] places all the other nodes at the
 center of mass of the nodes it is linked to. The anchor set is automatically
 arranged in a circle layout with a user defined radius and the other nodes will
 converge into place (this of course means that you may have to run it several
-times before the layout is stable.) ![[programming/tutte-layout.png]]
+times before the layout is stable.) ![[programming/tutte-layout.webp]]
 
 [[layout-spring]] is useful for many kinds of networks. The drawback is that is
 relatively slow since it takes many iterations to converge. In this layout the
@@ -559,7 +559,7 @@ will be drawn.
 
 Here's some turtles which have made a drawing over a grid of randomly shaded
 patches. Notice how the turtles cover the lines and the lines cover the patch
-colors. The [[pen-size]] used here was 2: ![[color chart|programming/drawing.png]]
+colors. The [[pen-size]] used here was 2: ![[color chart|programming/drawing.webp]]
 
 The [[stamp]] command lets a turtle leave an image of itself behind in the
 drawing and [[stamp-erase]] lets it remove the pixels below it in the drawing.
@@ -1679,10 +1679,10 @@ because they have a shape.)
 
 Wrapping also affects how the view looks when you are following a turtle. On a
 torus, wherever the turtle goes, you will always see the whole world around it:
-![[programming/torus.png]]
+![[programming/torus.webp]]
 
 Whereas in a box or cylinder the world has edges, so the areas past those edges
-show up in the view as gray: ![[programming/box.png]]
+show up in the view as gray: ![[programming/box.webp]]
 
 > **Code Example:** Termites Perspective Demo (torus), Ants Perspective Demo
 > (box)
@@ -2761,7 +2761,7 @@ plotting techniques. Also check out the following code examples:
 
 NetLogo represents colors in different ways. A color can be number in the range
 0 to 140, with the exception of 140 itself. Below is a chart showing the range
-of such NetLogo colors. ![[programming/colors.png]]
+of such NetLogo colors. ![[programming/colors.webp]]
 
 The chart shows that:
 
diff --git a/apps/docs/autogen/resource-manager.md b/apps/docs/autogen/resource-manager.md
index f6aeef4e..78601aba 100644
--- a/apps/docs/autogen/resource-manager.md
+++ b/apps/docs/autogen/resource-manager.md
@@ -5,7 +5,7 @@
 The Resource Manager dialog, shown below, allows you to manipulate the resources
 that are bundled with a model.
 
-![Resource Manager dialog](images/resource-manager/dialog.png)
+![Resource Manager dialog](images/resource-manager/dialog.webp)
 
 You can store any file type in a model using the Resource Manager. Although each
 resource's original file extension is not included in its name, the Resource
diff --git a/apps/docs/autogen/sample.md b/apps/docs/autogen/sample.md
index 143ef84e..37b1f8ee 100644
--- a/apps/docs/autogen/sample.md
+++ b/apps/docs/autogen/sample.md
@@ -35,14 +35,14 @@ Let's use NetLogo to explore this question.
 > **What to do:**
 >
 > 1. Start NetLogo.
-> 2. Choose "Models Library" from the File menu. ![[/file-menu.png]]
+> 2. Choose "Models Library" from the File menu. ![[/file-menu.webp]]
 > 3. Open the "Social Science" folder.
 > 4. Click on the model called "Party".
 > 5. Press the "open" button.
 > 6. Press the "setup" button.
 
 In the view of the model, you will see pink and blue groups with numbers:
-![[Party model|sample/party.png]]
+![[Party model|sample/party.webp]]
 
 These lines represent mingling groups at a party. Men are shown as blue, women
 pink. The numbers are the sizes of the groups.
@@ -81,7 +81,7 @@ There are lots of possible answers to this question about what happens at real
 parties. The designer of this simulation thought that groups at parties don't
 just form randomly. The groups are determined by how the individuals at the
 party behave. The designer chose to focus on a particular variable, called
-"tolerance": ![[The tolerance slider|sample/tolerance.png]]
+"tolerance": ![[The tolerance slider|sample/tolerance.webp]]
 
 Tolerance is defined here as the percentage of people of the opposite sex an
 individual is "comfortable" with. If the individual is in a group that has a
diff --git a/apps/docs/autogen/shapes.md b/apps/docs/autogen/shapes.md
index 18b47b5a..483adfe7 100644
--- a/apps/docs/autogen/shapes.md
+++ b/apps/docs/autogen/shapes.md
@@ -31,7 +31,7 @@ another model.
 **Default shapes**
 
 Here are the turtle shapes that are included by default in every new NetLogo
-model: ![[shapes/shapes.png]]
+model: ![[shapes/shapes.webp]]
 
 First row: default, airplane, arrow, box, bug, butterfly, car Second row:
 circle, circle 2, cow, cylinder, dot, face happy, face neutral Third row: face
@@ -42,11 +42,11 @@ triangle 2, truck, turtle Sixth row: wheel, x
 **Shapes library**
 
 And here are the shapes in the shapes library (including all of the default
-shapes, too): ![[shapes/library.png]]
+shapes, too): ![[shapes/library.webp]]
 
 By default there is only one Link shape in a model, that is "default". This
 shape is simply a single straight line with a simple arrowhead (if the link
-happens to be directed). ![[shapes/defaultlinkshape.png]]
+happens to be directed). ![[shapes/defaultlinkshape.webp]]
 
 ## Creating and editing turtle shapes
 
@@ -159,7 +159,7 @@ to change:
 - Dash pattern of lines: There are several dashed line patterns available in the
   selection boxes so not all lines need be solid.
 
-Here are some link shapes with various properties: ![[shapes/linkshapes.png]]
+Here are some link shapes with various properties: ![[shapes/linkshapes.webp]]
 
 ## Using shapes in a model
 
diff --git a/apps/docs/autogen/systemdynamics.md b/apps/docs/autogen/systemdynamics.md
index 23b7eb0f..4e3d9d80 100644
--- a/apps/docs/autogen/systemdynamics.md
+++ b/apps/docs/autogen/systemdynamics.md
@@ -79,7 +79,7 @@ Wolf Sheep Predation model from the Biology section of Sample Models.
 ## <a id="how" href="#how">How it Works</a>
 
 To open the System Dynamics Modeler, choose the System Dynamics Modeler item in
-the Tools menu. The System Dynamics Modeler window will appear. ![[systemdynamics/window.png]]
+the Tools menu. The System Dynamics Modeler window will appear. ![[systemdynamics/window.webp]]
 
 ### Diagram Tab
 
@@ -89,7 +89,7 @@ The toolbar contains buttons to edit, delete and create items in your diagram.
 
 #### Creating Diagram Elements
 
-![[systemdynamics/elementbuttons.png]]
+![[systemdynamics/elementbuttons.webp]]
 
 A System Dynamics diagram is made up of four kinds of components: Stocks,
 Variables, Flows and Links.
@@ -180,7 +180,7 @@ location.
 
 #### Editing dt
 
-![[systemdynamics/dt.png]]
+![[systemdynamics/dt.webp]]
 
 On the right side of the toolbar is the default dt, the interval used to
 approximate the results of your System Dynamics model. To change the value of
@@ -193,10 +193,10 @@ When you click the "check" button or when you edit a stock, flow, or variable
 the modeler will automatically generate the NetLogo code the corresponds to your
 diagram and try to compile that code. If there is an error the Code tab will
 turn red and a message will appear, and the portion of the generated code that
-is causing the trouble will be highlighted. ![[systemdynamics/error.png]]
+is causing the trouble will be highlighted. ![[systemdynamics/error.webp]]
 
 This should give you a better idea which element in the diagram is causing the
-problem. ![[systemdynamics/errordialog.png]]
+problem. ![[systemdynamics/errordialog.webp]]
 
 ### Code Tab
 
@@ -259,21 +259,21 @@ Let's create a model of Wolf-Sheep Predation with the System Dynamics Modeler.
 ### Step 1: Sheep Reproduction
 
 > - Open a new model in NetLogo.
-> - Launch the System Dynamics Modeler in the Tools menu. ![[systemdynamics/tutorial1.png]]
+> - Launch the System Dynamics Modeler in the Tools menu. ![[systemdynamics/tutorial1.webp]]
 
 Our model will have a population of wolves and a population of sheep. Let's
 start with the sheep. First, create a Stock that holds a population of Sheep.
 
-> - Press the Stock button in the toolbar. ![[systemdynamics/tutorial2-0.png]]
+> - Press the Stock button in the toolbar. ![[systemdynamics/tutorial2-0.webp]]
 > - Click in the diagram area.
 
-You see a Stock with a red question-mark in the middle. ![[systemdynamics/tutorial2-1.png]]
+You see a Stock with a red question-mark in the middle. ![[systemdynamics/tutorial2-1.webp]]
 
 > - Double-click the Stock to edit.
 > - Name the stock `sheep`
 > - Set the initial value to `100`.
 > - Deselect the Allow Negative Values checkbox. It doesn't make sense to have
->   negative sheep! ![[systemdynamics/tutorial2-2.png]]
+>   negative sheep! ![[systemdynamics/tutorial2-2.webp]]
 
 Our sheep population can increase if new sheep are born. To add this to our
 diagram, we create a Flow into the stock of sheep.
@@ -295,7 +295,7 @@ the scope of this model: the rate of reproduction, etc.
 > - Create a Variable and name it `sheep-birth-rate`. Set its value to `0.04`.
 > - Draw a Link from the `sheep-birth-rate` Variable to the `sheep-births`.
 
-Your diagram should look something like this: ![[systemdynamics/tutorial5.png]]
+Your diagram should look something like this: ![[systemdynamics/tutorial5.webp]]
 
 Our diagram has the correct structure but we aren't yet finished because it the
 amount of sheep flowing into the stock doesn't depend upon the number of sheep
@@ -306,7 +306,7 @@ and sheep birth rate.
 
 We now have a complete diagram. To see the NetLogo code generated by our
 diagram, you can click on the Code tab of the System Dynamics Modeler window. It
-looks like this: ![[systemdynamics/tutorial8.png]]
+looks like this: ![[systemdynamics/tutorial8.webp]]
 
 ### Step 2: NetLogo Integration
 
@@ -355,11 +355,11 @@ which eat sheep.
 > - Move back to the System Dynamics window
 > - Add a stock of wolves
 > - Add Flows, Variables and Links to make your diagram look like this:
->   ![[systemdynamics/tutorial9.png]]
+>   ![[systemdynamics/tutorial9.webp]]
 > - Add one more Flow from the `wolves` Stock to the Flow that goes out of the
 >   Sheep stock.
 > - Fill in the names of the diagram elements so it looks like this:
->   ![[systemdynamics/tutorial10.png]]
+>   ![[systemdynamics/tutorial10.webp]]
 >
 >   where initial-value of `wolves` is `30`, `wolf-deaths` is
 >   `wolves * wolf-death-rate`, `wolf-death-rate` is `0.15`,
@@ -371,7 +371,7 @@ which eat sheep.
 >   `dt` in the toolbar of the system dynamics modeler. In the dialog that
 >   appears, enter `0.01`.
 >   <p class="screenshot">
->     <img alt="screen shot" style="height: auto; width: auto; max-width: 40%; max-height: 40%;" src="images/systemdynamics/setdtexample.png" />
+>     <img alt="screen shot" style="height: auto; width: auto; max-width: 40%; max-height: 40%;" src="images/systemdynamics/setdtexample.webp" />
 
 Now we're really done.
 
@@ -380,4 +380,4 @@ Now we're really done.
 > - Press `setup` and `go` to see your System Dynamics Modeler diagram in
 >   action.
 
-You see a plot of the populations that looks like this: ![[systemdynamics/tutorial11.png]]
+You see a plot of the populations that looks like this: ![[systemdynamics/tutorial11.webp]]
diff --git a/apps/docs/autogen/transition.md b/apps/docs/autogen/transition.md
index 2e99f21a..c223f442 100644
--- a/apps/docs/autogen/transition.md
+++ b/apps/docs/autogen/transition.md
@@ -165,11 +165,11 @@ directed, outgoing links, and "in" refers to directed, incoming links.
 
 ##### New link reporter behavior
 
-![Table showing new link behavior](images/transition/new-link-behavior.png)
+![Table showing new link behavior](images/transition/new-link-behavior.webp)
 
 ##### Old link reporter behavior
 
-![Table showing old link behavior](images/transition/old-link-behavior.png)
+![Table showing old link behavior](images/transition/old-link-behavior.webp)
 
 ### Removal of Applets
 
diff --git a/apps/docs/autogen/tutorial1.md b/apps/docs/autogen/tutorial1.md
index c29971a3..e84e22dc 100644
--- a/apps/docs/autogen/tutorial1.md
+++ b/apps/docs/autogen/tutorial1.md
@@ -20,7 +20,7 @@ you're using NetLogo.
 We'll open one of the Sample Models and explore it in detail. Let's try a
 biology model: Wolf Sheep Predation, a predator-prey population model.
 
-> - Open the Models Library from the File menu. ![[file-menu.png]]
+> - Open the Models Library from the File menu. ![[file-menu.webp]]
 > - Choose "Wolf Sheep Predation" from the Biology section and press "Open".
 
 The Interface tab will fill up with lots of buttons, switches, sliders and
@@ -52,9 +52,9 @@ you will first need to set it up.
 When a button is pressed, the model responds with an action. A button can be a
 "once" button, or a "forever" button. You can tell the difference between these
 two types of buttons by a symbol on the face of the button. Forever buttons have
-two arrows in the bottom right corners, like this: ![[tutorial1/goforeverinactive.png]]
+two arrows in the bottom right corners, like this: ![[tutorial1/goforeverinactive.webp]]
 
-Once buttons don't have the arrows, like this: ![[tutorial1/setup.png]]
+Once buttons don't have the arrows, like this: ![[tutorial1/setup.webp]]
 
 Once buttons do one action and then stop. When the action is finished, the
 button pops back up.
@@ -63,7 +63,7 @@ Forever buttons do an action over and over again. When you want the action to
 stop, press the button again. It will finish the current action, then pop back
 up. You may have noticed that the "go" button was gray when you first opened the
 model. That is because it is inactive until the "setup" button is pressed.
-Pressing an inactive button will have no effect. ![[tutorial1/goforeveractive.png]]
+Pressing an inactive button will have no effect. ![[tutorial1/goforeveractive.webp]]
 
 Most models, including Wolf Sheep Predation, have a once button called "setup"
 and a forever button called "go". Many models also have a once button called "go
@@ -86,7 +86,7 @@ middle of an action, and as the result the model could get confused.)
 ## Controlling speed: Speed Slider
 
 The speed slider allows you to control the speed of a model, that is, the speed
-at which turtles move, patches change color, and so on. ![[tutorial1/speed-slider.png]]
+at which turtles move, patches change color, and so on. ![[tutorial1/speed-slider.webp]]
 
 When you move the slider to the left the model slows down so there are longer
 pauses between each tick (time step). That makes it easier to see what is
@@ -111,7 +111,7 @@ deeper understanding of the phenomena being modeled.
 
 Choosers, switches, and sliders give you access to a model's settings. Here are
 the choosers, switches, and sliders in Wolf Sheep Predation:
-![[tutorial1/controllers.png]]
+![[tutorial1/controllers.webp]]
 
 Let's experiment with their effect on the behavior of the model.
 
@@ -229,7 +229,7 @@ from the popup menu.
 ### Monitors
 
 Monitors are another means of displaying information from a model. Here are the
-monitors in Wolf Sheep Predation: ![[tutorial1/monitors.png]]
+monitors in Wolf Sheep Predation: ![[tutorial1/monitors.webp]]
 
 The monitors show us the population of sheep and wolves, and the amount of
 grass. (Remember, the amount of grass is divided by four to keep the plot from
@@ -280,7 +280,7 @@ There are more model settings than there's room for in the toolbar. The
 > - Press the "Settings..." button in the toolbar.
 >
 > A dialog will open containing all the settings for the view:
-> ![[tutorial1/edit-view-properties.png]] | What are the current settings for min-pxcor,
+> ![[tutorial1/edit-view-properties.webp]] | What are the current settings for min-pxcor,
 > max-pxcor, min-pycor, | max-pycor, and patch size?
 >
 > - Press "cancel" to make this window go away without changing the settings.
@@ -312,7 +312,7 @@ Think of the patches as being like square tiles in a room with a tile floor. By
 default, exactly in the middle of the room is a tile labeled (0,0); meaning that
 if the room was divided in half one way and then the other way, these two
 dividing lines would intersect on this tile. We now have a coordinate system
-that will help us locate objects within the room: ![[tutorial1/coords.png]]
+that will help us locate objects within the room: ![[tutorial1/coords.webp]]
 
 > | How many tiles away is the (0,0) tile from the right side of the room?
 >
@@ -320,8 +320,8 @@ that will help us locate objects within the room: ![[tutorial1/coords.png]]
 
 In NetLogo, the number of tiles from right to left is called world-width. And
 the number of tiles from top to bottom is world-height. These numbers are
-defined by top, bottom, left and right boundaries. ![[tutorial1/coords-horizontal.png]]
-![[tutorial1/coords-vertical.png]]
+defined by top, bottom, left and right boundaries. ![[tutorial1/coords-horizontal.webp]]
+![[tutorial1/coords-vertical.webp]]
 
 In these diagrams, max-pxcor is 3 , min-pxcor is -3, max-pycor is 2 and
 min-pycor is -2.
diff --git a/apps/docs/autogen/tutorial2.md b/apps/docs/autogen/tutorial2.md
index 83f2b555..883be156 100644
--- a/apps/docs/autogen/tutorial2.md
+++ b/apps/docs/autogen/tutorial2.md
@@ -53,7 +53,7 @@ NetLogo's agents: turtles, patches, links, and the observer.
 > - Click the mouse in the white box at the bottom of the Command Center.
 > - Type the text shown here:
 >
-> ![[tutorial2/cc-set-patches-yellow.png]]
+> ![[tutorial2/cc-set-patches-yellow.webp]]
 >
 > - Press the return key.
 >
@@ -72,11 +72,11 @@ NetLogo's agents: turtles, patches, links, and the observer.
 > | What happened in the Command Center?
 >
 > You may have noticed that the command you just typed is now displayed in the
-> Command Center as shown below: ![[tutorial2/commandcenterhistory.png]]
+> Command Center as shown below: ![[tutorial2/commandcenterhistory.webp]]
 >
 > - Type in the bottom of the Command Center the text shown below:
 >
-> ![[tutorial2/cc-set-turtles-brown.png]]
+> ![[tutorial2/cc-set-turtles-brown.webp]]
 >
 > | Was the result what you expected?
 >
@@ -84,7 +84,7 @@ NetLogo's agents: turtles, patches, links, and the observer.
 > middle:
 >
 > <p class="screenshot">
->   <img alt="screen shot" width="90%" src="images/tutorial2/export-view-brown-cars-on-yellow.png">
+>   <img alt="screen shot" width="90%" src="images/tutorial2/export-view-brown-cars-on-yellow.webp">
 
 The NetLogo world is a two dimensional world that is made up of turtles,
 patches, links, and an observer. The patches are the ground over which the
@@ -99,7 +99,7 @@ different types.
 
 > - In the Command Center, click on the "observer>" in the bottom left corner:
 >
-> ![[tutorial2/cc-context-menu.png]]
+> ![[tutorial2/cc-context-menu.webp]]
 >
 > - Choose "turtles" from the popup menu.
 > - Type `set color pink` and press return.
@@ -150,7 +150,7 @@ for changing color: [[color]] and [[pcolor]].
 > patches turn red.
 >
 > If you try to ask the patches to `set color red`, an error message occurs:
-> ![[tutorial2/cc-error-patch-color.png]]
+> ![[tutorial2/cc-error-patch-color.webp]]
 >
 > - Type `set pcolor red` instead and press return.
 
@@ -170,7 +170,7 @@ In NetLogo, colors have a numeric value. In all of the exercises we have been
 using the name of the color. This is because NetLogo recognizes 16 different
 color names. This does not mean that NetLogo only recognizes 16 colors. There
 are many shades in between these colors that can be used too. Here's a chart
-that shows the whole NetLogo color space: ![[tutorial2/color chart|/colors.png]]
+that shows the whole NetLogo color space: ![[tutorial2/color chart|/colors.webp]]
 
 To get an intermediate shade, you refer to it by a number instead, or by adding
 or subtracting a number from a name. For example, when you type `set color red`,
@@ -209,7 +209,7 @@ group of blue cars. Let's look at how to change only one car's color.
 >   is highlighted in the view. Select "inspect turtle" from the sub-menu for
 >   the red turtle.
 >
-> A turtle monitor for that car will appear: ![[tutorial2/car-inspector.png]]
+> A turtle monitor for that car will appear: ![[tutorial2/car-inspector.webp]]
 
 The mini-view at the top of the agent monitor will always stay centered on this
 agent. You can zoom the view in and out using the slider below the view and you
@@ -277,7 +277,7 @@ that affect individual turtles, as well as groups of turtles.
 > patch?
 
 If you try to have the observer `ask patch 0 [set pcolor blue]`, you'll get an
-error message: ![[tutorial2/cc-error-expected-number.png]]
+error message: ![[tutorial2/cc-error-expected-number.webp]]
 
 To ask an individual turtle to do something, we use its who number. But patches
 don't have who numbers, therefore we need to refer to them some other way.
@@ -288,7 +288,7 @@ designated in the same way as plotting a point.
 
 > - Open a patch monitor for any patch.
 >
-> ![[tutorial2/patch-inspector.png]]
+> ![[tutorial2/patch-inspector.webp]]
 >
 > The monitor shows that for the patch in the picture, its
 > [pxcor](dictionary#pcor) variable is -19 and its
diff --git a/apps/docs/autogen/tutorial3.md b/apps/docs/autogen/tutorial3.md
index e8b9ed4e..d9c1a1ba 100644
--- a/apps/docs/autogen/tutorial3.md
+++ b/apps/docs/autogen/tutorial3.md
@@ -42,7 +42,7 @@ setup button:
 Now you have a setup button. Pressing the button runs a procedure called
 "setup". A procedure is a sequence of NetLogo commands that we assign a new
 name. We'll define that procedure soon, but we haven't yet. The button refers to
-a procedure that doesn't exist, so the button turns red: ![[tutorial3/errors.png]]
+a procedure that doesn't exist, so the button turns red: ![[tutorial3/errors.webp]]
 
 If you want to see the actual error message, click the button.
 
@@ -57,7 +57,7 @@ Now we'll create the "setup" procedure, so the error message will go away:
 >           reset-ticks
 >         end
 
-When you're done, the Code tab looks like this: ![[tutorial3/setupcode.png]]
+When you're done, the Code tab looks like this: ![[tutorial3/setupcode.webp]]
 
 Note that some lines are indented. Most people find it helpful to indent their
 code. It isn't mandatory, but it makes the code easier to read and change.
@@ -87,7 +87,7 @@ Let's look at what you typed in and see what each line of your procedure does:
 
 When you're done typing, switch to the Interface tab and press the setup button
 you made before. You will see the turtles scattered around the world:
-![[tutorial3/scatter.png]]
+![[tutorial3/scatter.webp]]
 
 Press setup a couple more times, and see how the arrangement of turtles is
 different each time. Note that some turtles may be right on top of each other.
@@ -125,7 +125,7 @@ button, except:
 > - Check the "Forever" checkbox in the edit dialog.
 > - Check the "Disable until ticks start" checkbox too.
 
-![[tutorial3/gobutton.png]]
+![[tutorial3/gobutton.webp]]
 
 The "Forever" checkbox makes the button stay down once pressed, so its commands
 run over and over again, not just once.
@@ -260,7 +260,7 @@ these turtles a nice background against which to move.
 > - Press the setup button.
 
 Voila! A lush NetLogo landscape complete with turtles and green patches appears:
-![[tutorial3/scatter-on-green.png]]
+![[tutorial3/scatter-on-green.webp]]
 
 After seeing the new `setup` procedure work a few times, you may find it helpful
 to read through the procedure definitions again.
@@ -340,7 +340,7 @@ As each turtle wanders, it will lose one unit of energy at each step.
 >   button.
 >
 > You'll see the patches turn black as turtles travel over them.
-> ![[tutorial3/eating-grass.png]]
+> ![[tutorial3/eating-grass.webp]]
 
 ## Monitors
 
@@ -356,7 +356,7 @@ Let's make the first monitor now.
 > - In the dialog type: `count turtles` (see image below).
 > - Press the OK button to close the dialog.
 
-![[tutorial3/monitor-1.png]]
+![[tutorial3/monitor-1.webp]]
 
 [[turtles]] is an "agentset", the set of all turtles. [[count]] tells us how
 many agents are in that set.
@@ -373,7 +373,7 @@ Let's make the second monitor now:
 > - In the Display name section of the dialog box type: `green patches`
 > - Press the OK button to close the dialog box.
 
-![[tutorial3/monitor-2.png]]
+![[tutorial3/monitor-2.webp]]
 
 Here we're using [[count]] again to see how many agents are in an agentset.
 [[patches]] is the set of all the patches, but we don't just want to know how
@@ -407,7 +407,7 @@ information on and off.
 > - Into the Global variable field, type `show-energy?` Don't forget to include
 >   the question mark in the name. (See image below.)
 
-![[tutorial3/switch.png]]
+![[tutorial3/switch.webp]]
 
 > - Now go back to the 'go' procedure using the Code tab with the Toolbar.
 > - Rewrite the `eat-grass` procedure as follows:
@@ -444,7 +444,7 @@ empty string, no text is attached to the turtle.)
 
 When the switch is on, you'll see the energy of each turtle go up each time it
 eats grass. You'll also see its energy going down whenever it moves.
-![[tutorial3/show-energy.png]]
+![[tutorial3/show-energy.webp]]
 
 ## More procedures
 
@@ -540,7 +540,7 @@ procedure calls `reset-ticks` and when our `go` procedure calls `tick`.
 > - Change the name of the new pen to "grass".
 > - Enter `plot count patches with [pcolor = green]` under Pen Update Commands.
 
-When you're done, the dialog should look like this: ![[tutorial3/totals.png]]
+When you're done, the dialog should look like this: ![[tutorial3/totals.webp]]
 
 > - Press OK in the Plot dialog to finish editing.
 
@@ -563,7 +563,7 @@ have the general shape of the one below, though your plot might not look exactly
 the same.
 
 Remember that we left "Auto Scale?" on. This allows the plot to readjust itself
-when it runs out of room. ![[tutorial3/plotwindow.png]]
+when it runs out of room. ![[tutorial3/plotwindow.webp]]
 
 If you forget which pen is which, you can edit the plot and check the "Show
 legend?" checkbox.
diff --git a/apps/docs/autogen/whatis.md b/apps/docs/autogen/whatis.md
index 3238e9f9..275b06f2 100644
--- a/apps/docs/autogen/whatis.md
+++ b/apps/docs/autogen/whatis.md
@@ -1,6 +1,6 @@
 # {{title}}
 
-<p><img width="600" height="300" src="images/whatis/thumbnails.png" alt="">
+<p><img width="600" height="300" src="images/whatis/thumbnails.webp" alt="">
 
 **NetLogo** is a programmable modeling environment for simulating natural and
 social phenomena. It was authored by Uri Wilensky in 1999 and has been in
diff --git a/apps/docs/nuxt.config.static.ts b/apps/docs/nuxt.config.static.ts
new file mode 100644
index 00000000..d90da5a4
--- /dev/null
+++ b/apps/docs/nuxt.config.static.ts
@@ -0,0 +1,146 @@
+import type { DefineNuxtConfig } from 'nuxt/config';
+import { minify } from 'html-minifier-terser';
+import { existsSync,  mkdirSync, writeFileSync } from 'node:fs';
+import { rm,glob, } from 'node:fs/promises';
+
+const staticOverrides: Parameters<DefineNuxtConfig>[0] = {
+  app: {
+    baseURL: "./",
+    cdnURL: "$CDN/",
+  },
+
+  features: {
+    inlineStyles: false,
+    'noScripts': true,
+  },
+
+  experimental: {
+    'payloadExtraction': false,
+  },
+
+  runtimeConfig: {
+    public: {
+      isOffline: true,
+    }
+  },
+
+  sitemap: { enabled: false },
+  gtag: { enabled: false },
+  ogImage: { enabled: false },
+  linkChecker: { enabled: false },
+
+  vite: {
+    css: {
+      modules: {
+        generateScopedName: '[hash:base64:4]'
+      }
+    }
+  },
+
+  nitro: {
+    hooks: {
+      async close() {
+        const cwd = '.output/public'
+        await rm(`${cwd}/__nuxt_content`, { recursive: true, force: true })
+        await rm(`${cwd}/turtles.png`, { force: true })
+        for await (const e of glob(['_nuxt/*.wasm', '_nuxt/*.js'], { cwd }))
+          await rm(`${cwd}/${e}`, { force: true })
+
+        
+        const filesToDelete = [
+          '_content/images/netlogo-logo.webp',
+          '_content/images/banner-dark.webp',
+          '_content/images/banner-with-code.webp',
+          '_content/images/user-manual-logo.webp',
+          '_content/images/interfacetab/plot-dialog.webp',
+          '_content/images/codetab/separatecodetab.webp',
+          '_content/images/nl7intro/start-interface-tab-light.webp',
+          '_content/images/nl7intro/netlogopreferences.webp',
+          '_content/images/nl7intro/modelspeedslider.webp',
+          '_content/images/nl7intro/codetabpreferences.webp',
+          '_content/images/infotab/Perspective Example.webp',
+        ]
+
+        for await (const e of glob(filesToDelete, { cwd }))
+          await rm(`${cwd}/${e}`, { force: true })
+      },
+      'prerender:generate': async (route) => {
+        if (!route.fileName?.endsWith('.html') || !route.contents) return
+
+        const depth = route.route.split('/').filter(Boolean).length - 1
+        const prefix = depth > 0 ? '../'.repeat(depth) : './'
+        // remove the trailing slash since we already have 
+        // a slash at the beginning of each path we want
+        // to modify.
+        // -- Omar I. Jul 13 2026
+        const p = prefix.slice(0, -1)
+
+        
+        // Extract Nuxt UI colors from the HTML into a separate 
+        // CSS file and replace the <style> tag with a <link> tag
+        const m = route.contents.match(/<style id="nuxt-ui-colors">[\s\S]*?<\/style>/)
+        if (m) {
+          const dir = '.output/public/_nuxt'
+          if (!existsSync(dir)) mkdirSync(dir, { recursive: true })
+          const cssPath = `${dir}/ui-colors.css`
+          if (!existsSync(cssPath)) {
+            writeFileSync(cssPath, m[0].replace(/^<style[^>]*>/, '').replace(/<\/style>$/, ''))
+          }
+          route.contents = route.contents.replace(
+            m[0],
+            `<link rel="stylesheet" href="${p}/_nuxt/ui-colors.css">` 
+          )
+        }
+
+        // Transform absolute src/href attributes to relative paths
+        route.contents = route.contents.replace(
+          /\b(src|href)="((?:\$CDN\/|\/)[^"]*)"/g,
+          (m, attr, val) => {
+            const isCDN = val.startsWith('$CDN/')
+            const clean = isCDN ? val.slice('$CDN'.length) : val
+            if (clean.startsWith('//')) return m
+
+            if (attr === 'href') {
+              const [path, ...rest] = clean.split(/([?#])/)
+              const qh = rest.join('')
+              const isAsset = /^\/_nuxt\//.test(path) || /\.[a-z0-9]+$/i.test(path)
+              const suffix = (isCDN || isAsset) ? '' : '.html'
+              const target = path === '/'
+                ? `${prefix}index${suffix}${qh}`
+                : `${p}${path}${suffix}${qh}`
+              return `${attr}="${target}"`
+            }
+
+            return `${attr}="${p}${clean}"`
+          }
+        )
+
+        // Remove crossorigin from stylesheet links 
+        route.contents = route.contents.replace(
+          /<link\b[^>]*>/g,
+          (tag) =>
+            /rel="stylesheet"/.test(tag)
+              ? tag.replace(/\s+crossorigin(="[^"]*")?/g, '')
+              : tag
+        )
+
+        // Remove any empty class/style attributes
+        route.contents = route.contents.replace(
+          /\s+(class|style)="\s*"/g,
+          ''
+        )
+
+        route.contents = await minify(route.contents, {
+          collapseWhitespace: true,
+          removeComments: true,
+          minifyCSS: true,
+          removeRedundantAttributes: true,
+          removeAttributeQuotes: false,
+          keepClosingSlash: true,
+        })
+      }
+    }
+  }
+};
+
+export default staticOverrides;
\ No newline at end of file
diff --git a/apps/docs/nuxt.config.ts b/apps/docs/nuxt.config.ts
index 0bb6dd77..ca95a6e7 100644
--- a/apps/docs/nuxt.config.ts
+++ b/apps/docs/nuxt.config.ts
@@ -5,6 +5,7 @@ import { getDocumentedExtensionBuilders } from '@repo/netlogo-docs/extension-doc
 import { deepMerge } from '@repo/utils/std/objects';
 
 import pdfOverrides from './nuxt.config.pdf';
+import staticOverrides from './nuxt.config.static';
 import { websiteConfigSchema } from './runtime.config';
 
 import * as MarkdownConfig from '@repo/nuxt-core/markdown.config';
@@ -17,10 +18,23 @@ const basePath = process.env['BASE_PATH'] ?? '/';
 const isUsingPdfConfig = process.env['DOCS_ENV_PDF'] === '1';
 const optionalPdfLayer = isUsingPdfConfig ? pdfOverrides : {};
 
+const isUsingStaticConfig = process.env['DOCS_ENV_STATIC'] === '1';
+const optionalStaticLayer = isUsingStaticConfig ? staticOverrides : {};
+
+const optionalLayers = deepMerge(
+  optionalPdfLayer,
+  optionalStaticLayer,
+  { mergeArrays: false },
+)
+
 if (isUsingPdfConfig) {
   console.info('[repo] Running with PDF generation configuration overrides');
 }
 
+if (isUsingStaticConfig) {
+  console.info('[repo] Running with static hosting configuration overrides');
+}
+
 const extensions = (await getDocumentedExtensionBuilders(autogenConfig)).map((ext) => ({
   title: ext.fullName,
   href: `/${ext.name.toLowerCase()}`,
@@ -97,7 +111,7 @@ export default defineNuxtConfig(
         baseURL: basePath,
       },
     },
-    optionalPdfLayer,
+    optionalLayers,
     { mergeArrays: false },
   ),
 );
diff --git a/apps/docs/package.json b/apps/docs/package.json
index 01f5c888..8ec9b640 100644
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -15,7 +15,7 @@
     "docs:clean-up": "bash ./scripts/clean-up.sh",
     "docs:build-and-generate-manual": "bash ./scripts/generate-manual/build-html.sh && yarn run docs:generate-manual",
     "docs:generate-manual": "bash ./scripts/generate-manual/run.sh",
-    "docs:make-static-site": "bash ./scripts/make-static/run.sh .build/latest .build-static",
+    "docs:build:offline": "bash ./scripts/build-offline-site.sh",
     "docs:all": "npm run docs:clean-up && npm run docs:build && npm run docs:generate-manual && npm run docs:deploy",
     "docs:dev": "yarn run nuxt:dev:no-autogen",
     "nuxt:build": "nuxt build",
@@ -41,12 +41,12 @@
     "@nuxtjs/sitemap": "7.4.7",
     "@repo/eslint-config": "0.0.0",
     "@repo/netlogo-docs": "0.0.0",
+    "@repo/nuxt-core": "0.0.0",
     "@repo/tailwind-config": "0.0.0",
     "@repo/template": "0.0.0",
     "@repo/typescript-config": "0.0.0",
     "@repo/utils": "0.0.0",
     "@repo/vue-ui": "1.0.0",
-    "@repo/nuxt-core": "0.0.0",
     "@tailwindcss/postcss": "^4.1.13",
     "@tailwindcss/vite": "^4.1.18",
     "@vueuse/core": "^14.1.0",
@@ -83,12 +83,14 @@
     "@iconify-json/simple-icons": "^1.2.54",
     "@iconify-json/streamline": "^1.2.5",
     "@nuxt/kit": "^4.2.1",
-    "@repo/nuxt-content-assets": "1.5.0",
     "@repo/markdown": "0.0.0",
+    "@repo/nuxt-content-assets": "1.5.0",
+    "@types/html-minifier-terser": "^7.0.2",
     "eslint-plugin-perfectionist": "^4.15.1",
     "extend": "^3.0.2",
     "fs-extra": "^11.3.0",
     "fuse.js": "^7.1.0",
+    "html-minifier-terser": "^7.2.0",
     "mupdf": "^1.27.0",
     "pdf-creator-node": "^2.3.5",
     "puppeteer": "^24.28.0",
diff --git a/apps/docs/scripts/build-offline-site.sh b/apps/docs/scripts/build-offline-site.sh
new file mode 100755
index 00000000..4a9b28a9
--- /dev/null
+++ b/apps/docs/scripts/build-offline-site.sh
@@ -0,0 +1,14 @@
+#!/bin/bash
+# Description: Script to generate offline (file://) html files
+#              for the bundled version of the docs site.
+source .env
+source ${BASH_SOURCE%/*}/../../../scripts/.helpers
+
+TARGET_DIR="$(pwd)/.build"
+
+DOCS_ENV_STATIC=1 yarn run nuxt:generate
+
+mkdir -p "$TARGET_DIR/latest"
+upsert_dir .output/public "$TARGET_DIR/latest"
+
+yarn run docs:generate-manual
diff --git a/apps/docs/scripts/generate-manual/index.cjs b/apps/docs/scripts/generate-manual/index.cjs
index 4e14c2fc..be90366b 100644
--- a/apps/docs/scripts/generate-manual/index.cjs
+++ b/apps/docs/scripts/generate-manual/index.cjs
@@ -429,6 +429,7 @@ async function main() {
   const fullHtmlContent = `
 ${titleHTML}
 ${tocHTML}
+'<div style="page-break-before: always;"></div>'
 ${combinedHtml.filter(Boolean).join('')}
 `;
 
diff --git a/apps/docs/scripts/generate-manual/run.sh b/apps/docs/scripts/generate-manual/run.sh
index 596278f7..78c1e73e 100755
--- a/apps/docs/scripts/generate-manual/run.sh
+++ b/apps/docs/scripts/generate-manual/run.sh
@@ -104,8 +104,12 @@ node scripts/generate-manual/index.cjs \
 
 log "✅ Generated .build/$MANUAL_NAME"
 
-cp ".build/$MANUAL_NAME" .build/${PRODUCT_VERSION}/$MANUAL_NAME
-log "✅ Copied to .build/${PRODUCT_VERSION}/$MANUAL_NAME"
+if [ -d ".build/${PRODUCT_VERSION}" ]; then
+  cp ".build/$MANUAL_NAME" .build/${PRODUCT_VERSION}/$MANUAL_NAME
+  log "✅ Copied to .build/${PRODUCT_VERSION}/$MANUAL_NAME"
+else
+  log "⚠️  Skipping copy to .build/${PRODUCT_VERSION}/$MANUAL_NAME (directory does not exist)"
+fi
 
 if [ -d ".build/latest" ]; then
   cp ".build/$MANUAL_NAME" .build/latest/$MANUAL_NAME
diff --git a/apps/docs/scripts/make-static/globals.d.ts b/apps/docs/scripts/make-static/globals.d.ts
deleted file mode 100644
index 47205039..00000000
--- a/apps/docs/scripts/make-static/globals.d.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-declare global {
-  interface Window {
-    __relativeFilePrefix: string;
-    __allowScriptElements: boolean;
-    readfile: (path: string) => string;
-  }
-}
-
-export {};
diff --git a/apps/docs/scripts/make-static/index.cjs b/apps/docs/scripts/make-static/index.cjs
deleted file mode 100644
index 5291100f..00000000
--- a/apps/docs/scripts/make-static/index.cjs
+++ /dev/null
@@ -1,376 +0,0 @@
-/**
- * @file
- * This script converts HTML URL(s) relative to the root to URL(s) relative to
- * the current page when the root is known. This is applied to [href] and [src]
- * attributes to make a static version (no server needed) of the NetLogo documentation.
- *
- * @license GPL-2.0-or-later
- * @author Omar Ibrahim, Center for Connected Learning, Northwestern University
- * @since 2025
- *
- * Current Issues:
- *  - Scripts cannot be loaded which means interactive functionality is lost.
- *  - Fetch requests in scripts cannot be made, so dynamic loading of content is lost.
- */
-
-const path = require('path');
-const urllib = require('url');
-const glob = require('glob');
-
-const NO_PAGE_CONSOLE = true; // Keep this true to reduce noise in output logs
-
-/**
- *
- * @typedef {import('puppeteer').Browser} Browser
- * @typedef {import('puppeteer').Page} Page
- * @typedef {import('fs-extra')} FsExtra
- * @typedef {import('./globals')}
- */
-
-async function main() {
-  const { args, driver, dependencies, files } = await setup();
-  const { buildDir } = args;
-  const { fs } = dependencies;
-
-  let fileCount = files.length;
-  let filesDone = 0;
-
-  /**
-   * @param {string} fileRelPath
-   */
-  const handler = async (fileRelPath) => {
-    const page = await newPage(driver.browser, buildDir, fs);
-    try {
-      const fileExtension = path.extname(fileRelPath).toLowerCase();
-      switch (fileExtension) {
-        case '.html':
-        case '.htm':
-          await handleHtmlFile(page, fileRelPath, buildDir, fs);
-          break;
-        default:
-          console.warn(`Unsupported file type for static processing: ${fileRelPath}`);
-      }
-    } catch (err) {
-      console.error(`Error processing file ${fileRelPath}:`, err);
-    } finally {
-      filesDone += 1;
-      console.info(`💬 Progress: ${filesDone} / ${fileCount} files processed.`);
-      await page.close();
-    }
-  };
-
-  const batchPromise = async (items, batchSize, fn) => {
-    let promises = [];
-    for (let i = 0; i < items.length; i += batchSize) {
-      const batch = items.slice(i, i + batchSize);
-      batch.forEach((item) => {
-        promises.push(fn(item));
-      });
-      await Promise.all(promises);
-      promises = [];
-    }
-  };
-
-  const BATCH_SIZE = 20;
-  await batchPromise(files, BATCH_SIZE, handler);
-
-  await cleanup(driver);
-}
-
-async function setup() {
-  const missingDependencies = [];
-  for (const dep of ['puppeteer', 'fs-extra']) {
-    try {
-      require.resolve(dep);
-    } catch {
-      missingDependencies.push(dep);
-    }
-  }
-
-  if (missingDependencies.length > 0) {
-    console.error(`Missing dependencies: ${missingDependencies.join(', ')}.`);
-    console.error(`Please install them using: npm install ${missingDependencies.join(' ')}`);
-    process.exit(1);
-  }
-
-  const puppeteer = require('puppeteer');
-  const fs = require('fs-extra');
-
-  const args = process.argv.slice(2);
-  if (args.length < 1) {
-    console.error('Usage: node index.cjs <build-directory>');
-    process.exit(1);
-  }
-
-  const buildDir = path.resolve(process.cwd(), args[0]);
-  if (!fs.existsSync(buildDir)) {
-    console.error(`Build directory does not exist: ${buildDir}`);
-    process.exit(1);
-  }
-
-  const patterns = ['**/*.html', '**/*.htm'];
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const files = await glob.sync(`{${patterns.join(',')}}`, { cwd: buildDir, nodir: true });
-
-  return {
-    args: { buildDir },
-    driver: { browser },
-    dependencies: { fs, puppeteer },
-    files,
-  };
-}
-
-/**
- * @param {Browser} browser
- * @param {string} buildDir
- * @param {FsExtra} fs
- *
- * @returns {Promise<Page>}
- */
-async function newPage(browser, buildDir, fs) {
-  const page = await browser.newPage();
-  await page.setJavaScriptEnabled(false);
-  await page.exposeFunction('readfile', (filePath) => {
-    const absPath = path.isAbsolute(filePath) ? filePath : path.join(buildDir, filePath);
-    return fs.readFileSync(absPath, 'utf-8');
-  });
-  page.on('console', (msg) => {
-    if (NO_PAGE_CONSOLE) return;
-    const type = msg.type();
-    if (type === 'error') return;
-    console[type](`{@page}    ${msg.text()}`);
-  });
-  return page;
-}
-
-async function cleanup(driver) {
-  await driver.browser.close();
-}
-
-/**
- * @param {Page} page
- * @param {string} filePath -- [relative] path to the HTML file
- * @param {string} buildDir -- [absolute] path to the build directory
- * @param {FsExtra} fs
- */
-async function handleHtmlFile(page, filePath, buildDir, fs) {
-  const fullPath = path.join(buildDir, filePath);
-  const fileUrl = urllib.pathToFileURL(fullPath).href;
-  const relativeFilePrefix = path.relative(path.dirname(fullPath), buildDir) || '.';
-
-  await page.evaluateOnNewDocument((prefix) => {
-    window.__relativeFilePrefix = prefix;
-    window.__allowScriptElements = process.env.ALLOW_SCRIPT_ELEMENTS === 'true';
-  }, relativeFilePrefix);
-  await page.goto(fileUrl, { waitUntil: 'networkidle0' });
-
-  await page.evaluate(async () => {
-    /**
-     * @param {string} property
-     * @returns {(element: Element) => void}
-     */
-    const makeRelative = (property) => (element) => {
-      let value = element.getAttribute(property);
-      if (value.startsWith('/')) {
-        console.info(`⏳ Adjusting ${property} from absolute to relative: ${value}`);
-        console.info(`    🔸 Old URL: ${element.getAttribute(property)}`);
-        const [uri, rest] = value.split('#');
-        const uriParts = uri.split('.');
-        if (uriParts.length === 1) {
-          if (uriParts[0] === '/') {
-            uriParts[0] = 'index';
-          }
-          uriParts.push('html');
-        }
-        value = uriParts.join('.') + (rest ? `#${rest}` : '');
-        value = value.replace(/^\//, '');
-        element.setAttribute(property, value);
-        console.info(`    🔹 New URL: ${element.getAttribute(property)}`);
-      }
-    };
-
-    /**
-     * @param {string} href -- via el.getAttribute('href')
-     */
-    const getFilePathFromHref = (href) => {
-      const url = new URL(href, window.location.origin);
-      let filePath = window.__relativeFilePrefix + url.pathname;
-      if (url.hash) {
-        filePath += url.hash;
-      }
-      return filePath;
-    };
-
-    /**
-     * @param {string} filePath
-     * @returns {string} mime type
-     */
-    const getFileMimeType = (filePath) => {
-      if (filePath.includes('.json')) return 'application/json';
-      if (filePath.includes('.jsonld')) return 'application/ld+json';
-      if (filePath.includes('.js')) return 'application/javascript';
-      if (filePath.includes('.css')) return 'text/css';
-      if (filePath.includes('.svg')) return 'image/svg+xml';
-      if (filePath.includes('.png')) return 'image/png';
-      if (filePath.includes('.jpg') || filePath.includes('.jpeg')) return 'image/jpeg';
-      if (filePath.includes('.gif')) return 'image/gif';
-      return 'application/octet-stream';
-    };
-
-    /**
-     *
-     * @param {Element} element
-     * @returns
-     */
-    const respectNoScript = (element) => {
-      if (!window.__allowScriptElements) {
-        element.remove();
-        return true;
-      }
-      return false;
-    };
-
-    /**
-     *
-     * @param {Element} element
-     * @param {string} data
-     */
-    const transformLinkToDataHtml = (element, data) => {
-      if (element.tagName.toLowerCase() === 'script' && !respectNoScript(element)) {
-        element.setAttribute('src', data);
-        console.info(`    ✅ Transformed script[src] to data URL`);
-      } else if (element.tagName.toLowerCase() === 'link') {
-        const rel = element.getAttribute('rel');
-        switch (element.getAttribute('as')) {
-          case 'script': {
-            if (!respectNoScript(element)) {
-              const scriptElement = document.createElement('script');
-              scriptElement.setAttribute('src', data);
-              if (rel === 'modulepreload' || rel === 'prefetch') {
-                scriptElement.setAttribute('type', 'module');
-              }
-              element.parentNode.replaceChild(scriptElement, element);
-              console.info(`    ✅ Transformed link[rel="${rel}"] to script with data URL`);
-            }
-            break;
-          }
-          default:
-            break;
-        }
-      }
-    };
-
-    /**
-     * @param {Element} linkElement
-     * @returns
-     */
-    const inlineStylesheet = async (linkElement) => {
-      const href = linkElement.getAttribute('href');
-      if (!href) return;
-      const filePath = getFilePathFromHref(href);
-      console.info(`🔍 Found stylesheet link: ${href} => ${filePath}`);
-      try {
-        const cssContent = await window.readfile(filePath);
-        const styleElement = document.createElement('style');
-        styleElement.textContent = cssContent;
-        linkElement.parentNode.replaceChild(styleElement, linkElement);
-        console.info(`    ✅ Inlined stylesheet: ${href}`);
-      } catch (err) {
-        console.error(`   ❌ Failed to inline stylesheet: ${href}`, err);
-      }
-    };
-
-    /**
-     *
-     * @param {string} filePath
-     * @param {string} mimeType
-     * @returns {Promise<string>} data URL
-     */
-    const fileToDataUrl = async (filePath, mimeType) => {
-      const content = await window.readfile(filePath);
-
-      const encoder = new TextEncoder();
-      const bytes = encoder.encode(content);
-
-      let binary = '';
-      bytes.forEach((b) => (binary += String.fromCharCode(b)));
-      const base64Content = btoa(binary);
-
-      return `data:${mimeType};base64,${base64Content}`;
-    };
-
-    /**
-     * @param {Element} element
-     * @returns
-     */
-    const inlineData = async (element) => {
-      const href = element.getAttribute('href') || element.getAttribute('src');
-      if (!href || href.startsWith('data:')) return;
-
-      const filePath = getFilePathFromHref(href);
-      const mimeType = getFileMimeType(filePath);
-
-      console.info(`🔍 Found data link: ${href} => ${filePath}`);
-
-      try {
-        const dataUrl = await fileToDataUrl(filePath, mimeType);
-        transformLinkToDataHtml(element, dataUrl);
-        console.info(`    ✅ Inlined data URL: ${href}`);
-      } catch (err) {
-        console.error(`   ❌ Failed to inline data URL: ${href}`, err);
-      }
-    };
-
-    const removeSearchButton = () => {
-      const searchButton = document.querySelector('button span.truncate');
-      if (searchButton && searchButton.textContent.toLowerCase().includes('search')) {
-        searchButton.parentElement.remove();
-        console.info(`✅ Removed search button`);
-      }
-    };
-
-    const removeVersionSelector = () => {
-      const versionSelector = document.querySelector('span.iconify.align-middle');
-      if (versionSelector) {
-        versionSelector.parentElement.remove();
-        console.info(`✅ Removed version selector`);
-      }
-    };
-
-    await Promise.all(Array.from(document.querySelectorAll('link[rel="stylesheet"]')).map(inlineStylesheet));
-
-    const scriptSelectors = ['script[src]', 'link[rel="modulepreload"]', 'link[rel="prefetch"]'];
-    for (const selector of scriptSelectors) {
-      document.querySelectorAll(selector).forEach(respectNoScript);
-    }
-
-    const dataLinkSelectors = [
-      ['preload', 'prefetch', 'dns-prefetch', 'preconnect'].map((as) => `link[rel="${as}"]`),
-      window.__allowScriptElements ? ['link[rel="modulepreload"]', 'script[src]'] : [],
-    ].flat();
-    for (const selector of dataLinkSelectors) {
-      for (const linkEl of document.querySelectorAll(selector)) {
-        await inlineData(linkEl);
-      }
-    }
-
-    document.querySelectorAll('a[href]').forEach(makeRelative('href'));
-    document.querySelectorAll('img[src]').forEach(makeRelative('src'));
-
-    removeSearchButton();
-    removeVersionSelector();
-  });
-
-  const modifiedContent = await page.content();
-  await fs.writeFile(fullPath, modifiedContent, 'utf-8');
-
-  console.info(`✅ Processed HTML file: ${filePath}`);
-}
-
-main().catch((err) => {
-  console.error('Fatal error:', err);
-  console.info(
-    'If this script timed out before it finished handling the first file, try running it again. This commonly happens when puppeteer is unable to launch the browser.',
-  );
-  process.exit(1);
-});
diff --git a/apps/docs/scripts/make-static/jsconfig.json b/apps/docs/scripts/make-static/jsconfig.json
deleted file mode 100644
index 7e4ae8ba..00000000
--- a/apps/docs/scripts/make-static/jsconfig.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "checkJs": true, // Enables type checking for JavaScript files
-    "target": "es2020",
-    "module": "commonjs"
-  },
-  "exclude": ["node_modules"]
-}
diff --git a/apps/docs/scripts/make-static/run.sh b/apps/docs/scripts/make-static/run.sh
deleted file mode 100644
index 5e4b8e6d..00000000
--- a/apps/docs/scripts/make-static/run.sh
+++ /dev/null
@@ -1,64 +0,0 @@
-#!/bin/bash
-
-source .env
-source "$(dirname "${BASH_SOURCE[0]}")/../../../../scripts/.helpers"
-
-ALLOW_SCRIPT_ELEMENTS=${ALLOW_SCRIPT_ELEMENTS:-"false"}
-if [ $ALLOW_SCRIPT_ELEMENTS = "true" ]; then
-  log_warn " Warning: Script elements will be allowed in the static site. This will not work as intended."
-else
-  log_info "Info: Script elements will be removed from the static site."
-fi
-
-if [ "$#" -ne 2 ]; then
-  log "Usage: $0 <build-directory> <target-directory>"
-  exit 1
-fi
-
-extensions=$(find $REPO_ROOT/external/extensions -name documentation.yaml | awk -F'/' '{print $(NF-1)}' | paste -sd' ' -)
-
-buildDir="$1"
-targetDir="$2"
-
-if [ ! -d "$buildDir" ]; then
-  log_error "Build directory does not exist: $buildDir"
-  exit 1
-fi
-
-if [ -d "$targetDir" ]; then
-  log_speak "Target directory already exists, removing: $targetDir"
-  rm -rf "$targetDir"
-fi
-
-cp -r "$buildDir" "$targetDir"
-
-for ext in $extensions; do
-  extDir="$targetDir/$ext"
-  if [ -d "$extDir" ]; then
-    log "🗑️ Removing extension directory from static site: $extDir"
-    rm -rf "$extDir"
-  fi
-done
-if [ ! $ALLOW_SCRIPT_ELEMENTS = "true" ]; then
-  log "🗑️ Removing script elements from static site."
-  find "$targetDir" -name "*.js" -type f -delete
-fi
-unwantedDirs=("__og-image__", "__sitemap__", "dict")
-for dir in "${unwantedDirs[@]}"; do
-  if [ -d "$targetDir/$dir" ]; then
-    log "🗑️ Removing unwanted directory from static site: $dir"
-    rm -rf "$targetDir/$dir"
-  fi
-done
-
-log "🗑️ Removing payloads from static site"
-find "$targetDir" -type f -name "_payload.json" -delete
-
-log "🗑️ Removing empty directories from static site"
-find "$targetDir" -type d -empty -delete
-
-log_success "Copied static site from $buildDir to $targetDir"
-
-node scripts/make-static/index.cjs "$targetDir"
-
-exit 0
diff --git a/package.json b/package.json
index 6c9bacfe..3904e21f 100644
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
     "@nuxt/schema": "4.1.2",
     "@nuxt/content": "3.7.1",
     "@nuxt/ui": "^4.2.1",
-    "@nuxt/kit": "^4.1.1",
+    "@nuxt/kit": "4.1.1",
     "@nuxtjs/color-mode": "^3.5.2",
     "better-sqlite3": "12.4.1",
     "prettier": "3.6.2",
diff --git a/packages/vue-ui/src/components/navbar/Navbar.module.scss b/packages/vue-ui/src/components/navbar/Navbar.module.scss
index e11e6e5c..0d48043a 100644
--- a/packages/vue-ui/src/components/navbar/Navbar.module.scss
+++ b/packages/vue-ui/src/components/navbar/Navbar.module.scss
@@ -127,6 +127,7 @@
   background: var(--color-nav-hover);
 }
 
+[data-mode="offline"] .item:hover > .dropdown,
 .item:hover:not(:has(.dropdown:hover)) > .dropdown,
 .dropdown.open,
 .dropdown:has(> *:focus-visible) {
diff --git a/yarn.lock b/yarn.lock
index 68a0cecc..24eb1474 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2507,19 +2507,19 @@
   optionalDependencies:
     ipx "^3.1.1"
 
-"@nuxt/kit@4.1.2", "@nuxt/kit@^3.10.3", "@nuxt/kit@^3.13.2", "@nuxt/kit@^3.15.4", "@nuxt/kit@^3.17.5", "@nuxt/kit@^3.19.2", "@nuxt/kit@^3.4.0", "@nuxt/kit@^4.0.3", "@nuxt/kit@^4.1.1", "@nuxt/kit@^4.1.2", "@nuxt/kit@^4.1.3", "@nuxt/kit@^4.2.0", "@nuxt/kit@^4.2.1", "@nuxt/kit@^4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-4.2.2.tgz#f3f900a59e8c8f71313e31366c9319806ac9c9e7"
-  integrity sha512-ZAgYBrPz/yhVgDznBNdQj2vhmOp31haJbO0I0iah/P9atw+OHH7NJLUZ3PK+LOz/0fblKTN1XJVSi8YQ1TQ0KA==
+"@nuxt/kit@4.1.1", "@nuxt/kit@4.1.2", "@nuxt/kit@^3.10.3", "@nuxt/kit@^3.13.2", "@nuxt/kit@^3.15.4", "@nuxt/kit@^3.17.5", "@nuxt/kit@^3.19.2", "@nuxt/kit@^3.4.0", "@nuxt/kit@^4.0.3", "@nuxt/kit@^4.1.1", "@nuxt/kit@^4.1.2", "@nuxt/kit@^4.1.3", "@nuxt/kit@^4.2.0", "@nuxt/kit@^4.2.1", "@nuxt/kit@^4.2.2":
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/@nuxt/kit/-/kit-4.1.1.tgz#8e67ceccd8d49f054ccdffcf2e6c2fe224698258"
+  integrity sha512-2MGfOXtbcxdkbUNZDjyEv4xmokicZhTrQBMrmNJQztrePfpKOVBe8AiGf/BfbHelXMKio5PgktiRoiEIyIsX4g==
   dependencies:
-    c12 "^3.3.2"
+    c12 "^3.2.0"
     consola "^3.4.2"
     defu "^6.1.4"
     destr "^2.0.5"
     errx "^0.1.0"
-    exsolve "^1.0.8"
+    exsolve "^1.0.7"
     ignore "^7.0.5"
-    jiti "^2.6.1"
+    jiti "^2.5.1"
     klona "^2.0.6"
     mlly "^1.8.0"
     ohash "^2.0.11"
@@ -2527,10 +2527,12 @@
     pkg-types "^2.3.0"
     rc9 "^2.1.2"
     scule "^1.3.0"
-    semver "^7.7.3"
-    tinyglobby "^0.2.15"
+    semver "^7.7.2"
+    std-env "^3.9.0"
+    tinyglobby "^0.2.14"
     ufo "^1.6.1"
     unctx "^2.4.1"
+    unimport "^5.2.0"
     untyped "^2.0.0"
 
 "@nuxt/module-builder@^0.5.5":
@@ -4544,6 +4546,11 @@
   dependencies:
     "@types/unist" "*"
 
+"@types/html-minifier-terser@^7.0.2":
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-7.0.2.tgz#2290fa13e6e49b6cc0ab0afa2d6cf6a66feedb48"
+  integrity sha512-mm2HqV22l8lFQh4r2oSsOEVea+m0qqxEmwpc9kC1p/XzmjLWrReR9D/GRs8Pex2NX/imyEH9c5IU/7tMBQCHOA==
+
 "@types/ini@^4.1.1":
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/@types/ini/-/ini-4.1.1.tgz#6984664a8cc74c3348f4049d0bf2b1ab2d061ca3"
@@ -5058,6 +5065,18 @@
     chai "^6.2.1"
     tinyrainbow "^3.0.3"
 
+"@vitest/expect@4.1.10":
+  version "4.1.10"
+  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-4.1.10.tgz#799c06fc44bb0cf7e2784137b627c5cc173285d4"
+  integrity sha512-YsCn+qAk1GWjQOWFEsEcL2gNQ0zmVmQu3T03qP6UyjhtmdtwtbuI+DASn/7iQB3HGTXkdBwGddzxPlmiql5vlA==
+  dependencies:
+    "@standard-schema/spec" "^1.1.0"
+    "@types/chai" "^5.2.2"
+    "@vitest/spy" "4.1.10"
+    "@vitest/utils" "4.1.10"
+    chai "^6.2.2"
+    tinyrainbow "^3.1.0"
+
 "@vitest/mocker@4.0.18":
   version "4.0.18"
   resolved "https://registry.yarnpkg.com/@vitest/mocker/-/mocker-4.0.18.tgz#b9735da114ef65ea95652c5bdf13159c6fab4865"
@@ -5067,6 +5086,15 @@
     estree-walker "^3.0.3"
     magic-string "^0.30.21"
 
+"@vitest/mocker@4.1.10":
+  version "4.1.10"
+  resolved "https://registry.yarnpkg.com/@vitest/mocker/-/mocker-4.1.10.tgz#2413987ab4cd7fa1c2b614b404c407bf6ad1ead1"
+  integrity sha512-v0xaezt+DKEmKfaxg133ldzADrwLGd7Ze1MfQQTYfvs8OqZIwbxyxaYURivwV7sWy5fqn3rH5uOrSp07bp44Ow==
+  dependencies:
+    "@vitest/spy" "4.1.10"
+    estree-walker "^3.0.3"
+    magic-string "^0.30.21"
+
 "@vitest/pretty-format@4.0.18":
   version "4.0.18"
   resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-4.0.18.tgz#fbccd4d910774072ec15463553edb8ca5ce53218"
@@ -5074,6 +5102,13 @@
   dependencies:
     tinyrainbow "^3.0.3"
 
+"@vitest/pretty-format@4.1.10":
+  version "4.1.10"
+  resolved "https://registry.yarnpkg.com/@vitest/pretty-format/-/pretty-format-4.1.10.tgz#75542e7273a08cc10fd4d8dad4e3eb1f16cd958c"
+  integrity sha512-W1HsjSH4MXQ9YfmmhLAoIYf1HRfekQCGngeIgcei6MP5QQGWUe0gkopdZQaVCFO+JDJMrAJGwa5pRpNpvy4P8Q==
+  dependencies:
+    tinyrainbow "^3.1.0"
+
 "@vitest/runner@4.0.18":
   version "4.0.18"
   resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-4.0.18.tgz#c2c0a3ed226ec85e9312f9cc8c43c5b3a893a8b1"
@@ -5082,6 +5117,14 @@
     "@vitest/utils" "4.0.18"
     pathe "^2.0.3"
 
+"@vitest/runner@4.1.10":
+  version "4.1.10"
+  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-4.1.10.tgz#febf0a21a9168421422d1955370e606feab60355"
+  integrity sha512-IKI6kpIH+LmpROplyLwBBaCfMgOZOMsygVa6BARD6ahA04VRuJSa6OaVG7kRvSEMD870Vd91rSSw0eegtWyLGg==
+  dependencies:
+    "@vitest/utils" "4.1.10"
+    pathe "^2.0.3"
+
 "@vitest/snapshot@4.0.18":
   version "4.0.18"
   resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-4.0.18.tgz#bcb40fd6d742679c2ac927ba295b66af1c6c34c5"
@@ -5091,11 +5134,26 @@
     magic-string "^0.30.21"
     pathe "^2.0.3"
 
+"@vitest/snapshot@4.1.10":
+  version "4.1.10"
+  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-4.1.10.tgz#7e3e9fec7d4d47232e493cfdcbd2170de4371c04"
+  integrity sha512-xRkfOT1qpTAi/Ti4Y1LtfRc3kEuqxGw59eN2jN9pRWMtS/XDevekhcFSqvQqjUNGksfjMJu3Y+oJ+4Ypn2OaJw==
+  dependencies:
+    "@vitest/pretty-format" "4.1.10"
+    "@vitest/utils" "4.1.10"
+    magic-string "^0.30.21"
+    pathe "^2.0.3"
+
 "@vitest/spy@4.0.18":
   version "4.0.18"
   resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-4.0.18.tgz#ba0f20503fb6d08baf3309d690b3efabdfa88762"
   integrity sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==
 
+"@vitest/spy@4.1.10":
+  version "4.1.10"
+  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-4.1.10.tgz#5c0bfa97b56bba9e37403c976db776ff6ab56f65"
+  integrity sha512-PLf/Ugvoq5wO/b4rwYCR1h2PSIdXz7wnkQFMiUpLdtM7l6pqVFcQIBEHyT1+l+cj7mNwAfZHzqXqDyjvOuwbDw==
+
 "@vitest/utils@4.0.18":
   version "4.0.18"
   resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-4.0.18.tgz#9636b16d86a4152ec68a8d6859cff702896433d4"
@@ -5104,6 +5162,15 @@
     "@vitest/pretty-format" "4.0.18"
     tinyrainbow "^3.0.3"
 
+"@vitest/utils@4.1.10":
+  version "4.1.10"
+  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-4.1.10.tgz#ffc71055f18bfccb1fd0586365ebc2824892e403"
+  integrity sha512-fy9am/HWxbaGt/Sawrp90vt6Y6jQwf1RX77cz3uwoJwJVMli/e1IEwRPnMNJ7vKfPTwo0diXifkpPvwH9v7nGA==
+  dependencies:
+    "@vitest/pretty-format" "4.1.10"
+    convert-source-map "^2.0.0"
+    tinyrainbow "^3.1.0"
+
 "@volar/language-core@2.4.15":
   version "2.4.15"
   resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-2.4.15.tgz#759d04cb4eab9920560b8bcfa4515d5b08a1b7ce"
@@ -5200,35 +5267,35 @@
     "@babel/parser" "^7.28.0"
     "@vue/compiler-sfc" "^3.5.18"
 
-"@vue/compiler-core@3.5.29", "@vue/compiler-core@3.5.30", "@vue/compiler-core@^3.5.21", "@vue/compiler-core@^3.5.24":
-  version "3.5.30"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.30.tgz#0f984da9207f24f9ddfb700052a43247a953fd9a"
-  integrity sha512-s3DfdZkcu/qExZ+td75015ljzHc6vE+30cFMGRPROYjqkroYI5NV2X1yAMX9UeyBNWB9MxCfPcsjpLS11nzkkw==
+"@vue/compiler-core@3.5.24", "@vue/compiler-core@^3.5.21":
+  version "3.5.24"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.24.tgz#1853f4b7d7090033cd9041aab6e7e8017d66c39c"
+  integrity sha512-eDl5H57AOpNakGNAkFDH+y7kTqrQpJkZFXhWZQGyx/5Wh7B1uQYvcWkvZi11BDhscPgj8N7XV3oRwiPnx1Vrig==
   dependencies:
-    "@babel/parser" "^7.29.0"
-    "@vue/shared" "3.5.30"
-    entities "^7.0.1"
+    "@babel/parser" "^7.28.5"
+    "@vue/shared" "3.5.24"
+    entities "^4.5.0"
     estree-walker "^2.0.2"
     source-map-js "^1.2.1"
 
-"@vue/compiler-dom@3.5.24", "@vue/compiler-dom@3.5.29", "@vue/compiler-dom@^3.5.0", "@vue/compiler-dom@^3.5.24":
-  version "3.5.30"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.30.tgz#a38dbdd520479244c8b673123b4bd06a82e733ee"
-  integrity sha512-eCFYESUEVYHhiMuK4SQTldO3RYxyMR/UQL4KdGD1Yrkfdx4m/HYuZ9jSfPdA+nWJY34VWndiYdW/wZXyiPEB9g==
+"@vue/compiler-dom@3.5.24", "@vue/compiler-dom@^3.5.0":
+  version "3.5.24"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.24.tgz#b02e98749c377d6d2ba30dc2e94ce0f5b0af060c"
+  integrity sha512-1QHGAvs53gXkWdd3ZMGYuvQFXHW4ksKWPG8HP8/2BscrbZ0brw183q2oNWjMrSWImYLHxHrx1ItBQr50I/q2zw==
   dependencies:
-    "@vue/compiler-core" "3.5.30"
-    "@vue/shared" "3.5.30"
+    "@vue/compiler-core" "3.5.24"
+    "@vue/shared" "3.5.24"
 
-"@vue/compiler-sfc@3.5.24", "@vue/compiler-sfc@^3.5.17", "@vue/compiler-sfc@^3.5.18", "@vue/compiler-sfc@^3.5.24":
-  version "3.5.29"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.29.tgz#8b1b0707fb53c122fedd566244a564eaf40ee71f"
-  integrity sha512-oJZhN5XJs35Gzr50E82jg2cYdZQ78wEwvRO6Y63TvLVTc+6xICzJHP1UIecdSPPYIbkautNBanDiWYa64QSFIA==
+"@vue/compiler-sfc@3.5.24", "@vue/compiler-sfc@^3.5.17", "@vue/compiler-sfc@^3.5.18":
+  version "3.5.24"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.24.tgz#7cc3329b672b7b75d04a71eabe81bc84209dfa9f"
+  integrity sha512-8EG5YPRgmTB+YxYBM3VXy8zHD9SWHUJLIGPhDovo3Z8VOgvP+O7UP5vl0J4BBPWYD9vxtBabzW1EuEZ+Cqs14g==
   dependencies:
-    "@babel/parser" "^7.29.0"
-    "@vue/compiler-core" "3.5.29"
-    "@vue/compiler-dom" "3.5.29"
-    "@vue/compiler-ssr" "3.5.29"
-    "@vue/shared" "3.5.29"
+    "@babel/parser" "^7.28.5"
+    "@vue/compiler-core" "3.5.24"
+    "@vue/compiler-dom" "3.5.24"
+    "@vue/compiler-ssr" "3.5.24"
+    "@vue/shared" "3.5.24"
     estree-walker "^2.0.2"
     magic-string "^0.30.21"
     postcss "^8.5.6"
@@ -6186,24 +6253,6 @@ c12@^3.3.1:
     pkg-types "^2.3.0"
     rc9 "^2.1.2"
 
-c12@^3.3.2:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/c12/-/c12-3.3.3.tgz#cab6604e6e6117fc9e62439a8e8144bbbe5edcd6"
-  integrity sha512-750hTRvgBy5kcMNPdh95Qo+XUBeGo8C7nsKSmedDmaQI+E0r82DwHeM6vBewDe4rGFbnxoa4V9pw+sPh5+Iz8Q==
-  dependencies:
-    chokidar "^5.0.0"
-    confbox "^0.2.2"
-    defu "^6.1.4"
-    dotenv "^17.2.3"
-    exsolve "^1.0.8"
-    giget "^2.0.0"
-    jiti "^2.6.1"
-    ohash "^2.0.11"
-    pathe "^2.0.3"
-    perfect-debounce "^2.0.0"
-    pkg-types "^2.3.0"
-    rc9 "^2.1.2"
-
 cac@^6.7.14:
   version "6.7.14"
   resolved "https://registry.yarnpkg.com/cac/-/cac-6.7.14.tgz#804e1e6f506ee363cb0e3ccbb09cad5dd9870959"
@@ -6240,6 +6289,14 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
+camel-case@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
+  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+  dependencies:
+    pascal-case "^3.1.2"
+    tslib "^2.0.3"
+
 camelcase-keys@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
@@ -6298,6 +6355,11 @@ chai@^6.2.1:
   resolved "https://registry.yarnpkg.com/chai/-/chai-6.2.1.tgz#d1e64bc42433fbee6175ad5346799682060b5b6a"
   integrity sha512-p4Z49OGG5W/WBCPSS/dH3jQ73kD6tiMmUM+bckNK6Jr5JHMG3k9bg/BvKR8lKmtVBKmOiuVaV2ws8s9oSbwysg==
 
+chai@^6.2.2:
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/chai/-/chai-6.2.2.tgz#ae41b52c9aca87734505362717f3255facda360e"
+  integrity sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==
+
 chalk@^4.0.0:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
@@ -6381,7 +6443,7 @@ chokidar-cli@^3.0.0:
     lodash.throttle "^4.1.1"
     yargs "^13.3.0"
 
-chokidar@^3.5.2, chokidar@^3.5.3, chokidar@^3.6.0, chokidar@^4.0.0, chokidar@^4.0.3, chokidar@^5.0.0:
+chokidar@^3.5.2, chokidar@^3.5.3, chokidar@^3.6.0, chokidar@^4.0.0, chokidar@^4.0.3:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
   integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
@@ -6458,6 +6520,13 @@ class-variance-authority@^0.7.1:
   dependencies:
     clsx "^2.1.1"
 
+clean-css@~5.3.2:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd"
+  integrity sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==
+  dependencies:
+    source-map "~0.6.0"
+
 clean-regexp@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/clean-regexp/-/clean-regexp-1.0.0.tgz#8df7c7aae51fd36874e8f8d05b9180bc11a3fed7"
@@ -6584,6 +6653,11 @@ comma-separated-tokens@^2.0.0:
   resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee"
   integrity sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==
 
+commander@^10.0.0:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-10.0.1.tgz#881ee46b4f77d1c1dccc5823433aa39b022cbe06"
+  integrity sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==
+
 commander@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-11.1.0.tgz#62fdce76006a68e5c1ab3314dc92e800eb83d906"
@@ -7305,6 +7379,14 @@ domutils@^3.0.1:
     domelementtype "^2.3.0"
     domhandler "^5.0.3"
 
+dot-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
+  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
 dot-prop@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-10.1.0.tgz#91dbeb6771a9d2c31eab11ade3fdb1d83c4376c4"
@@ -7497,7 +7579,7 @@ enhanced-resolve@^5.18.3:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
-entities@^4.2.0, entities@^4.4.0:
+entities@^4.2.0, entities@^4.4.0, entities@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
   integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
@@ -7507,11 +7589,6 @@ entities@^6.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-6.0.1.tgz#c28c34a43379ca7f61d074130b2f5f7020a30694"
   integrity sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==
 
-entities@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-7.0.1.tgz#26e8a88889db63417dcb9a1e79a3f1bc92b5976b"
-  integrity sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==
-
 env-paths@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
@@ -7631,6 +7708,11 @@ es-module-lexer@^1.7.0:
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.7.0.tgz#9159601561880a85f2734560a9099b2c31e5372a"
   integrity sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==
 
+es-module-lexer@^2.0.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-2.3.1.tgz#5bf2df06999dbbe5f006a5f46a11fb9f5b7b391b"
+  integrity sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==
+
 es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
@@ -8286,6 +8368,11 @@ expect-type@^1.2.2:
   resolved "https://registry.yarnpkg.com/expect-type/-/expect-type-1.3.0.tgz#0d58ed361877a31bbc4dd6cf71bbfef7faf6bd68"
   integrity sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==
 
+expect-type@^1.3.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/expect-type/-/expect-type-1.4.0.tgz#24edf7f0cc69a44d008567ba4594ab96f3c3a3d6"
+  integrity sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==
+
 expect@^29.0.0, expect@^29.7.0:
   version "29.7.0"
   resolved "https://registry.yarnpkg.com/expect/-/expect-29.7.0.tgz#578874590dcb3214514084c08115d8aee61e11bc"
@@ -8302,11 +8389,6 @@ exsolve@^1.0.5, exsolve@^1.0.7:
   resolved "https://registry.yarnpkg.com/exsolve/-/exsolve-1.0.7.tgz#3b74e4c7ca5c5f9a19c3626ca857309fa99f9e9e"
   integrity sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==
 
-exsolve@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/exsolve/-/exsolve-1.0.8.tgz#7f5e34da61cd1116deda5136e62292c096f50613"
-  integrity sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==
-
 extend@^3.0.0, extend@^3.0.2, extend@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
@@ -9420,6 +9502,19 @@ html-escaper@^2.0.0:
   resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
   integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
 
+html-minifier-terser@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-7.2.0.tgz#18752e23a2f0ed4b0f550f217bb41693e975b942"
+  integrity sha512-tXgn3QfqPIpGl9o+K5tpcj3/MN4SfLtsx2GWwBC3SSd0tXQGyF3gsSqad8loJgKZGM3ZxbYDd5yhiBIdWpmvLA==
+  dependencies:
+    camel-case "^4.1.2"
+    clean-css "~5.3.2"
+    commander "^10.0.0"
+    entities "^4.4.0"
+    param-case "^3.0.4"
+    relateurl "^0.2.7"
+    terser "^5.15.1"
+
 html-pdf@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/html-pdf/-/html-pdf-3.0.1.tgz#5a8f7b6bd49d624345938952f24b47e4a08f14db"
@@ -11122,6 +11217,13 @@ loud-rejection@^1.0.0:
     currently-unhandled "^0.4.1"
     signal-exit "^3.0.0"
 
+lower-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
+  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
+  dependencies:
+    tslib "^2.0.3"
+
 lru-cache@^10.2.0, lru-cache@^10.4.3:
   version "10.4.3"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
@@ -12250,6 +12352,14 @@ nlcst-to-string@^4.0.0:
   dependencies:
     "@types/nlcst" "^2.0.0"
 
+no-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
+  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+  dependencies:
+    lower-case "^2.0.2"
+    tslib "^2.0.3"
+
 node-abi@^3.3.0:
   version "3.77.0"
   resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.77.0.tgz#3ad90d5c9d45663420e5aa4ff58dbf4e3625419a"
@@ -13025,6 +13135,14 @@ pako@^0.2.5:
   resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
   integrity sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==
 
+param-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -13133,6 +13251,14 @@ parseurl@^1.3.3:
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
   integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
 
+pascal-case@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
+  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
 path-browserify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
@@ -14282,6 +14408,11 @@ reka-ui@2.6.1, reka-ui@^2.0.0, reka-ui@^2.6.0:
     defu "^6.1.4"
     ohash "^2.0.11"
 
+relateurl@^0.2.7:
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
+  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
+
 remark-directive-rehype@^0.4.2:
   version "0.4.2"
   resolved "https://registry.yarnpkg.com/remark-directive-rehype/-/remark-directive-rehype-0.4.2.tgz#044040455523a3281a7be7fdde304714d29021b5"
@@ -15246,7 +15377,7 @@ source-map-support@~0.5.20:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
@@ -15362,6 +15493,11 @@ std-env@^3.7.0, std-env@^3.8.0, std-env@^3.8.1, std-env@^3.9.0:
   resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.9.0.tgz#1a6f7243b339dca4c9fd55e1c7504c77ef23e8f1"
   integrity sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==
 
+std-env@^4.0.0-rc.1:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/std-env/-/std-env-4.2.0.tgz#8ebe0ec60485668ab47227b312f4254cdf80c9d3"
+  integrity sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==
+
 stop-iteration-iterator@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz#f481ff70a548f6124d0312c3aa14cbfa7aa542ad"
@@ -15788,6 +15924,16 @@ tar@^7.4.0, tar@^7.4.3:
     minizlib "^3.1.0"
     yallist "^5.0.0"
 
+terser@^5.15.1:
+  version "5.49.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.49.0.tgz#30b341fdf70cfc98486965125ae660fda8403670"
+  integrity sha512-SNiDnXyHSrxVcIOtVbULzcTmniUiwcV7Nwdyj1twVubeTmbjoa8p69KKDpfkdoOavuM4/GRm1+ykI8qqnavHoA==
+  dependencies:
+    "@jridgewell/source-map" "^0.3.3"
+    acorn "^8.15.0"
+    commander "^2.20.0"
+    source-map-support "~0.5.20"
+
 terser@^5.17.4:
   version "5.44.0"
   resolved "https://registry.yarnpkg.com/terser/-/terser-5.44.0.tgz#ebefb8e5b8579d93111bfdfc39d2cf63879f4a82"
@@ -15884,6 +16030,11 @@ tinyrainbow@^3.0.3:
   resolved "https://registry.yarnpkg.com/tinyrainbow/-/tinyrainbow-3.0.3.tgz#984a5b1c1b25854a9b6bccbe77964d0593d1ea42"
   integrity sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==
 
+tinyrainbow@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/tinyrainbow/-/tinyrainbow-3.1.0.tgz#1d8a623893f95cf0a2ddb9e5d11150e191409421"
+  integrity sha512-Bf+ILmBgretUrdJxzXM0SgXLZ3XfiaUuOj/IKQHuTXip+05Xn+uyEYdVg0kYDipTBcLrCVyUzAPz7QmArb0mmw==
+
 tldts-core@^6.1.86:
   version "6.1.86"
   resolved "https://registry.yarnpkg.com/tldts-core/-/tldts-core-6.1.86.tgz#a93e6ed9d505cb54c542ce43feb14c73913265d8"
@@ -16030,7 +16181,7 @@ tsconfck@^3.0.3:
   resolved "https://registry.yarnpkg.com/tsconfck/-/tsconfck-3.1.6.tgz#da1f0b10d82237ac23422374b3fce1edb23c3ead"
   integrity sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==
 
-tslib@^2.0.0, tslib@^2.0.1, tslib@^2.4.0, tslib@^2.8.0:
+tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.4.0, tslib@^2.8.0:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
   integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
@@ -16859,7 +17010,7 @@ vite-tsconfig-paths@^5.1.4:
     globrex "^0.1.2"
     tsconfck "^3.0.3"
 
-"vite@^5.0.0 || ^6.0.0 || ^7.0.0-0", "vite@^6.0.0 || ^7.0.0", vite@^7.1.5, vite@^7.2.4:
+"vite@^5.0.0 || ^6.0.0 || ^7.0.0-0", "vite@^6.0.0 || ^7.0.0", "vite@^6.0.0 || ^7.0.0 || ^8.0.0", vite@^7.1.5, vite@^7.2.4:
   version "7.3.0"
   resolved "https://registry.yarnpkg.com/vite/-/vite-7.3.0.tgz#066c7a835993a66e82004eac3e185d0d157fd658"
   integrity sha512-dZwN5L1VlUBewiP6H9s2+B3e3Jg96D0vzN+Ry73sOefebhYr9f94wwkMNN/9ouoU8pV1BqA1d1zGk8928cx0rg==
@@ -16881,29 +17032,29 @@ vitest-environment-nuxt@^1.0.1:
     "@nuxt/test-utils" ">=3.13.1"
 
 vitest@^4.0.0, vitest@^4.0.16:
-  version "4.0.18"
-  resolved "https://registry.yarnpkg.com/vitest/-/vitest-4.0.18.tgz#56f966353eca0b50f4df7540cd4350ca6d454a05"
-  integrity sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==
-  dependencies:
-    "@vitest/expect" "4.0.18"
-    "@vitest/mocker" "4.0.18"
-    "@vitest/pretty-format" "4.0.18"
-    "@vitest/runner" "4.0.18"
-    "@vitest/snapshot" "4.0.18"
-    "@vitest/spy" "4.0.18"
-    "@vitest/utils" "4.0.18"
-    es-module-lexer "^1.7.0"
-    expect-type "^1.2.2"
+  version "4.1.10"
+  resolved "https://registry.yarnpkg.com/vitest/-/vitest-4.1.10.tgz#7e9285efe264b1167050b7a3a7ff34788e1b7afc"
+  integrity sha512-R9jUTe5S4Qb0HCd4TNqpC7oGcrMssMRGXLW80ubjWsW9VH5GF8y1Y0SFLY9AbqSk6nt0PnOx4H4WNJYZ13GUPw==
+  dependencies:
+    "@vitest/expect" "4.1.10"
+    "@vitest/mocker" "4.1.10"
+    "@vitest/pretty-format" "4.1.10"
+    "@vitest/runner" "4.1.10"
+    "@vitest/snapshot" "4.1.10"
+    "@vitest/spy" "4.1.10"
+    "@vitest/utils" "4.1.10"
+    es-module-lexer "^2.0.0"
+    expect-type "^1.3.0"
     magic-string "^0.30.21"
     obug "^2.1.1"
     pathe "^2.0.3"
     picomatch "^4.0.3"
-    std-env "^3.10.0"
+    std-env "^4.0.0-rc.1"
     tinybench "^2.9.0"
     tinyexec "^1.0.2"
     tinyglobby "^0.2.15"
-    tinyrainbow "^3.0.3"
-    vite "^6.0.0 || ^7.0.0"
+    tinyrainbow "^3.1.0"
+    vite "^6.0.0 || ^7.0.0 || ^8.0.0"
     why-is-node-running "^2.3.0"
 
 vscode-uri@^3.0.8, vscode-uri@^3.1.0: