From 06de4ec2a600e9e3e87f0f63fe577158478116b7 Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 08:33:35 -0800
Subject: [PATCH 01/14] Bump bun to latest.

---
 .tool-versions | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.tool-versions b/.tool-versions
index 22e80a2..24918a0 100644
--- a/.tool-versions
+++ b/.tool-versions
@@ -1 +1 @@
-bun 1.1.18
+bun 1.1.45

From b4b173799970c71db3d879550f448768d30e6b55 Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 08:33:41 -0800
Subject: [PATCH 02/14] tweak

---
 next/next-env.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/next/next-env.d.ts b/next/next-env.d.ts
index 4f11a03..52e831b 100644
--- a/next/next-env.d.ts
+++ b/next/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

From 8a996fc51ddc69076d9735c0575657f3774323a5 Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 08:33:56 -0800
Subject: [PATCH 03/14] Bump react to 19 and next to 15

---
 next/bun.lockb    | Bin 171816 -> 183616 bytes
 next/package.json |  17 +++++++++--------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/next/bun.lockb b/next/bun.lockb
index 9cf5f0136445f53d7cae1940bcaab5ab432b6119..31809aaf81e8d0d7c4342056b2eb9a4c71ad9d1d 100755
GIT binary patch
delta 39981
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%0DVob#jAlk$k}W
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
Z>!g9rwmnr$GF*_BHOObv7g{jR003=}+K>PM

delta 32532
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
IZ-k!z2mf|4<^TWy

diff --git a/next/package.json b/next/package.json
index 211d8e8..e042b7b 100644
--- a/next/package.json
+++ b/next/package.json
@@ -10,10 +10,10 @@
   "browserslist": "defaults, not ie <= 11",
   "dependencies": {
     "@algolia/autocomplete-core": "^1.17.2",
-    "@headlessui/react": "^2.1.2",
+    "@headlessui/react": "^2.2.0",
     "@mdx-js/loader": "^3.0.1",
     "@mdx-js/react": "^3.0.1",
-    "@next/mdx": "^14.2.4",
+    "@next/mdx": "^15.0.4",
     "@sindresorhus/slugify": "^2.1.1",
     "@tailwindcss/typography": "^0.5.13",
     "acorn": "^8.12.1",
@@ -22,14 +22,14 @@
     "fast-glob": "^3.2.12",
     "flexsearch": "^0.7.43",
     "focus-visible": "^5.2.0",
-    "framer-motion": "^11.2.13",
+    "framer-motion": "^12.0.0-alpha.2",
     "mdast-util-to-string": "^4.0.0",
     "mdx-annotations": "^0.1.4",
-    "next": "^14.2.4",
+    "next": "^15.0.4",
     "postcss-focus-visible": "^9.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-highlight-words": "^0.20.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-highlight-words": "^0.21.0",
     "recma-nextjs-static-props": "^2.0.1",
     "rehype-mdx-title": "^3.1.0",
     "remark": "^15.0.1",
@@ -43,8 +43,9 @@
     "zustand": "^4.5.4"
   },
   "devDependencies": {
+    "@types/node": "22.10.7",
     "prettier": "^3.3.2",
     "prettier-plugin-tailwindcss": "^0.6.5",
-    "typescript": "5.5.3"
+    "typescript": "^5.7.2"
   }
 }

From 1c7ed6962430efe1cd6f072a5abcd04734c6a264 Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 09:22:09 -0800
Subject: [PATCH 04/14] Fix react warnings.

---
 next/src/components/Video/useVideoRef.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/next/src/components/Video/useVideoRef.tsx b/next/src/components/Video/useVideoRef.tsx
index 2b20e88..e900571 100644
--- a/next/src/components/Video/useVideoRef.tsx
+++ b/next/src/components/Video/useVideoRef.tsx
@@ -12,17 +12,16 @@ export function useVideoRef() {
     setVideoBox(boundingBox)
   }, [])
 
-  function handleResize() {
+  const handleResize = useCallback(() => {
     videoRefCallback(videoRef.current!)
-  }
+  }, [videoRefCallback])
 
-  // Recalculate the videoBox when the window is resized
   useEffect(() => {
     window.addEventListener('resize', handleResize)
     return () => {
       window.removeEventListener('resize', handleResize)
     }
-  }, [])
+  }, [handleResize])
 
   return { videoBox, videoRef, videoRefCallback }
 }

From a74fd16c19a13a2bcec921900c02af2f0b70c151 Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 09:22:21 -0800
Subject: [PATCH 05/14] Adjust shiki highlighter.

---
 next/src/mdx/rehype.mjs | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/next/src/mdx/rehype.mjs b/next/src/mdx/rehype.mjs
index a57309a..0b45ff4 100644
--- a/next/src/mdx/rehype.mjs
+++ b/next/src/mdx/rehype.mjs
@@ -6,25 +6,35 @@ import { toString } from 'mdast-util-to-string'
 import * as acorn from 'acorn'
 import { slugifyWithCounter } from '@sindresorhus/slugify'
 
+// Move highlighter initialization outside the plugin
+let highlighter
+let theme
+
+// Initialize these in an async function
+async function initializeHighlighter() {
+  if (!highlighter) {
+    theme = await shiki.loadTheme('themes/github-light.json')
+    highlighter = await shiki.getHighlighter({ theme })
+  }
+  return highlighter
+}
+
 function rehypeParseCodeBlocks() {
   return (tree) => {
     visit(tree, 'element', (node, _nodeIndex, parentNode) => {
       if (node.tagName === 'code' && node.properties.className) {
         parentNode.properties.language = node.properties.className[0]?.replace(
           /^language-/,
-          ''
+          '',
         )
       }
     })
   }
 }
 
-let highlighter
-
 function rehypeShiki() {
   return async (tree) => {
-    highlighter =
-      highlighter ?? (await shiki.getHighlighter({ theme: 'css-variables' }))
+    const highlighter = await initializeHighlighter()
 
     visit(tree, 'element', (node) => {
       if (node.tagName === 'pre' && node.children[0]?.tagName === 'code') {
@@ -36,7 +46,7 @@ function rehypeShiki() {
         if (node.properties.language) {
           let tokens = highlighter.codeToThemedTokens(
             textNode.value,
-            node.properties.language
+            node.properties.language,
           )
 
           textNode.value = shiki.renderToHtml(tokens, {

From 326858b2d819f11bae1bad56e4593e11d9a58abe Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 10:09:37 -0800
Subject: [PATCH 06/14] Change all `<Video` tags to use the new assets system.

---
 next/src/pages/branches/reflog.mdx            | 15 ++-----
 next/src/pages/branches/save-for-later.mdx    |  5 +--
 .../sticky-notes-and-paintbrushes.mdx         | 15 ++-----
 next/src/pages/intro/clone.mdx                |  5 +--
 next/src/pages/intro/commit.mdx               | 40 ++++---------------
 next/src/pages/intro/init.mdx                 |  5 +--
 next/src/pages/intro/open-working-copy.mdx    |  5 +--
 next/src/pages/share/branches.mdx             |  5 +--
 next/src/pages/share/remotes.mdx              | 10 +----
 .../time-travel/cherry-pick-and-rebase.mdx    | 15 ++-----
 next/src/pages/time-travel/merge.mdx          | 35 ++++------------
 .../src/pages/time-travel/rewrite-history.mdx | 25 +++---------
 12 files changed, 36 insertions(+), 144 deletions(-)

diff --git a/next/src/pages/branches/reflog.mdx b/next/src/pages/branches/reflog.mdx
index 35bbe03..669a940 100644
--- a/next/src/pages/branches/reflog.mdx
+++ b/next/src/pages/branches/reflog.mdx
@@ -11,10 +11,7 @@ If you lose the tip of a chain of commits in git, they are effectively "deleted"
 3. Move the branch back by one commit, thus losing the "tip" that pointed to your life's work.
 4. Mission accomplished!
 
-<Video
-	poster="/branches/reflog/reflog-delete.png"
-	source="/branches/reflog/reflog-delete.mp4"
-/>
+<Video mp4="branches/reflog/reflog-delete.mp4"/>
 
 ## ... why am I using git, again?
 
@@ -30,10 +27,7 @@ Any commit that the process above can touch is reachable.  Everything else is un
 
 Not for long!  Git has a mechanism called the reflog.  **Every change to a branch is logged to the reflog**.  This means that you can go into the reflog and see where a branch used to be.  Let's use the reflog to get back your life's work.
 
-<Video
-	poster="/branches/reflog/reflog-branch.png"
-	source="/branches/reflog/reflog-branch.mp4"
-/>
+<Video mp4="branches/reflog/reflog-branch.mp4"/>
 
 This demonstrates that **if you committed it, you can get it back**.  So commit often!  Don't be embarrassed by unfinished or broken work - you can always make new, cleaner commits later (we'll show how in the [time-travel section](/time-travel)).
 
@@ -41,10 +35,7 @@ This demonstrates that **if you committed it, you can get it back**.  So commit
 
 There's a hiccup, which is that when you delete a branch, it also deletes that branch's reflog!  There's an easy fix, which is `HEAD`.  When you checkout a branch, it becomes the `HEAD`.  Every new commit that you create is to the `HEAD` branch.  And lucky for us, git keeps a reflog for `HEAD`, so that even if the branch we were using is now gone, we still have a record of those commits in `HEAD`.
 
-<Video
-	poster="/branches/reflog/reflog-head.png"
-	source="/branches/reflog/reflog-head.mp4"
-/>
+<Video mp4="branches/reflog/reflog-head.mp4"/>
 
 ## Do commits ever get *actually* deleted?
 
diff --git a/next/src/pages/branches/save-for-later.mdx b/next/src/pages/branches/save-for-later.mdx
index d944af0..65acac9 100644
--- a/next/src/pages/branches/save-for-later.mdx
+++ b/next/src/pages/branches/save-for-later.mdx
@@ -5,10 +5,7 @@ import { Video } from '@/components/Video/Video'
 
 It's common to make some changes in your working copy that end up looking like a dead end. It's tempting to just delete them and start over, but git makes it so easy to save them for later.
 
-<Video
-	poster="/branches/save-for-later/save-for-later.png"
-	source="/branches/save-for-later/save-for-later.mp4"
-/>
+<Video mp4="branches/save-for-later/save-for-later.mp4"/>
 
 *Images by Mr. Gray, Morio, Terri Monahan, Rama, and Gmhofmann under various CCSA licenses, see [here for full credits](https://github.com/diffplug/gitfromscratch/blob/main/next/src/pages/branches/licenses.md).*
 
diff --git a/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx b/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx
index 72fc9c2..828e7b5 100644
--- a/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx
+++ b/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx
@@ -30,10 +30,7 @@ Remote branches and tags are both primarily about team communication, so we'll w
 
 Branches are easy to manipulate. Right-click a commit to create a new branch. You can drag-and-drop to move it around. Right-click the branch again to delete it.
 
-<Video
-  poster="/branches/sticky-notes-and-paintbrushes/branch-drag.png"
-  source="/branches/sticky-notes-and-paintbrushes/branch-drag.mp4"
-/>
+<Video mp4="branches/sticky-notes-and-paintbrushes/branch-drag.mp4"/>
 
 We can use a branch in two ways:
 
@@ -48,10 +45,7 @@ Remember that a commit is a snapshot of every single file in your project folder
 
 **The `HEAD` branch determines the starting point for the next commit.** When the next commit is made, the `HEAD` branch will automatically move so that it points to the new commit. Here's an example of what that looks like in practice:
 
-<Video
-  poster="/branches/sticky-notes-and-paintbrushes/branch-create-fork.png"
-  source="/branches/sticky-notes-and-paintbrushes/branch-create-fork.mp4"
-/>
+<Video mp4="branches/sticky-notes-and-paintbrushes/branch-create-fork.mp4"/>
 
 Here's what happened in the video above:
 
@@ -74,9 +68,6 @@ As far as the files in your working copy are concerned, the only commits that ma
 
 The tips section is useful for searching for branches and navigating history. When you hover the mouse over a branch, it will scroll the history window to show you where that branch is. When you stop hovering, it will scroll back to where you were. When you click a branch, it will scroll the history window there and stop.
 
-<Video
-  poster="/branches/sticky-notes-and-paintbrushes/branch-hover-vs-click.png"
-  source="/branches/sticky-notes-and-paintbrushes/branch-hover-vs-click.mp4"
-/>
+<Video mp4="branches/sticky-notes-and-paintbrushes/branch-hover-vs-click.mp4"/>
 
 Now that we can make commits, we'll look at how they can be [deleted and recovered](/branches/reflog).
diff --git a/next/src/pages/intro/clone.mdx b/next/src/pages/intro/clone.mdx
index 6f5e3b0..d91094e 100644
--- a/next/src/pages/intro/clone.mdx
+++ b/next/src/pages/intro/clone.mdx
@@ -14,10 +14,7 @@ Copying a repository from someone else's computer onto yours is called "cloning"
 
 Go to wherever you'd like to put your clone, right-click it and then `Git -> Clone`.  This will open a dialog where you can put the URL, and pick a destination folder on your computer.  Once the download completes, you'll have your shiny new clone.
 
-<Video
-  poster="/intro/clone/clone.png"
-  source="/intro/clone/clone.mp4"
-/>
+<Video mp4="intro/clone/clone.mp4"/>
 
 *Hint 1: You can't put a git repository inside another repository.  If you don't see `Clone` as an option, you're probably inside an existing repository, and you need to move up to a higher folder.*
 
diff --git a/next/src/pages/intro/commit.mdx b/next/src/pages/intro/commit.mdx
index 08cd48a..e27b07d 100644
--- a/next/src/pages/intro/commit.mdx
+++ b/next/src/pages/intro/commit.mdx
@@ -7,54 +7,33 @@ import { Video } from '@/components/Video/Video'
 
 Each row in the `History` table (the bottom of the screen) represents a commit. If you just created an empty repository, then you won't have much to look at yet, but you will soon! If you click a commit, you can see the names of files that were created, deleted, or changed between that commit and the previous commit.
 
-<Video
-  poster="/intro/commit/commit-browse-commits.png"
-  source="/intro/commit/commit-browse-commits.mp4"
-/>
+<Video mp4="intro/commit/commit-browse-commits.mp4"/>
 
 If you click one of the changed files, you can see the actual contents of the file and how it changed.
 
-<Video
-  poster="/intro/commit/commit-browse-files.png"
-  source="/intro/commit/commit-browse-files.mp4"
-/>
+<Video mp4="intro/commit/commit-browse-files.mp4"/>
 
 You can also see metadata about who made the commit, when, and why.
 
-<Video
-  poster="/intro/commit/commit-who-when-what-why.png"
-  source="/intro/commit/commit-who-when-what-why.mp4"
-/>
+<Video mp4="intro/commit/commit-who-when-what-why.mp4"/>
 
 If you double-click a commit, it will open the snapshot as a folder, so that you can see exactly what the project folder looked like when the snapshot was taken.
 
-<Video
-  poster="/intro/commit/commit-open-folder.png"
-  source="/intro/commit/commit-open-folder.mp4"
-/>
+<Video mp4="intro/commit/commit-open-folder.mp4"/>
 
 Now you're going to make your own commit. In the list of commits at the bottom, there is always a special row for something called the "working copy", often abbreviated "WC". **The working copy is a draft of the next commit you're going to make**. If you're looking at the working copy, then this button will say `Commit`. If it doesn't say `Commit`, then it will say `Go to WC`, and if you click it, it will take you to the working copy.
 
-<Video
-  poster="/intro/commit/commit-goto-wc.png"
-  source="/intro/commit/commit-goto-wc.mp4"
-/>
+<Video mp4="intro/commit/commit-goto-wc.mp4"/>
 
 Once you're at the working copy, the `Changed files` section will show you which files you have modified in your project directory. To make sure that it is up-to-date, you can hit the refresh button. To make a commit, all you need to do is check the box for which files you'd like to commit, and type in a commit message which explains the reasoning behind your changes.
 
-<Video
-  poster="/intro/commit/commit-make.png"
-  source="/intro/commit/commit-make.mp4"
-/>
+<Video mp4="intro/commit/commit-make.mp4"/>
 
 ## Edit your commit
 
 Pedants will tell you that it's impossible to edit a commit. Pedantically speaking that is true - however, you _can_ make a brand new commit with the same snapshot of files but a different commit message, which sure feels a lot like an edit. Right-click a commit and select `Edit metadata` to do this.
 
-<Video
-  poster="/intro/commit/commit-edit.png"
-  source="/intro/commit/commit-edit.mp4"
-/>
+<Video mp4="intro/commit/commit-edit.mp4"/>
 
 There are some rules about when you should and shouldn't change commits in this way, which luckily will turn out to be obvious when you understand git a little more. For now, pretend that you can only change your most recent commit. If you stick with us for a little longer then you'll understand fully when you can and can't "change" a commit.
 
@@ -64,9 +43,6 @@ Every time you make a commit, it will be tagged with your name and email. That w
 
 Click the command console <Image src="commit/command-console.png" alt="command console icon" className="inline m-0" />, then select `Config library`. Once that is open, select `Git` from the tree at left and type in your name and email in the **Committer** box.
 
-<Video
-  poster="/intro/commit/commit-set-username.png"
-  source="/intro/commit/commit-set-username.mp4"
-/>
+<Video mp4="intro/commit/commit-set-username.mp4"/>
 
 Now that you know your way around commits, we can take a look at [branches](/branches/how-do-branches-work).
diff --git a/next/src/pages/intro/init.mdx b/next/src/pages/intro/init.mdx
index 4e058cd..750869b 100644
--- a/next/src/pages/intro/init.mdx
+++ b/next/src/pages/intro/init.mdx
@@ -5,10 +5,7 @@ import { Video } from '@/components/Video/Video'
 
 To take a folder and start tracking its changes, just right-click it and then `Git -> Create new`.
 
-<Video
-  poster="/intro/init/init.png"
-  source="/intro/init/init.mp4"
-/>
+<Video mp4="intro/init/init.mp4"/>
 
 *Hint 1: You can't put a git repository inside another repository.  If you don't see `Create new` as an option, you're probably inside an existing repository, and you need to move up to a higher folder.*
 
diff --git a/next/src/pages/intro/open-working-copy.mdx b/next/src/pages/intro/open-working-copy.mdx
index 17b306c..de80542 100644
--- a/next/src/pages/intro/open-working-copy.mdx
+++ b/next/src/pages/intro/open-working-copy.mdx
@@ -5,10 +5,7 @@ import { Video } from '@/components/Video/Video'
 
 To open an existing working copy, drag the folder from your file explorer onto DiffPlug's <Image src="diff-list-icon.png" alt="DiffPlug icon" className="inline m-0" /> icon. Then right-click it and select `Git -> History`.
 
-<Video
-  poster="/intro/open-working-copy.png"
-  source="/intro/open-working-copy.mp4"
-/>
+<Video mp4="intro/open-working-copy.mp4"/>
 
 _NOTE: Rather than dragging a file from your file explorer, you can use any of the methods described in the [DiffPlug quickstart](https://docs.diffplug.com/2.0.2/getting-started/quickstart/) to get the context-menu for a file._
 
diff --git a/next/src/pages/share/branches.mdx b/next/src/pages/share/branches.mdx
index 563b710..c677a29 100644
--- a/next/src/pages/share/branches.mdx
+++ b/next/src/pages/share/branches.mdx
@@ -15,10 +15,7 @@ You can use whatever convention you want, but the important thing is that publis
 
 **Each time you download from a remote, your repository will have a remote branch placed wherever the equivalent branch is on the remote.** In the example below, the remote `dummy` is on the left. As its `test` branch is moved around, the move is reflected on the right each time that a download happens.
 
-<Video
-  poster="/share/branches/share-branches.png"
-  source="/share/remotes/share-branches.mp4"
-/>
+<Video mp4="share/remotes/share-branches.mp4"/>
 
 If you have a local branch with the same name as the remote branch, then DiffPlug can automatically help you keep these two in sync. If you right-click a branch (either the local branch or a remote branch), DiffPlug can show you what must be done to synchronize one with the other.
 
diff --git a/next/src/pages/share/remotes.mdx b/next/src/pages/share/remotes.mdx
index 68d5b69..e92eaa0 100644
--- a/next/src/pages/share/remotes.mdx
+++ b/next/src/pages/share/remotes.mdx
@@ -7,10 +7,7 @@ It is common for a team to have a central repository - a single "source of truth
 
 In DiffPlug, you can see which servers you can communicate with by clicking the `Sync` tab and then looking at the `Remotes` section. Each server has its own button. If you click the button, you can see the details for that server.
 
-<Video
-  poster="/share/remotes/remotes-browse.png"
-  source="/share/remotes/remotes-browse.mp4"
-/>
+<Video mp4="share/remotes/remotes-browse.mp4"/>
 
 If you just started a new project, then this section will be empty. If you cloned the project from a central server, then there's probably one remote named "origin". **A remote is just a URL with a nickname.** There are three kinds of URL:
 
@@ -31,10 +28,7 @@ You can have as many remotes as you'd like, but usually there will be just one c
 
 In the following sections, we're going to show how you can synchronize your commits with a remote. While you're learning, it can be helpful to make a "dummy" remote that you can tinker with. To make a dummy remote, just copy-paste your whole git repository to a new folder. This will behave just like any other remote, but you can manipulate it directly to test various situations.
 
-<Video
-  poster="/share/remotes/remotes-local.png"
-  source="/share/remotes/remotes-local.mp4"
-/>
+<Video mp4="share/remotes/remotes-local.mp4"/>
 
 To add a normal `https` or `ssh/git` remote, just click the plus.
 
diff --git a/next/src/pages/time-travel/cherry-pick-and-rebase.mdx b/next/src/pages/time-travel/cherry-pick-and-rebase.mdx
index 3592087..6c571c4 100644
--- a/next/src/pages/time-travel/cherry-pick-and-rebase.mdx
+++ b/next/src/pages/time-travel/cherry-pick-and-rebase.mdx
@@ -54,10 +54,7 @@ Happens all the time.  The `letters` branch is based off of the `common` commit,
 
 One way to do this is to right-click each commit, one at a time, and select <Image alt="Apply delta icon" src="/time-travel/cherry-pick-and-rebase/apply_delta.png" className="inline m-0" width={16} height={16} />`Apply delta`.
 
-<Video
-  poster="/time-travel/cherry-pick-and-rebase/rebase-by-cherry-picking.png"
-  source="/time-travel/cherry-pick-and-rebase/rebase-by-cherry-picking.mp4"
-/>
+<Video mp4="time-travel/cherry-pick-and-rebase/rebase-by-cherry-picking.mp4"/>
 
 A faster way to accomplish this is the <Image alt="Rebase icon" src="/time-travel/cherry-pick-and-rebase/rebase.png" className="inline m-0" width={16} height={16} />`rebase` command.  Here's how it works:
 
@@ -65,10 +62,7 @@ A faster way to accomplish this is the <Image alt="Rebase icon" src="/time-trave
 - right-click the branch you'd like to change its base to
 - select <Image alt="Rebase icon" src="/time-travel/cherry-pick-and-rebase/rebase.png" className="inline m-0" width={16} height={16} />`rebase`
 
-<Video
-  poster="/time-travel/cherry-pick-and-rebase/rebase-actual.png"
-  source="/time-travel/cherry-pick-and-rebase/rebase-actual.mp4"
-/>
+<Video mp4="time-travel/cherry-pick-and-rebase/rebase-actual.mp4"/>
 
 ## Rebase onto origin/master
 
@@ -114,9 +108,6 @@ If you rebase `master`, there will be some duplicated commits!
 
 The final result of rebasing one branch onto another is *exactly* the same as the final result of merging those two branches, except for the history.
 
-<Video
-  poster="/time-travel/cherry-pick-and-rebase/rebase-compare-to-merge.png"
-  source="/time-travel/cherry-pick-and-rebase/rebase-compare-to-merge.mp4"
-/>
+<Video mp4="time-travel/cherry-pick-and-rebase/rebase-compare-to-merge.mp4"/>
 
 The *only* difference is in the story that your history will tell.  So whether we like it or not, every time we choose either to merge or to rebase, we have made a subjective, editorial decision about what kind of history will tell a better story.  Which sets us up perfectly for our next topic: [rewriting history](/time-travel/rewrite-history).
diff --git a/next/src/pages/time-travel/merge.mdx b/next/src/pages/time-travel/merge.mdx
index 865fe58..0d643b2 100644
--- a/next/src/pages/time-travel/merge.mdx
+++ b/next/src/pages/time-travel/merge.mdx
@@ -7,26 +7,17 @@ To merge two lines of commits back into a single line, you must create a merge c
 
 To perform a merge, first we checkout the branch that we would consider to be "our" side of the merge. Then we right-click the other branch (which git calls "their" side), and select `Merge`.
 
-<Video
-  poster="/time-travel/merge/merge-create.png"
-  source="/time-travel/merge/merge-create.mp4"
-/>
+<Video mp4="time-travel/merge/merge-create.mp4"/>
 
 Remember that the branch which we have checked out, `ABC`, is the paintbrush that we use to make new commits. That is why it moves to the newly created merge commit, while the other branch is unchanged. We can always undo a merge by just dragging our branch back to where it was.
 
-<Video
-  poster="/time-travel/merge/merge-undo.png"
-  source="/time-travel/merge/merge-undo.mp4"
-/>
+<Video mp4="time-travel/merge/merge-undo.mp4"/>
 
 ## How do I look at a merge?
 
 When you click a commit with one parent, you see a comparison between the snapshot of that commit and its parent. But what about when you click a commit with multiple parents? At first, you're looking at the difference between the commit and its first parent, but you can compare against other commits by clicking the `+`.
 
-<Video
-  poster="/time-travel/merge/merge-pick-parent.png"
-  source="/time-travel/merge/merge-pick-parent.mp4"
-/>
+<Video mp4="time-travel/merge/merge-pick-parent.mp4"/>
 
 Answering the question "What changed in this commit?" is tricky for a merge commit - which is why you don't want to use them to make changes! **A merge commit should not introduce new changes; it should only combine the work of existing commits.** A merge commit which violates this rule is known as an "evil merge".
 
@@ -48,10 +39,7 @@ As we learned back when we [made our first commit](/intro/commit), **a commit is
 
 Let's say we have only one branch, and we're doing some quick brainstorming. Each time we do something vaguely interesting, we make a commit. After a few such commits, we finally get to something useful. Because we made a commit each time we did something interesting, whether it was good or bad, we've recorded our entire thought process, but it's a little messy...
 
-<Video
-  poster="/time-travel/merge/merge-brainstorm.png"
-  source="/time-travel/merge/merge-brainstorm.mp4"
-/>
+<Video mp4="time-travel/merge/merge-brainstorm.mp4"/>
 
 {/*
 - Whale >> squirrel, delete squirrel
@@ -64,26 +52,17 @@ Let's say we have only one branch, and we're doing some quick brainstorming. Eac
 
 We spent a lot of time making and coloring a squirrel, but in the end we removed it from our project entirely. If we're going to share this work with someone else, it might be wasteful for them to read up on all our squirrel thoughts, since all they really need to know is the blue whale. One way for us to clean up this work is to **squash it**.
 
-<Video
-  poster="/time-travel/merge/merge-squash.png"
-  source="/time-travel/merge/merge-squash.mp4"
-/>
+<Video mp4="time-travel/merge/merge-squash.mp4"/>
 
 Our new squashed commit has the exact same snapshot that the `Whale >> squirrel, delete squirrel` commit had. We just changed the commit's message and parents so that the history tells a more concise summary of our thought process.
 
 The potential problem with this approach is that we've lost the history of our brainstorming. If we wanted to keep this history, while also summarizing our final result concisely, we can use a **summary merge**.
 
-<Video
-  poster="/time-travel/merge/merge-summary.png"
-  source="/time-travel/merge/merge-summary.mp4"
-/>
+<Video mp4="time-travel/merge/merge-summary.mp4"/>
 
 Let's compare the final result of the "squash" with the final result of the "summary merge".
 
-<Video
-  poster="/time-travel/merge/merge-squash-vs-summary.png"
-  source="/time-travel/merge/merge-squash-vs-summary.mp4"
-/>
+<Video mp4="time-travel/merge/merge-squash-vs-summary.mp4"/>
 
 There's a lot about these commits which are _exactly_ the same.
 
diff --git a/next/src/pages/time-travel/rewrite-history.mdx b/next/src/pages/time-travel/rewrite-history.mdx
index 1d56e72..06b1385 100644
--- a/next/src/pages/time-travel/rewrite-history.mdx
+++ b/next/src/pages/time-travel/rewrite-history.mdx
@@ -12,10 +12,7 @@ We've touched on some of these techniques in passing before, but this is our cha
 
 The simplest history-simplification is to simply squash two or more commits together.  Ctrl-select the commits you want to squash, right-click, and select `Squash`.
 
-<Video
-  poster="/time-travel/rewrite-history/squash.png"
-  source="/time-travel/rewrite-history/squash.mp4"
-/>
+<Video mp4="time-travel/rewrite-history/squash.mp4"/>
 
 ## Rewrite
 
@@ -27,10 +24,7 @@ If you drag the working copy branch backwards to a point on its history, you are
 
 This means that you have moved your project back in time, but you can easily see all the work you have done since then.
 
-<Video
-  poster="/time-travel/rewrite-history/rewrite-setup.png"
-  source="/time-travel/rewrite-history/rewrite-setup.mp4"
-/>
+<Video mp4="time-travel/rewrite-history/rewrite-setup.mp4"/>
 
 You now have two options, a summary merge or a full rewrite.
 
@@ -38,26 +32,17 @@ You now have two options, a summary merge or a full rewrite.
 
 The summary merge keeps every single commit of your brainstorming, and supplements it with a summary of the final result.  We discussed this technique in more detail in the [merge section](/time-travel/merge).
 
-<Video
-  poster="/time-travel/rewrite-history/rewrite-summary-merge.png"
-  source="/time-travel/rewrite-history/rewrite-summary-merge.mp4"
-/>
+<Video mp4="time-travel/rewrite-history/rewrite-summary-merge.mp4"/>
 
 ### Full rewrite
 
 You can also pick and choose which commits to include or exclude, and in which order.
 
-<Video
-  poster="/time-travel/rewrite-history/rewrite-reorder-and-omit.png"
-  source="/time-travel/rewrite-history/rewrite-reorder-and-omit.mp4"
-/>
+<Video mp4="time-travel/rewrite-history/rewrite-reorder-and-omit.mp4"/>
 
 It is also possible to split a large commit into multiple smaller ones, or vice-versa.
 
-<Video
-  poster="/time-travel/rewrite-history/rewrite-split-and-combine.png"
-  source="/time-travel/rewrite-history/rewrite-split-and-combine.mp4"
-/>
+<Video mp4="time-travel/rewrite-history/rewrite-split-and-combine.mp4"/>
 
 ## Durability is social
 

From 78ae82568e9f51801b2a44517a342f121e65301e Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 10:15:54 -0800
Subject: [PATCH 07/14] Fix a broken path that has been hiding for a while.

---
 next/src/pages/share/branches.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/next/src/pages/share/branches.mdx b/next/src/pages/share/branches.mdx
index c677a29..45fad0e 100644
--- a/next/src/pages/share/branches.mdx
+++ b/next/src/pages/share/branches.mdx
@@ -15,7 +15,7 @@ You can use whatever convention you want, but the important thing is that publis
 
 **Each time you download from a remote, your repository will have a remote branch placed wherever the equivalent branch is on the remote.** In the example below, the remote `dummy` is on the left. As its `test` branch is moved around, the move is reflected on the right each time that a download happens.
 
-<Video mp4="share/remotes/share-branches.mp4"/>
+<Video mp4="share/branches/share-branches.mp4"/>
 
 If you have a local branch with the same name as the remote branch, then DiffPlug can automatically help you keep these two in sync. If you right-click a branch (either the local branch or a remote branch), DiffPlug can show you what must be done to synchronize one with the other.
 

From e27bf79536e10afa06359f52f2cb78c873966c27 Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 10:17:07 -0800
Subject: [PATCH 08/14] NOTE: we need `node` or the json won't be sorted

---
 next/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/next/package.json b/next/package.json
index e042b7b..8797b38 100644
--- a/next/package.json
+++ b/next/package.json
@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
+    "assets": "node src/assets/assets-index-gen.mjs",
     "dev": "bunx next dev",
     "build": "bunx next build",
     "start": "bunx next start"

From 885e863b20e5deaaba008192bae20baa309a0b0c Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 10:17:29 -0800
Subject: [PATCH 09/14] Port over the assets system from the DiffPlug manual.

---
 next/src/assets-index-gen.mjs        |  69 +++
 next/src/assets-index.json           | 748 +++++++++++++++++++++++++++
 next/src/assets.mjs                  |  42 ++
 next/src/assets/assets-index-gen.mjs |  56 ++
 next/src/assets/assets-index.json    | 552 ++++++++++++++++++++
 next/src/assets/assets.mjs           |  48 ++
 6 files changed, 1515 insertions(+)
 create mode 100644 next/src/assets-index-gen.mjs
 create mode 100644 next/src/assets-index.json
 create mode 100644 next/src/assets.mjs
 create mode 100644 next/src/assets/assets-index-gen.mjs
 create mode 100644 next/src/assets/assets-index.json
 create mode 100644 next/src/assets/assets.mjs

diff --git a/next/src/assets-index-gen.mjs b/next/src/assets-index-gen.mjs
new file mode 100644
index 0000000..a4bb831
--- /dev/null
+++ b/next/src/assets-index-gen.mjs
@@ -0,0 +1,69 @@
+import fs from 'fs';
+import path from 'path';
+import sharp from 'sharp';
+
+function getAllFiles(dirPath, arrayOfFiles) {
+  const files = fs.readdirSync(dirPath);
+
+  arrayOfFiles = arrayOfFiles || [];
+
+  files.forEach(function (file) {
+    if (fs.statSync(dirPath + "/" + file).isDirectory()) {
+      arrayOfFiles = getAllFiles(dirPath + "/" + file, arrayOfFiles);
+    } else {
+      arrayOfFiles.push(path.join(dirPath, "/", file));
+    }
+  });
+
+  return arrayOfFiles;
+}
+
+const publicDir = path.join(process.cwd(), 'public');
+const allAssets = getAllFiles(publicDir);
+const allAssetEntries = allAssets.reduce((acc, file) => {
+  const src = path.relative(publicDir, file).replaceAll('\\', '/');
+  acc[src] = {
+    ext: path.extname(file).toLowerCase().slice(1)
+  };
+  return acc;
+}, {});
+const allAssetEntriesWithImageSizes = await Promise.all(Object.entries(allAssetEntries).map(async ([src, asset]) => {
+  if (asset.ext === 'png') {
+    try {
+      const fullPath = path.join(publicDir, src);
+      const metadata = await sharp(fullPath).metadata();
+      return [src, {
+        ...asset,
+        width: metadata.width,
+        height: metadata.height
+      }];
+    } catch (error) {
+      console.error(`Error processing ${src}:`, error);
+      return [src, asset];
+    }
+  }
+  return [src, asset];
+}));
+const allAssetEntriesWithImageSizesMap = Object.fromEntries(allAssetEntriesWithImageSizes);
+
+function sortKeys(obj) {
+  if (typeof obj !== 'object' || obj === null) return obj;
+  
+  if (Array.isArray(obj)) {
+    return obj.map(sortKeys);
+  }
+  
+  return Object.keys(obj).sort().reduce((sorted, key) => {
+    sorted[key] = sortKeys(obj[key]);
+    return sorted;
+  }, {});
+}
+
+fs.writeFileSync(
+  path.join(process.cwd(), 'src/assets', 'assets-index.json'),
+  JSON.stringify(sortKeys({
+    assets: allAssetEntriesWithImageSizesMap
+  }), null, 2)
+);
+
+console.log('Valid assets list generated successfully.');
\ No newline at end of file
diff --git a/next/src/assets-index.json b/next/src/assets-index.json
new file mode 100644
index 0000000..bc82d64
--- /dev/null
+++ b/next/src/assets-index.json
@@ -0,0 +1,748 @@
+{
+  "assets": {
+    "command-line/install-win-set-path.png": {
+      "ext": "png",
+      "width": 820,
+      "height": 1120
+    },
+    "command-line/install-win-set-path.svg": {
+      "ext": "svg"
+    },
+    "command-line/install-win-system.png": {
+      "ext": "png",
+      "width": 431,
+      "height": 680
+    },
+    "command-line/log-all-calls-to-dp-open.png": {
+      "ext": "png",
+      "width": 229,
+      "height": 129
+    },
+    "command-line/log-all-calls-to-dp.png": {
+      "ext": "png",
+      "width": 586,
+      "height": 434
+    },
+    "command-line/perforce-diff.png": {
+      "ext": "png",
+      "width": 790,
+      "height": 495
+    },
+    "command-line/perforce-merge.png": {
+      "ext": "png",
+      "width": 790,
+      "height": 495
+    },
+    "command-line/perforce-view.png": {
+      "ext": "png",
+      "width": 790,
+      "height": 495
+    },
+    "command-line/sourcetree-external-diff.png": {
+      "ext": "png",
+      "width": 439,
+      "height": 181
+    },
+    "command-line/sourcetree-options-diff-tab.png": {
+      "ext": "png",
+      "width": 681,
+      "height": 463
+    },
+    "command-line/sourcetree-tools-options.png": {
+      "ext": "png",
+      "width": 495,
+      "height": 134
+    },
+    "command-line/tortoisegit-diff.png": {
+      "ext": "png",
+      "width": 773,
+      "height": 612
+    },
+    "command-line/tortoisegit-merge.png": {
+      "ext": "png",
+      "width": 773,
+      "height": 612
+    },
+    "command-line/tortoisesvn-diff.png": {
+      "ext": "png",
+      "width": 773,
+      "height": 536
+    },
+    "command-line/tortoisesvn-merge.png": {
+      "ext": "png",
+      "width": 773,
+      "height": 536
+    },
+    "config-library/config.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "config-library/delete.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "config-library/folder-diff-builtin-presets.mp4": {
+      "ext": "mp4"
+    },
+    "config-library/folder-diff-builtin-presets.png": {
+      "ext": "png",
+      "width": 508,
+      "height": 363
+    },
+    "config-library/folder-diff-content-based.mp4": {
+      "ext": "mp4"
+    },
+    "config-library/folder-diff-content-based.png": {
+      "ext": "png",
+      "width": 508,
+      "height": 363
+    },
+    "config-library/save.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "config-library/simulink-diff-config.png": {
+      "ext": "png",
+      "width": 874,
+      "height": 715
+    },
+    "custom-masks/custom-masks-dialog.mp4": {
+      "ext": "mp4"
+    },
+    "custom-masks/custom-masks-dialog.png": {
+      "ext": "png",
+      "width": 586,
+      "height": 443
+    },
+    "custom-masks/custom-masks-right-click.png": {
+      "ext": "png",
+      "width": 324,
+      "height": 246
+    },
+    "error-logging/error-log.png": {
+      "ext": "png",
+      "width": 618,
+      "height": 394
+    },
+    "error-logging/error-typical.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 387
+    },
+    "error-logging/stacktrace-dialog.png": {
+      "ext": "png",
+      "width": 545,
+      "height": 421
+    },
+    "favicon.ico": {
+      "ext": "ico"
+    },
+    "folder/3way.png": {
+      "ext": "png",
+      "width": 581,
+      "height": 413
+    },
+    "folder/differ.png": {
+      "ext": "png",
+      "width": 589,
+      "height": 397
+    },
+    "folder/viewer.png": {
+      "ext": "png",
+      "width": 589,
+      "height": 397
+    },
+    "generate-report/simulink-generate-report-config.png": {
+      "ext": "png",
+      "width": 359,
+      "height": 269
+    },
+    "generate-report/simulink-generate-report-first-page-word.png": {
+      "ext": "png",
+      "width": 953,
+      "height": 821
+    },
+    "generate-report/simulink-generate-report-image-per-difference.png": {
+      "ext": "png",
+      "width": 954,
+      "height": 759
+    },
+    "image/Adjacent.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 16
+    },
+    "image/ImageViewerDiffer-compare-modes.png": {
+      "ext": "png",
+      "width": 97,
+      "height": 109
+    },
+    "image/ImageViewerDiffer-config.png": {
+      "ext": "png",
+      "width": 600,
+      "height": 400
+    },
+    "image/ImageViewerDiffer-flip1.png": {
+      "ext": "png",
+      "width": 142,
+      "height": 253
+    },
+    "image/ImageViewerDiffer-flip2.png": {
+      "ext": "png",
+      "width": 785,
+      "height": 350
+    },
+    "image/ImageViewerDiffer-image3.png": {
+      "ext": "png",
+      "width": 735,
+      "height": 336
+    },
+    "image/ImageViewerDiffer-image4.png": {
+      "ext": "png",
+      "width": 735,
+      "height": 336
+    },
+    "image/ImageViewerDiffer-image5.png": {
+      "ext": "png",
+      "width": 615,
+      "height": 336
+    },
+    "image/ImageViewerDiffer-image6.png": {
+      "ext": "png",
+      "width": 735,
+      "height": 342
+    },
+    "image/ImageViewerDiffer-image7.png": {
+      "ext": "png",
+      "width": 735,
+      "height": 263
+    },
+    "image/ImageViewerDiffer-viewer.png": {
+      "ext": "png",
+      "width": 878,
+      "height": 572
+    },
+    "image/ImageViewerDiffer-wipe-horiz.png": {
+      "ext": "png",
+      "width": 785,
+      "height": 350
+    },
+    "image/ImageViewerDiffer-wipe-vert.png": {
+      "ext": "png",
+      "width": 785,
+      "height": 350
+    },
+    "image/InstallerAdvanced.png": {
+      "ext": "png",
+      "width": 750,
+      "height": 525
+    },
+    "image/MatchPoints.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 16
+    },
+    "image/Overlap.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 16
+    },
+    "image/ZoomFitBoth.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 16
+    },
+    "installation/install-mac-dmg.png": {
+      "ext": "png",
+      "width": 704,
+      "height": 567
+    },
+    "keyring/command-console-icon.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "keyring/credential-request-key-selected.png": {
+      "ext": "png",
+      "width": 466,
+      "height": 130
+    },
+    "keyring/credential-request-otherurl.png": {
+      "ext": "png",
+      "width": 466,
+      "height": 130
+    },
+    "keyring/credential-request-two-options.png": {
+      "ext": "png",
+      "width": 554,
+      "height": 130
+    },
+    "keyring/credential-request-use-keyring.png": {
+      "ext": "png",
+      "width": 466,
+      "height": 130
+    },
+    "keyring/credential-request.png": {
+      "ext": "png",
+      "width": 466,
+      "height": 130
+    },
+    "keyring/keyring-add-key-typed.png": {
+      "ext": "png",
+      "width": 354,
+      "height": 145
+    },
+    "keyring/keyring-add-key.png": {
+      "ext": "png",
+      "width": 354,
+      "height": 145
+    },
+    "keyring/keyring-add-testcanary.png": {
+      "ext": "png",
+      "width": 286,
+      "height": 145
+    },
+    "keyring/keyring-change-master-password.png": {
+      "ext": "png",
+      "width": 370,
+      "height": 440
+    },
+    "keyring/keyring-not-setup.png": {
+      "ext": "png",
+      "width": 312,
+      "height": 62
+    },
+    "keyring/keyring-setup.png": {
+      "ext": "png",
+      "width": 312,
+      "height": 404
+    },
+    "library-links/library-link-browser.png": {
+      "ext": "png",
+      "width": 586,
+      "height": 443
+    },
+    "library-links/library-link-diff.png": {
+      "ext": "png",
+      "width": 574,
+      "height": 155
+    },
+    "library-links/library-link-menu.png": {
+      "ext": "png",
+      "width": 322,
+      "height": 272
+    },
+    "library-links/library-link-options.svg": {
+      "ext": "svg"
+    },
+    "library-links/library-link-subdiff-options.png": {
+      "ext": "png",
+      "width": 784,
+      "height": 398
+    },
+    "library-links/library-link-subdiff-options.svg": {
+      "ext": "svg"
+    },
+    "library-links/library-link-subdiff-setup.png": {
+      "ext": "png",
+      "width": 901,
+      "height": 636
+    },
+    "license-manager/activated-float_2x.png": {
+      "ext": "png",
+      "width": 1290,
+      "height": 574
+    },
+    "license-manager/activated-locked_2x.png": {
+      "ext": "png",
+      "width": 1290,
+      "height": 574
+    },
+    "license-manager/copy-paste-finish_2x.png": {
+      "ext": "png",
+      "width": 1290,
+      "height": 696
+    },
+    "license-manager/copy-paste-start_2x.png": {
+      "ext": "png",
+      "width": 2344,
+      "height": 1510
+    },
+    "license-manager/emergency-activation_2x.png": {
+      "ext": "png",
+      "width": 1060,
+      "height": 694
+    },
+    "license-manager/get-license_2x.png": {
+      "ext": "png",
+      "width": 1290,
+      "height": 542
+    },
+    "license-manager/hamburger_2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "license-manager/how-to-open_2x.png": {
+      "ext": "png",
+      "width": 908,
+      "height": 592
+    },
+    "license-manager/missing-license_2x.png": {
+      "ext": "png",
+      "width": 1798,
+      "height": 870
+    },
+    "license-manager/more-options_2x.png": {
+      "ext": "png",
+      "width": 1290,
+      "height": 542
+    },
+    "license-manager/proxy-dialog_2x.png": {
+      "ext": "png",
+      "width": 1456,
+      "height": 596
+    },
+    "mat-file/mat-differ-addition.png": {
+      "ext": "png",
+      "width": 791,
+      "height": 182
+    },
+    "mat-file/mat-differ.png": {
+      "ext": "png",
+      "width": 806,
+      "height": 544
+    },
+    "mat-file/mat-viewer-struct-and-cell.png": {
+      "ext": "png",
+      "width": 340,
+      "height": 242
+    },
+    "mat-file/mat-viewer.png": {
+      "ext": "png",
+      "width": 573,
+      "height": 473
+    },
+    "quickstart/DiffPlugLogo_16.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "quickstart/command-console.mp4": {
+      "ext": "mp4"
+    },
+    "quickstart/command-console.png": {
+      "ext": "png",
+      "width": 589,
+      "height": 394
+    },
+    "quickstart/diff-list.mp4": {
+      "ext": "mp4"
+    },
+    "quickstart/diff-list.png": {
+      "ext": "png",
+      "width": 589,
+      "height": 394
+    },
+    "quickstart/diff-schemas.mp4": {
+      "ext": "mp4"
+    },
+    "quickstart/diff-schemas.png": {
+      "ext": "png",
+      "width": 587,
+      "height": 394
+    },
+    "quickstart/entity-console.mp4": {
+      "ext": "mp4"
+    },
+    "quickstart/entity-console.png": {
+      "ext": "png",
+      "width": 589,
+      "height": 394
+    },
+    "signal-tracing/trace-input-extend.png": {
+      "ext": "png",
+      "width": 901,
+      "height": 639
+    },
+    "signal-tracing/trace-input-extended-1.png": {
+      "ext": "png",
+      "width": 901,
+      "height": 639
+    },
+    "signal-tracing/trace-input-extended-2.png": {
+      "ext": "png",
+      "width": 901,
+      "height": 639
+    },
+    "signal-tracing/trace-input-start.png": {
+      "ext": "png",
+      "width": 901,
+      "height": 639
+    },
+    "signal-tracing/trace-input-traced.png": {
+      "ext": "png",
+      "width": 901,
+      "height": 639
+    },
+    "signal-tracing/trace-output-followed.png": {
+      "ext": "png",
+      "width": 901,
+      "height": 639
+    },
+    "signal-tracing/trace-output-start.png": {
+      "ext": "png",
+      "width": 901,
+      "height": 639
+    },
+    "signal-tracing/trace-output-traced.png": {
+      "ext": "png",
+      "width": 901,
+      "height": 639
+    },
+    "simulink/icons/arrow_up.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/arrow_up@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/icons/ignore_one.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/ignore_one@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/icons/log.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/log@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/icons/reference_16.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/reference_16@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/icons/split_monitors.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/split_monitors@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/icons/split_vertical.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/split_vertical@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/icons/toggle_colors.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/toggle_colors@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/icons/zoom_100.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/zoom_100@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/icons/zoom_fit.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/zoom_fit@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/icons/zoom_in.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/zoom_in@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/icons/zoom_out.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "simulink/icons/zoom_out@2x.png": {
+      "ext": "png",
+      "width": 32,
+      "height": 32
+    },
+    "simulink/simulink-differ-config-btn.png": {
+      "ext": "png",
+      "width": 346,
+      "height": 82
+    },
+    "simulink/simulink-differ-config-gainonly.png": {
+      "ext": "png",
+      "width": 550,
+      "height": 389
+    },
+    "simulink/simulink-differ-config.png": {
+      "ext": "png",
+      "width": 550,
+      "height": 380
+    },
+    "simulink/simulink-differ-simulink.png": {
+      "ext": "png",
+      "width": 898,
+      "height": 633
+    },
+    "simulink/simulink-differ-stateflow-ignore-result.png": {
+      "ext": "png",
+      "width": 898,
+      "height": 633
+    },
+    "simulink/simulink-differ-stateflow-ignore.png": {
+      "ext": "png",
+      "width": 420,
+      "height": 84
+    },
+    "simulink/simulink-differ-stateflow.png": {
+      "ext": "png",
+      "width": 898,
+      "height": 633
+    },
+    "simulink/simulink-viewer-eml.png": {
+      "ext": "png",
+      "width": 898,
+      "height": 632
+    },
+    "simulink/simulink-viewer-matdata.png": {
+      "ext": "png",
+      "width": 898,
+      "height": 633
+    },
+    "simulink/simulink-viewer-simulink.png": {
+      "ext": "png",
+      "width": 898,
+      "height": 632
+    },
+    "simulink/simulink-viewer-stateflow.png": {
+      "ext": "png",
+      "width": 898,
+      "height": 633
+    },
+    "text/CustomSyntax-results-all.png": {
+      "ext": "png",
+      "width": 194,
+      "height": 100
+    },
+    "text/CustomSyntax-results-endofline.png": {
+      "ext": "png",
+      "width": 194,
+      "height": 100
+    },
+    "text/CustomSyntax-results-keyword.png": {
+      "ext": "png",
+      "width": 194,
+      "height": 100
+    },
+    "text/CustomSyntax-results-multiline.png": {
+      "ext": "png",
+      "width": 194,
+      "height": 100
+    },
+    "text/CustomSyntax-results-none.png": {
+      "ext": "png",
+      "width": 194,
+      "height": 100
+    },
+    "text/CustomSyntax-results-singleline.png": {
+      "ext": "png",
+      "width": 194,
+      "height": 100
+    },
+    "text/CustomSyntax-rules-endofline.png": {
+      "ext": "png",
+      "width": 462,
+      "height": 100
+    },
+    "text/CustomSyntax-rules-keyword.png": {
+      "ext": "png",
+      "width": 462,
+      "height": 100
+    },
+    "text/CustomSyntax-rules-multiline.png": {
+      "ext": "png",
+      "width": 462,
+      "height": 100
+    },
+    "text/CustomSyntax-rules-singleline.png": {
+      "ext": "png",
+      "width": 462,
+      "height": 100
+    },
+    "text/CustomSyntax-syntaxmanager-annotated.png": {
+      "ext": "png",
+      "width": 887,
+      "height": 655
+    },
+    "text/CustomSyntaxManager-syntaxmanager.svg": {
+      "ext": "svg"
+    },
+    "text/differ.png": {
+      "ext": "png",
+      "width": 896,
+      "height": 631
+    },
+    "text/viewer.png": {
+      "ext": "png",
+      "width": 896,
+      "height": 631
+    },
+    "track-in-matlab/track-in-matlab-demo.mp4": {
+      "ext": "mp4"
+    },
+    "track-in-matlab/track-in-matlab-demo.png": {
+      "ext": "png",
+      "width": 1298,
+      "height": 644
+    }
+  }
+}
\ No newline at end of file
diff --git a/next/src/assets.mjs b/next/src/assets.mjs
new file mode 100644
index 0000000..9bb8cf1
--- /dev/null
+++ b/next/src/assets.mjs
@@ -0,0 +1,42 @@
+import assetsIndex from './assets-index.json' assert { type: 'json' };
+
+export function assetPathFor(asset) {
+    if (asset.startsWith('/')) {
+        throw Error(`Asset should not start with '/': ${asset}`)
+    }
+    if (asset.indexOf("://") != -1) {
+        throw Error(`Asset should not contain '://': ${asset}`)
+    }
+
+    if (!assetsIndex.assets[asset]) {
+        throw Error(`No such asset found: ${asset}`)
+    }
+
+    const assetPrefix = process.env.NEXT_PUBLIC_BUILD_PREFIX || '';
+
+    // TODO: Implement asset fingerprinting
+    // const fingerprint = getAssetFingerprint(asset);
+
+    // TODO: Track asset usage
+    // trackAssetUsage(asset);
+
+    return `${assetPrefix}/${asset}`;
+}
+
+function assertNumber(n) {
+    if (typeof n !== 'number' || isNaN(n)) {
+        throw new Error(`Expected to be a number: ${n}`);
+    }
+    return n
+}
+function isHiDpi(asset) {
+    return asset.indexOf("_2x.") != -1
+}
+export function assetW(asset) {
+    const raw = assertNumber(assetsIndex.assets[asset].width)
+    return isHiDpi(asset) ? raw / 2 : raw
+}
+export function assetH(asset) {
+    const raw = assertNumber(assetsIndex.assets[asset].height)
+    return isHiDpi(asset) ? raw / 2 : raw
+}
\ No newline at end of file
diff --git a/next/src/assets/assets-index-gen.mjs b/next/src/assets/assets-index-gen.mjs
new file mode 100644
index 0000000..fa9fea6
--- /dev/null
+++ b/next/src/assets/assets-index-gen.mjs
@@ -0,0 +1,56 @@
+import fs from 'fs';
+import path from 'path';
+import sharp from 'sharp';
+
+function getAllFiles(dirPath, arrayOfFiles) {
+  const files = fs.readdirSync(dirPath);
+
+  arrayOfFiles = arrayOfFiles || [];
+
+  files.forEach(function (file) {
+    if (fs.statSync(dirPath + "/" + file).isDirectory()) {
+      arrayOfFiles = getAllFiles(dirPath + "/" + file, arrayOfFiles);
+    } else {
+      arrayOfFiles.push(path.join(dirPath, "/", file));
+    }
+  });
+
+  return arrayOfFiles;
+}
+
+const publicDir = path.join(process.cwd(), 'public');
+const allAssets = getAllFiles(publicDir);
+const allAssetEntries = allAssets.reduce((acc, file) => {
+  const src = path.relative(publicDir, file).replaceAll('\\', '/');
+  acc[src] = {
+    ext: path.extname(file).toLowerCase().slice(1)
+  };
+  return acc;
+}, {});
+const allAssetEntriesWithImageSizes = await Promise.all(Object.entries(allAssetEntries).map(async ([src, asset]) => {
+  if (asset.ext === 'png') {
+    try {
+      const fullPath = path.join(publicDir, src);
+      const metadata = await sharp(fullPath).metadata();
+      return [src, {
+        ...asset,
+        width: metadata.width,
+        height: metadata.height
+      }];
+    } catch (error) {
+      console.error(`Error processing ${src}:`, error);
+      return [src, asset];
+    }
+  }
+  return [src, asset];
+}));
+const allAssetEntriesWithImageSizesMap = Object.fromEntries(allAssetEntriesWithImageSizes);
+
+fs.writeFileSync(
+  path.join(process.cwd(), 'src/assets', 'assets-index.json'),
+  JSON.stringify({
+    assets: allAssetEntriesWithImageSizesMap
+  }, null, 2)
+);
+
+console.log('Valid assets list generated successfully.');
\ No newline at end of file
diff --git a/next/src/assets/assets-index.json b/next/src/assets/assets-index.json
new file mode 100644
index 0000000..fa044c6
--- /dev/null
+++ b/next/src/assets/assets-index.json
@@ -0,0 +1,552 @@
+{
+  "assets": {
+    "branches/reflog/reflog-branch.mp4": {
+      "ext": "mp4"
+    },
+    "branches/reflog/reflog-branch.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "branches/reflog/reflog-delete.mp4": {
+      "ext": "mp4"
+    },
+    "branches/reflog/reflog-delete.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "branches/reflog/reflog-head.mp4": {
+      "ext": "mp4"
+    },
+    "branches/reflog/reflog-head.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "branches/save-for-later/save-all-for-later.png": {
+      "ext": "png",
+      "width": 206,
+      "height": 95
+    },
+    "branches/save-for-later/save-for-later.mp4": {
+      "ext": "mp4"
+    },
+    "branches/save-for-later/save-for-later.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "branches/sticky-notes-and-paintbrushes/branch-create-fork.mp4": {
+      "ext": "mp4"
+    },
+    "branches/sticky-notes-and-paintbrushes/branch-create-fork.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "branches/sticky-notes-and-paintbrushes/branch-drag.mp4": {
+      "ext": "mp4"
+    },
+    "branches/sticky-notes-and-paintbrushes/branch-drag.png": {
+      "ext": "png",
+      "width": 509,
+      "height": 309
+    },
+    "branches/sticky-notes-and-paintbrushes/branch-hover-vs-click.mp4": {
+      "ext": "mp4"
+    },
+    "branches/sticky-notes-and-paintbrushes/branch-hover-vs-click.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "branches/sticky-notes-and-paintbrushes/local-branch-remote-branch-tag.png": {
+      "ext": "png",
+      "width": 210,
+      "height": 18
+    },
+    "branches/sticky-notes-and-paintbrushes/local-branch.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "branches/sticky-notes-and-paintbrushes/remote-branch.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "branches/sticky-notes-and-paintbrushes/simple-branch.png": {
+      "ext": "png",
+      "width": 120,
+      "height": 134
+    },
+    "branches/sticky-notes-and-paintbrushes/tag.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "epilogue/departures/no-index.png": {
+      "ext": "png",
+      "width": 253,
+      "height": 205
+    },
+    "epilogue/departures/stash.png": {
+      "ext": "png",
+      "width": 323,
+      "height": 49
+    },
+    "intro/clone/clone.mp4": {
+      "ext": "mp4"
+    },
+    "intro/clone/clone.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "intro/commit/command-console.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "intro/commit/commit-browse-commits.mp4": {
+      "ext": "mp4"
+    },
+    "intro/commit/commit-browse-commits.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "intro/commit/commit-browse-files.mp4": {
+      "ext": "mp4"
+    },
+    "intro/commit/commit-browse-files.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "intro/commit/commit-edit.mp4": {
+      "ext": "mp4"
+    },
+    "intro/commit/commit-edit.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "intro/commit/commit-goto-wc.mp4": {
+      "ext": "mp4"
+    },
+    "intro/commit/commit-goto-wc.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "intro/commit/commit-make.mp4": {
+      "ext": "mp4"
+    },
+    "intro/commit/commit-make.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "intro/commit/commit-open-folder.mp4": {
+      "ext": "mp4"
+    },
+    "intro/commit/commit-open-folder.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "intro/commit/commit-set-username.mp4": {
+      "ext": "mp4"
+    },
+    "intro/commit/commit-set-username.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "intro/commit/commit-who-when-what-why.mp4": {
+      "ext": "mp4"
+    },
+    "intro/commit/commit-who-when-what-why.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "intro/diff-list-icon.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "intro/init/init.mp4": {
+      "ext": "mp4"
+    },
+    "intro/init/init.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "intro/open-working-copy.mp4": {
+      "ext": "mp4"
+    },
+    "intro/open-working-copy.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "share/branches/case-both-actions.png": {
+      "ext": "png",
+      "width": 485,
+      "height": 94
+    },
+    "share/branches/case-both.png": {
+      "ext": "png",
+      "width": 135,
+      "height": 94
+    },
+    "share/branches/case-local-new-actions.png": {
+      "ext": "png",
+      "width": 485,
+      "height": 50
+    },
+    "share/branches/case-local-new.png": {
+      "ext": "png",
+      "width": 116,
+      "height": 56
+    },
+    "share/branches/case-local-only-actions.png": {
+      "ext": "png",
+      "width": 485,
+      "height": 28
+    },
+    "share/branches/case-local-only.png": {
+      "ext": "png",
+      "width": 82,
+      "height": 18
+    },
+    "share/branches/case-remote-new-actions.png": {
+      "ext": "png",
+      "width": 485,
+      "height": 72
+    },
+    "share/branches/case-remote-new.png": {
+      "ext": "png",
+      "width": 135,
+      "height": 56
+    },
+    "share/branches/case-remote-only-actions.png": {
+      "ext": "png",
+      "width": 485,
+      "height": 72
+    },
+    "share/branches/case-remote-only.png": {
+      "ext": "png",
+      "width": 116,
+      "height": 18
+    },
+    "share/branches/case-synced-actions.png": {
+      "ext": "png",
+      "width": 485,
+      "height": 28
+    },
+    "share/branches/case-synced.png": {
+      "ext": "png",
+      "width": 180,
+      "height": 18
+    },
+    "share/branches/share-branches.mp4": {
+      "ext": "mp4"
+    },
+    "share/branches/share-branches.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "share/remotes/remotes-add.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "share/remotes/remotes-browse.mp4": {
+      "ext": "mp4"
+    },
+    "share/remotes/remotes-browse.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "share/remotes/remotes-local.mp4": {
+      "ext": "mp4"
+    },
+    "share/remotes/remotes-local.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "share/tags/tag-dialog-annotated.png": {
+      "ext": "png",
+      "width": 564,
+      "height": 230
+    },
+    "share/tags/tag-dialog-lightweight.png": {
+      "ext": "png",
+      "width": 564,
+      "height": 230
+    },
+    "share/tags/tag-view-annotated.png": {
+      "ext": "png",
+      "width": 365,
+      "height": 91
+    },
+    "share/tags/tag-view-lightweight.png": {
+      "ext": "png",
+      "width": 365,
+      "height": 91
+    },
+    "time-travel/cherry-pick-and-rebase/TODO.png": {
+      "ext": "png",
+      "width": 120,
+      "height": 134
+    },
+    "time-travel/cherry-pick-and-rebase/after-rebase.png": {
+      "ext": "png",
+      "width": 125,
+      "height": 153
+    },
+    "time-travel/cherry-pick-and-rebase/apply_delta.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "time-travel/cherry-pick-and-rebase/apply_file.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "time-travel/cherry-pick-and-rebase/before-rebase.png": {
+      "ext": "png",
+      "width": 125,
+      "height": 153
+    },
+    "time-travel/cherry-pick-and-rebase/blank_file.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "time-travel/cherry-pick-and-rebase/blank_folder.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "time-travel/cherry-pick-and-rebase/commit.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "time-travel/cherry-pick-and-rebase/rebase-actual.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/cherry-pick-and-rebase/rebase-actual.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/cherry-pick-and-rebase/rebase-by-cherry-picking.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/cherry-pick-and-rebase/rebase-by-cherry-picking.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/cherry-pick-and-rebase/rebase-compare-to-merge.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/cherry-pick-and-rebase/rebase-compare-to-merge.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/cherry-pick-and-rebase/rebase.png": {
+      "ext": "png",
+      "width": 16,
+      "height": 16
+    },
+    "time-travel/merge/merge-brainstorm.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/merge/merge-brainstorm.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/merge/merge-conflict.png": {
+      "ext": "png",
+      "width": 241,
+      "height": 78
+    },
+    "time-travel/merge/merge-create.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/merge/merge-create.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/merge/merge-pick-parent.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/merge/merge-pick-parent.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 620
+    },
+    "time-travel/merge/merge-squash-vs-summary.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/merge/merge-squash-vs-summary.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/merge/merge-squash.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/merge/merge-squash.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 620
+    },
+    "time-travel/merge/merge-summary.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/merge/merge-summary.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/merge/merge-undo.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/merge/merge-undo.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/patch/TODO.png": {
+      "ext": "png",
+      "width": 120,
+      "height": 134
+    },
+    "time-travel/patch/animals-patch.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 285
+    },
+    "time-travel/patch/animals-split.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 298
+    },
+    "time-travel/patch/patch-c-after.png": {
+      "ext": "png",
+      "width": 136,
+      "height": 78
+    },
+    "time-travel/patch/patch-c-before.png": {
+      "ext": "png",
+      "width": 136,
+      "height": 78
+    },
+    "time-travel/patch/patch-c-diff.png": {
+      "ext": "png",
+      "width": 136,
+      "height": 78
+    },
+    "time-travel/patch/patch-conflict-before.png": {
+      "ext": "png",
+      "width": 136,
+      "height": 78
+    },
+    "time-travel/patch/patch-docs-after.png": {
+      "ext": "png",
+      "width": 136,
+      "height": 78
+    },
+    "time-travel/patch/patch-docs-before.png": {
+      "ext": "png",
+      "width": 136,
+      "height": 78
+    },
+    "time-travel/patch/patch-docs-diff.png": {
+      "ext": "png",
+      "width": 136,
+      "height": 78
+    },
+    "time-travel/patch/patch-dog-then-whale.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 558
+    },
+    "time-travel/patch/patch-whale-then-dog.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 558
+    },
+    "time-travel/patch/zip-animals-patch-shared.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 320
+    },
+    "time-travel/patch/zip-animals-patch.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 285
+    },
+    "time-travel/patch/zip-animals-split.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 298
+    },
+    "time-travel/rewrite-history/rewrite-reorder-and-omit.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/rewrite-history/rewrite-reorder-and-omit.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/rewrite-history/rewrite-setup.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/rewrite-history/rewrite-setup.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/rewrite-history/rewrite-split-and-combine.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/rewrite-history/rewrite-split-and-combine.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/rewrite-history/rewrite-summary-merge.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/rewrite-history/rewrite-summary-merge.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    },
+    "time-travel/rewrite-history/squash.mp4": {
+      "ext": "mp4"
+    },
+    "time-travel/rewrite-history/squash.png": {
+      "ext": "png",
+      "width": 620,
+      "height": 460
+    }
+  }
+}
\ No newline at end of file
diff --git a/next/src/assets/assets.mjs b/next/src/assets/assets.mjs
new file mode 100644
index 0000000..9abb85d
--- /dev/null
+++ b/next/src/assets/assets.mjs
@@ -0,0 +1,48 @@
+import assetsIndex from './assets-index.json' assert { type: 'json' };
+
+export function assetPathFor(asset) {
+    if (asset.startsWith('/')) {
+        throw Error(`Asset should not start with '/': ${asset}`)
+    }
+    if (asset.indexOf("://") != -1) {
+        throw Error(`Asset should not contain '://': ${asset}`)
+    }
+
+    if (!assetsIndex.assets[asset]) {
+        throw Error(`No such asset found: ${asset}`)
+    }
+
+    const assetPrefix = process.env.NEXT_PUBLIC_BUILD_PREFIX || '';
+
+    // TODO: Implement asset fingerprinting
+    // const fingerprint = getAssetFingerprint(asset);
+
+    // TODO: Track asset usage
+    // trackAssetUsage(asset);
+
+    return `${assetPrefix}/${asset}`;
+}
+
+function assertNumber(n) {
+    if (typeof n !== 'number' || isNaN(n)) {
+        throw new Error(`Expected to be a number: ${n}`);
+    }
+    return n
+}
+function isHiDpi(asset) {
+    return asset.indexOf("_2x.") != -1
+}
+export function assetW(asset) {
+    if (!assetsIndex.assets[asset]) {
+        throw new Error(`Cannot get width - no such asset found: ${asset}`)
+    }
+    const raw = assertNumber(assetsIndex.assets[asset].width)
+    return isHiDpi(asset) ? raw / 2 : raw
+}
+export function assetH(asset) {
+    if (!assetsIndex.assets[asset]) {
+        throw new Error(`Cannot get width - no such asset found: ${asset}`)
+    }
+    const raw = assertNumber(assetsIndex.assets[asset].height)
+    return isHiDpi(asset) ? raw / 2 : raw
+}
\ No newline at end of file

From 80aa29965ae1a89cb119b4bf8a0442778e9a2df4 Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 10:17:46 -0800
Subject: [PATCH 10/14] Use the new Video tag and simplified throttle.

---
 next/src/components/Video/Video.tsx | 85 +++++++++++++++++------------
 next/src/lib/throttle.ts            | 42 ++++----------
 2 files changed, 60 insertions(+), 67 deletions(-)

diff --git a/next/src/components/Video/Video.tsx b/next/src/components/Video/Video.tsx
index 44bd7d2..d941dab 100644
--- a/next/src/components/Video/Video.tsx
+++ b/next/src/components/Video/Video.tsx
@@ -2,10 +2,17 @@ import { CSSProperties, useEffect, useState } from 'react'
 import { useVideoRef } from './useVideoRef'
 import { throttle } from '../../lib/throttle'
 import { PlayButton } from '../icons/PlayButton'
+import { assetPathFor, assetH, assetW } from '../../assets/assets.mjs'
 
 type VideoProps = {
-  poster: string
-  source: string // must be mp4 video
+  mp4: string
+}
+
+function mp4_to_png(mp4: string): string {
+  if (!mp4.endsWith(".mp4")) {
+    throw Error("Expected to end with `.mp4`, was " + mp4)
+  }
+  return mp4.slice(0, mp4.length - "mp4".length) + "png"
 }
 
 export function Video(props: VideoProps) {
@@ -78,41 +85,47 @@ export function Video(props: VideoProps) {
   }, [])
 
   return (
-    <div className={'relative w-[589px] max-w-full'}>
-      {showOverlay && (
-        <div
-          className={
-            'pointer-events-none absolute left-0 top-[3px] z-20 flex bottom-0 right-0 items-center justify-center bg-gray opacity-50'
-          }
-          onMouseEnter={hideOverlay}
-        >
-          <PlayButton />
+    <div>
+      <span className={'inline-block relative'}>
+        {showOverlay && (
+          <div
+            className={
+              'pointer-events-none absolute left-0 top-[3px] z-20 flex bottom-0 right-0 items-center justify-center bg-gray opacity-50'
+            }
+            onMouseEnter={hideOverlay}
+          >
+            <PlayButton />
+          </div>
+        )}
+        <div className="relative z-10 h-1">
+          <div className="h-full bg-blue-700" style={progressBarStyle}></div>
         </div>
-      )}
-      <div className="relative z-10 h-1">
-        <div className="h-full bg-blue-700" style={progressBarStyle}></div>
-      </div>
-      <video
-        muted={true}
-        className="relative z-10 m-0 cursor-play"
-        width={589}
-        height={394}
-        poster={props.poster}
-        loop={true}
-        ref={videoRefCallback}
-        playsInline={true}
-        onMouseEnter={onMouseEnter}
-        onMouseLeave={onMouseLeave}
-        onTimeUpdate={onTimeUpdate}
-        onMouseDown={onMouseDown}
-        onMouseUp={onMouseUp}
-        onTouchStart={onTouchStart}
-        onTouchEnd={onTouchEnd}
-        onMouseMove={isScrubbing ? throttle(onMouseMove, 100, {}) : undefined}
-      >
-        <source src={props.source} type="video/mp4" />
-        <img className="video__alt" src={props.poster} />
-      </video>
+        <video
+          muted={true}
+          className="relative z-10 m-0 cursor-play"
+          width={assetW(mp4_to_png(props.mp4))}
+          height={assetH(mp4_to_png(props.mp4))}
+          poster={assetPathFor(mp4_to_png(props.mp4))}
+          loop={true}
+          ref={videoRefCallback}
+          playsInline={true}
+          onMouseEnter={onMouseEnter}
+          onMouseLeave={onMouseLeave}
+          onTimeUpdate={onTimeUpdate}
+          onMouseDown={onMouseDown}
+          onMouseUp={onMouseUp}
+          onTouchStart={onTouchStart}
+          onTouchEnd={onTouchEnd}
+          onMouseMove={isScrubbing ? throttle(onMouseMove, 100) : undefined}
+        >
+          <source src={assetPathFor(props.mp4)} type="video/mp4" />
+          <img
+            className="video__alt"
+            src={assetPathFor(mp4_to_png(props.mp4))}
+            width={assetW(mp4_to_png(props.mp4))}
+            height={assetH(mp4_to_png(props.mp4))} />
+        </video>
+      </span>
     </div>
   )
 }
diff --git a/next/src/lib/throttle.ts b/next/src/lib/throttle.ts
index d93bcd5..577334f 100644
--- a/next/src/lib/throttle.ts
+++ b/next/src/lib/throttle.ts
@@ -4,35 +4,15 @@
 // as much as it can, without ever going more than once per `wait` duration;
 // but if you'd like to disable the execution on the leading edge, pass
 // `{leading: false}`. To disable execution on the trailing edge, ditto.
-export function throttle(func: any , wait: number, options: {leading?: boolean, trailing?: boolean}) {
-    var context: Function | null, args: any, result: any;
-    var timeout: number | null = null;
-    var previous = 0;
-    if (!options) options = {};
-    var later = function() {
-      previous = options.leading === false ? 0 : Date.now();
-      timeout = null;
-      result = func.apply(context, args);
-      if (!timeout) context = args = null;
-    };
-    return function(this: Function) {
-      var now = Date.now();
-      if (!previous && options.leading === false) previous = now;
-      var remaining = wait - (now - previous);
-      context = this;
-      args = arguments;
-      if (remaining <= 0 || remaining > wait) {
-        if (timeout) {
-          clearTimeout(timeout);
-          timeout = null;
-        }
-        previous = now;
-        result = func.apply(context, args);
-        if (!timeout) context = args = null;
-      } else if (!timeout && options.trailing !== false) {
-        timeout = window.setTimeout(later, remaining);
+export function throttle(callback: Function, limit: number) {
+  var waiting = false;                      // Initially, we're not waiting
+  return function throttled() {                      // We return a throttled function
+      if (!waiting) {                       // If we're not waiting
+          callback.apply(throttled, arguments);  // Execute users function
+          waiting = true;                   // Prevent future invocations
+          setTimeout(function () {          // After a period of time
+              waiting = false;              // And allow future invocations
+          }, limit);
       }
-      return result;
-    };
-  };
-  
\ No newline at end of file
+  }
+}
\ No newline at end of file

From 1bc9a9d390518832bc0860c6ec900da93dc3dfcf Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 10:20:29 -0800
Subject: [PATCH 11/14] Add the asset system which allows regular images.

---
 next/src/mdx/remark.mjs | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/next/src/mdx/remark.mjs b/next/src/mdx/remark.mjs
index e523464..a743508 100644
--- a/next/src/mdx/remark.mjs
+++ b/next/src/mdx/remark.mjs
@@ -1,4 +1,21 @@
 import { mdxAnnotations } from 'mdx-annotations'
+import { visit } from 'unist-util-visit'
 import remarkGfm from 'remark-gfm'
+import { assetPathFor, assetW, assetH } from '../assets/assets.mjs'
 
-export const remarkPlugins = [mdxAnnotations.remark, remarkGfm]
+export function remarkAssetPrefix() {
+    return (tree, file) => {
+        visit(tree, 'image', (node) => {
+            const assetKey = node.url
+            node.url = assetPathFor(assetKey)
+            node.data = {
+                hProperties: {
+                    width: assetW(assetKey),
+                    height: assetH(assetKey)
+                }
+            }
+        })
+    }
+}
+
+export const remarkPlugins = [mdxAnnotations.remark, remarkGfm, remarkAssetPrefix]

From c9718e3ae9cf8b0d3dc26969b6881992c36598aa Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 10:28:46 -0800
Subject: [PATCH 12/14] Replace the regular non-inline images.

---
 next/src/pages/branches/save-for-later.mdx    |  7 +--
 .../sticky-notes-and-paintbrushes.mdx         | 14 +----
 next/src/pages/epilogue/departures.mdx        | 14 +----
 next/src/pages/share/remotes.mdx              |  7 +--
 .../time-travel/cherry-pick-and-rebase.mdx    | 42 ++-----------
 next/src/pages/time-travel/merge.mdx          |  7 +--
 next/src/pages/time-travel/patch.mdx          | 63 +++----------------
 7 files changed, 22 insertions(+), 132 deletions(-)

diff --git a/next/src/pages/branches/save-for-later.mdx b/next/src/pages/branches/save-for-later.mdx
index 65acac9..c536212 100644
--- a/next/src/pages/branches/save-for-later.mdx
+++ b/next/src/pages/branches/save-for-later.mdx
@@ -70,12 +70,7 @@ This gives you a fresh start, but you still have easy access to your work-in-pro
 
 *Hint 1: To quickly save all files in the working copy, you can use the dropdown next to Commit.*
 
-<Image 
-	src="/branches/save-for-later/save-all-for-later.png" 
-	alt="Stash"
-	width={206}
-	height={95}
-/>
+![Stash](branches/save-for-later/save-all-for-later.png)
 
 *Hint 2: If you're an experienced git user who already uses the "git stash" command, see the [departures from vanilla git](/epilogue/departures) section for more info.*
 
diff --git a/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx b/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx
index 828e7b5..ccf80cf 100644
--- a/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx
+++ b/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx
@@ -6,23 +6,13 @@ import { Video } from '@/components/Video/Video'
 
 You might think this is a branch:
 
-<Image
-  src="/branches/sticky-notes-and-paintbrushes/simple-branch.png"
-  alt="Feature branch"
-  width={120}
-  height={134}
-/>
+![Feature branch](branches/sticky-notes-and-paintbrushes/simple-branch.png)
 
 ...but a branch is actually _much_ simpler than that. **A branch is a name that points to a commit**. Commits have weird names - `518a9d2blahblahblah`. Branches let us use an easy-to-read name to mark a commit.
 
 Technically, the correct term here is a git "ref", of which there are three types - local branch, remote branch, and tag. They all work the same way - a name that points to a commit - but they have different rules for how they can move. In the history table, they look like this:
 
-<Image
-  src="/branches/sticky-notes-and-paintbrushes/local-branch-remote-branch-tag.png"
-  alt="Branch, remote branch, and tag"
-  width={210}
-  height={18}
-/>
+![Branch, remote branch, and tag](branches/sticky-notes-and-paintbrushes/local-branch-remote-branch-tag.png)
 
 <BranchTable />
 
diff --git a/next/src/pages/epilogue/departures.mdx b/next/src/pages/epilogue/departures.mdx
index 9e812f8..9c55943 100644
--- a/next/src/pages/epilogue/departures.mdx
+++ b/next/src/pages/epilogue/departures.mdx
@@ -26,12 +26,7 @@ Here are just a few of the commands needed to manage this "index" mechanism:
 
 In DiffPlug, we ignore the index entirely.  If a file is checked in the commit window, then it will be put into the commit.  Simple as that.
 
-<Image
-  alt="DiffPlug's staging area alternative"
-  src="/epilogue/departures/no-index.png"
-  width={253}
-  height={205}
-/>
+![DiffPlug's staging area alternative](epilogue/departures/no-index.png)
 
 ## No stash
 
@@ -39,12 +34,7 @@ It's common to have a situation where you've done a bunch of work that you'd lik
 
 Vanilla git handles this with `git stash`.  Because there are two places where changes can be - the working copy folder and the index - git has to do something pretty complicated.  It makes one commit to save the index, and a second merge commit which saves the working copy and references the index commit.
 
-<Image
-  alt="git stash"
-  src="/epilogue/departures/stash.png"
-  width={323}
-  height={49}
-/>
+![git stash](epilogue/departures/stash.png)
 
 It stores these as "refs/stash".  If you call `git stash` a second time, it uses the reflog to keep the first stash around for a while.
 
diff --git a/next/src/pages/share/remotes.mdx b/next/src/pages/share/remotes.mdx
index e92eaa0..51161a2 100644
--- a/next/src/pages/share/remotes.mdx
+++ b/next/src/pages/share/remotes.mdx
@@ -32,11 +32,6 @@ In the following sections, we're going to show how you can synchronize your comm
 
 To add a normal `https` or `ssh/git` remote, just click the plus.
 
-<Image
-  src="/share/remotes/remotes-add.png"
-  alt="Add a remote"
-  width={620}
-  height={460}
-/>
+![Add a remote](share/remotes/remotes-add.png)
 
 Now that we can connect to another git repository, we'll look at the easiest thing to share: [tags](../tags/tags.md).
diff --git a/next/src/pages/time-travel/cherry-pick-and-rebase.mdx b/next/src/pages/time-travel/cherry-pick-and-rebase.mdx
index 6c571c4..a044aae 100644
--- a/next/src/pages/time-travel/cherry-pick-and-rebase.mdx
+++ b/next/src/pages/time-travel/cherry-pick-and-rebase.mdx
@@ -34,21 +34,11 @@ Given that we can create a patch from a commit to its parent, we can use the exa
 
 Let's say you have a series of commits like this:
 
-<Image
-  alt="Branch before rebasing"
-  src="/time-travel/cherry-pick-and-rebase/before-rebase.png"
-  width={125}
-  height={153}
-/>
+![Branch before rebasing](time-travel/cherry-pick-and-rebase/before-rebase.png)
 
 And you would prefer that they looked like this:
 
-<Image
-  alt="Branch after rebasing"
-  src="/time-travel/cherry-pick-and-rebase/after-rebase.png"
-  width={125}
-  height={153}
-/>
+![Branch after rebasing](time-travel/cherry-pick-and-rebase/after-rebase.png)
 
 Happens all the time.  The `letters` branch is based off of the `common` commit, and you would rather it be based on the `3` commit.
 
@@ -68,39 +58,19 @@ A faster way to accomplish this is the <Image alt="Rebase icon" src="/time-trave
 
 The scenario above happens especially often in a team setting - somebody else uploaded their changes before you did.  Because it's so common, there's a shortcut for exactly this case:
 
-<Image
-  alt="Rebase onto origin/master"
-  src="/time-travel/cherry-pick-and-rebase/TODO.png"
-  width={120}
-  height={134}
-/>
+![Rebase onto origin/master](time-travel/cherry-pick-and-rebase/TODO.png)
 
 But you need to be careful about rebasing branches which you have shared.  When your branch moves to the new tip after a rebase, your old commits are [lost](/branches/reflog).
 
-<Image
-  alt="Rebase deletes commits"
-  src="/time-travel/cherry-pick-and-rebase/TODO.png"
-  width={120}
-  height={134}
-/>
+![Rebase deletes commits](time-travel/cherry-pick-and-rebase/TODO.png)
 
 That's fine if you haven't shared those commits with anyone else, but it's not good if you already have.  In the situation below, for example, the commits in `master` have already been published to `origin/sharedFeature`.
 
-<Image
-  alt="Not good to rebase"
-  src="/time-travel/cherry-pick-and-rebase/TODO.png"
-  width={120}
-  height={134}
-/>
+![Not good to rebase](time-travel/cherry-pick-and-rebase/TODO.png)
 
 If you rebase `master`, there will be some duplicated commits!
 
-<Image
-  alt="Duplicated commits"
-  src="/time-travel/cherry-pick-and-rebase/TODO.png"
-  width={120}
-  height={134}
-/>
+![Duplicated commits](time-travel/cherry-pick-and-rebase/TODO.png)
 
 [Merging](/time-travel/merge) is never bad, only use rebase when you haven't shared the commits with anyone else.
 
diff --git a/next/src/pages/time-travel/merge.mdx b/next/src/pages/time-travel/merge.mdx
index 0d643b2..95e4ce2 100644
--- a/next/src/pages/time-travel/merge.mdx
+++ b/next/src/pages/time-travel/merge.mdx
@@ -98,12 +98,7 @@ In the worst-case, a merge conflict will end up producing _four_ versions of the
 
 The full commit history producing this situation might be complex, but if we focus on a single conflicted file, we can ignore all the intermediate changes and describe the relationships between the relevant versions in a simple diamond.
 
-<Image
-  src="/time-travel/merge/merge-conflict.png"
-  alt="Merge conflict"
-  width={241}
-  height={78}
-/>
+![Merge conflict](time-travel/merge/merge-conflict.png)
 
 At this point, the tools have done everything they can to give you the context for the conflict, and it's your job to figure out what the working copy ought to be. Once you have made the working copy the way that you want, you declare to git "I have resolved this conflict, accept my gospel" and you can go on with your work.
 
diff --git a/next/src/pages/time-travel/patch.mdx b/next/src/pages/time-travel/patch.mdx
index cb59d19..dc34142 100644
--- a/next/src/pages/time-travel/patch.mdx
+++ b/next/src/pages/time-travel/patch.mdx
@@ -75,39 +75,19 @@ Earlier, we realized that any diff is a recipe that we can follow.  **The defini
 
 Let's try to merge these two branches.
 
-<Image 
-  alt="Fork the animals" 
-  src="/time-travel/patch/animals-split.png" 
-  width={620} 
-  height={298}
-/>
+![Fork the animals](time-travel/patch/animals-split.png)
 
 Using the preconditions we just learned about, we can generate these patches for each side:
 
-<Image
-  alt="Patch for each fork"
-  src="/time-travel/patch/animals-patch.png"
-  width={620}
-  height={285}
-/>
+![Patch for each fork](time-travel/patch/animals-patch.png)
 
 Because the patches don't touch the same files, their order doesn't matter.  Whether we start with the dog,
 
-<Image
-  alt="Apply the dog then the whale"
-  src="/time-travel/patch/patch-dog-then-whale.png"
-  width={620}
-  height={558}
-/>
+![Apply the dog then the whale](time-travel/patch/patch-dog-then-whale.png)
 
 or we start with the whale,
 
-<Image
-  alt="Apply the whale then the dog"
-  src="/time-travel/patch/patch-whale-then-dog.png"
-  width={620}
-  height={558}
-/>
+![Apply the whale then the dog](time-travel/patch/patch-whale-then-dog.png)
 
 we get the exact same final result.  This only works if the patches don't touch the same file, and it always works if the patches don't touch the same file.
 
@@ -115,21 +95,11 @@ we get the exact same final result.  This only works if the patches don't touch
 
 Let's say that instead, we have these branches:
 
-<Image
-  alt="Fork the animals.zip"
-  src="/time-travel/patch/zip-animals-split.png"
-  width={620}
-  height={298}
-/>
+![Fork the animals.zip](time-travel/patch/zip-animals-split.png)
 
 Which gives us these patches:
 
-<Image
-  alt="Patch for each fork"
-  src="/time-travel/patch/zip-animals-patch.png"
-  width={620}
-  height={285}
-/>
+![Patch for each fork](time-travel/patch/zip-animals-patch.png)
 
 There's no way to apply both patches, because once we have applied one, we have violated the preconditions for the other.  If we can put a man on the moon, we should be able to fix this.  Instead of treating `animals.zip` as an indivisible entity, we ought to be able to refer to its contents just like we refer to the contents of our project, right?
 
@@ -144,12 +114,7 @@ In order for our patches to share the zip file, we need to:
 
 Then our patches could look like this:
 
-<Image
-  alt="Shared patch for each fork"
-  src="/time-travel/patch/zip-animals-patch-shared.png"
-  width={620}
-  height={320}
-/>
+![Shared patch for each fork](time-travel/patch/zip-animals-patch-shared.png)
 
 Vanilla git treats zip files as indivisible, so it's not able to do this.  But it is able to do this for text files.
 
@@ -159,12 +124,7 @@ Making patches to a tree of files is fairly easy because it's easy to identify a
 
 Let's look at this scenario:
 
-<Image
-  alt="Conflict with text files"
-  src="/time-travel/patch/TODO.png"
-  width={120}
-  height={134}
-/>
+![Conflict with text files](time-travel/patch/TODO.png)
 {/*
 The Merry Versions of Vindsor
 Act II, Scene 2
@@ -177,12 +137,7 @@ Git: Not a byte.
 
 One way we could try to identify pieces is with line numbers.  Let's try that:
 
-<Image
-  alt="Resolve with line numbers"
-  src="/time-travel/patch/TODO.png"
-  width={120}
-  height={134}
-/>
+![Resolve with line numbers](time-travel/patch/TODO.png)
 
 Hmmm... relying on position alone is not very robust.  Let's instead try using the content of the line above and below what we're trying to change.
 

From 756c4de298c3ff7f5875fe78cda70917feb2b637 Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 10:41:34 -0800
Subject: [PATCH 13/14] Use `<Inline` for all inline images.

---
 next/src/components/Inline.tsx                | 14 ++++++++++++
 next/src/pages/branches/save-for-later.mdx    |  2 +-
 .../sticky-notes-and-paintbrushes.mdx         |  2 +-
 next/src/pages/epilogue/departures.mdx        |  2 +-
 next/src/pages/intro/commit.mdx               |  4 ++--
 next/src/pages/intro/init.mdx                 |  2 +-
 next/src/pages/intro/open-working-copy.mdx    |  4 ++--
 next/src/pages/share/branches.mdx             |  2 +-
 next/src/pages/share/remotes.mdx              |  2 +-
 .../time-travel/cherry-pick-and-rebase.mdx    | 22 +++++++++----------
 next/src/pages/time-travel/merge.mdx          |  2 +-
 next/src/pages/time-travel/patch.mdx          |  2 +-
 12 files changed, 37 insertions(+), 23 deletions(-)
 create mode 100644 next/src/components/Inline.tsx

diff --git a/next/src/components/Inline.tsx b/next/src/components/Inline.tsx
new file mode 100644
index 0000000..6e9ed67
--- /dev/null
+++ b/next/src/components/Inline.tsx
@@ -0,0 +1,14 @@
+import { assetPathFor, assetW, assetH } from '../assets/assets.mjs'
+
+interface InlineProps {
+  src: string
+  alt: string
+}
+
+/**
+ * Seems like you should be able to use the `next/image` inside a
+ * .mdx file, but it doesn't work
+ */
+export function Inline(props: InlineProps) {
+  return <img src={assetPathFor(props.src)} alt={props.alt} className={'inline m-0'} width={assetW(props.src)} height={assetH(props.src)} />
+}
diff --git a/next/src/pages/branches/save-for-later.mdx b/next/src/pages/branches/save-for-later.mdx
index c536212..4e72f89 100644
--- a/next/src/pages/branches/save-for-later.mdx
+++ b/next/src/pages/branches/save-for-later.mdx
@@ -1,4 +1,4 @@
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 import { Video } from '@/components/Video/Video'
 
 # Save work for later
diff --git a/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx b/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx
index ccf80cf..dbf951d 100644
--- a/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx
+++ b/next/src/pages/branches/sticky-notes-and-paintbrushes.mdx
@@ -1,5 +1,5 @@
 import { BranchTable } from '@/components/Tables/BranchTable'
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 import { Video } from '@/components/Video/Video'
 
 # Sticky-notes and paintbrushes
diff --git a/next/src/pages/epilogue/departures.mdx b/next/src/pages/epilogue/departures.mdx
index 9c55943..f0de208 100644
--- a/next/src/pages/epilogue/departures.mdx
+++ b/next/src/pages/epilogue/departures.mdx
@@ -1,4 +1,4 @@
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 
 # Departures from vanilla git
 
diff --git a/next/src/pages/intro/commit.mdx b/next/src/pages/intro/commit.mdx
index e27b07d..3f2991f 100644
--- a/next/src/pages/intro/commit.mdx
+++ b/next/src/pages/intro/commit.mdx
@@ -1,4 +1,4 @@
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 import { Video } from '@/components/Video/Video'
 
 # Make and edit a commit
@@ -41,7 +41,7 @@ There are some rules about when you should and shouldn't change commits in this
 
 Every time you make a commit, it will be tagged with your name and email. That way when you share your commits, your colleagues will be able to know who to contact if they'd like to discuss a particular change. You only have to set your username once, and it will be set for all the commits you make to every repository.
 
-Click the command console <Image src="commit/command-console.png" alt="command console icon" className="inline m-0" />, then select `Config library`. Once that is open, select `Git` from the tree at left and type in your name and email in the **Committer** box.
+Click the command console <Inline src="intro/commit/command-console.png" alt="command console icon" />, then select `Config library`. Once that is open, select `Git` from the tree at left and type in your name and email in the **Committer** box.
 
 <Video mp4="intro/commit/commit-set-username.mp4"/>
 
diff --git a/next/src/pages/intro/init.mdx b/next/src/pages/intro/init.mdx
index 750869b..0b8b258 100644
--- a/next/src/pages/intro/init.mdx
+++ b/next/src/pages/intro/init.mdx
@@ -1,4 +1,4 @@
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 import { Video } from '@/components/Video/Video'
 
 # Init a new repository
diff --git a/next/src/pages/intro/open-working-copy.mdx b/next/src/pages/intro/open-working-copy.mdx
index de80542..c272ec6 100644
--- a/next/src/pages/intro/open-working-copy.mdx
+++ b/next/src/pages/intro/open-working-copy.mdx
@@ -1,9 +1,9 @@
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 import { Video } from '@/components/Video/Video'
 
 # Open an existing working copy
 
-To open an existing working copy, drag the folder from your file explorer onto DiffPlug's <Image src="diff-list-icon.png" alt="DiffPlug icon" className="inline m-0" /> icon. Then right-click it and select `Git -> History`.
+To open an existing working copy, drag the folder from your file explorer onto DiffPlug's <Inline src="intro/diff-list-icon.png" alt="DiffPlug icon" /> icon. Then right-click it and select `Git -> History`.
 
 <Video mp4="intro/open-working-copy.mp4"/>
 
diff --git a/next/src/pages/share/branches.mdx b/next/src/pages/share/branches.mdx
index 45fad0e..8b27eee 100644
--- a/next/src/pages/share/branches.mdx
+++ b/next/src/pages/share/branches.mdx
@@ -1,5 +1,5 @@
 import { BranchCasesTable } from '@/components/Tables/BranchCasesTable'
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 import { Video } from '@/components/Video/Video'
 
 # Collaborate on a moving target
diff --git a/next/src/pages/share/remotes.mdx b/next/src/pages/share/remotes.mdx
index 51161a2..337b20f 100644
--- a/next/src/pages/share/remotes.mdx
+++ b/next/src/pages/share/remotes.mdx
@@ -1,4 +1,4 @@
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 import { Video } from '@/components/Video/Video'
 
 # Establish a connection
diff --git a/next/src/pages/time-travel/cherry-pick-and-rebase.mdx b/next/src/pages/time-travel/cherry-pick-and-rebase.mdx
index a044aae..e7bf09f 100644
--- a/next/src/pages/time-travel/cherry-pick-and-rebase.mdx
+++ b/next/src/pages/time-travel/cherry-pick-and-rebase.mdx
@@ -1,4 +1,4 @@
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 import { Video } from '@/components/Video/Video'
 
 # Move and undo commits and chains of commits
@@ -7,18 +7,18 @@ There's a difference between the *content* of a commit and the *changes* between
 
 ## Moving the content in a commit
 
-If you want to copy some or all of the files in a commit into your working copy, right-click the commit and select <Image alt="Apply content icon" src="/time-travel/cherry-pick-and-rebase/apply_file.png" className="inline m-0" width={16} height={16} />`Apply content`.  You can choose between:
+If you want to copy some or all of the files in a commit into your working copy, right-click the commit and select <Inline alt="Apply content icon" src="time-travel/cherry-pick-and-rebase/apply_file.png" />`Apply content`.  You can choose between:
 
-- <Image alt="All files icon" src="/time-travel/cherry-pick-and-rebase/blank_folder.png" className="inline m-0" width={16} height={16} />`all files into WC` copies every file from that commit into your working copy.
-- <Image alt="Some files icon" src="/time-travel/cherry-pick-and-rebase/blank_file.png" className="inline m-0" width={16} height={16} />`some files into WC` copies individual files one at a time into your working copy.
+- <Inline alt="All files icon" src="time-travel/cherry-pick-and-rebase/blank_folder.png" />`all files into WC` copies every file from that commit into your working copy.
+- <Inline alt="Some files icon" src="time-travel/cherry-pick-and-rebase/blank_file.png" />`some files into WC` copies individual files one at a time into your working copy.
 
 ## Moving the changes in a commit
 
-When you click a commit, you see the changes that took place between that commit and its parent.  To apply those same changes to your WC, all you have to do is right-click the commit, select <Image alt="Apply delta icon" src="/time-travel/cherry-pick-and-rebase/apply_delta.png" className="inline m-0" width={16} height={16} />`Apply delta`, and then one of its children:
+When you click a commit, you see the changes that took place between that commit and its parent.  To apply those same changes to your WC, all you have to do is right-click the commit, select <Inline alt="Apply delta icon" src="time-travel/cherry-pick-and-rebase/apply_delta.png" />`Apply delta`, and then one of its children:
 
-- <Image alt="Commit icon" src="/time-travel/cherry-pick-and-rebase/commit.png" className="inline m-0" width={16} height={16} />`and commit`
-- <Image alt="All files icon" src="/time-travel/cherry-pick-and-rebase/blank_folder.png" className="inline m-0" width={16} height={16} />`all files into WC`
-- <Image alt="Some files icon" src="/time-travel/cherry-pick-and-rebase/blank_file.png" className="inline m-0" width={16} height={16} />`some files into WC`
+- <Inline alt="Commit icon" src="time-travel/cherry-pick-and-rebase/commit.png" />`and commit`
+- <Inline alt="All files icon" src="time-travel/cherry-pick-and-rebase/blank_folder.png" />`all files into WC`
+- <Inline alt="Some files icon" src="time-travel/cherry-pick-and-rebase/blank_file.png" />`some files into WC`
 
 This will create a patch for the changes in this commit, and then apply it as either a new commit (`and commit`), or as an uncommitted change in the working copy (`all files into WC` and `some files into WC`).  The distinction between `all files` and `some files` is whether you will apply every change, or just some of the changes.
 
@@ -42,15 +42,15 @@ And you would prefer that they looked like this:
 
 Happens all the time.  The `letters` branch is based off of the `common` commit, and you would rather it be based on the `3` commit.
 
-One way to do this is to right-click each commit, one at a time, and select <Image alt="Apply delta icon" src="/time-travel/cherry-pick-and-rebase/apply_delta.png" className="inline m-0" width={16} height={16} />`Apply delta`.
+One way to do this is to right-click each commit, one at a time, and select <Inline alt="Apply delta icon" src="time-travel/cherry-pick-and-rebase/apply_delta.png" />`Apply delta`.
 
 <Video mp4="time-travel/cherry-pick-and-rebase/rebase-by-cherry-picking.mp4"/>
 
-A faster way to accomplish this is the <Image alt="Rebase icon" src="/time-travel/cherry-pick-and-rebase/rebase.png" className="inline m-0" width={16} height={16} />`rebase` command.  Here's how it works:
+A faster way to accomplish this is the <Inline alt="Rebase icon" src="time-travel/cherry-pick-and-rebase/rebase.png" />`rebase` command.  Here's how it works:
 
 - checkout the branch you want to move
 - right-click the branch you'd like to change its base to
-- select <Image alt="Rebase icon" src="/time-travel/cherry-pick-and-rebase/rebase.png" className="inline m-0" width={16} height={16} />`rebase`
+- select <Inline alt="Rebase icon" src="time-travel/cherry-pick-and-rebase/rebase.png" />`rebase`
 
 <Video mp4="time-travel/cherry-pick-and-rebase/rebase-actual.mp4"/>
 
diff --git a/next/src/pages/time-travel/merge.mdx b/next/src/pages/time-travel/merge.mdx
index 95e4ce2..6f4d618 100644
--- a/next/src/pages/time-travel/merge.mdx
+++ b/next/src/pages/time-travel/merge.mdx
@@ -1,4 +1,4 @@
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 import { Video } from '@/components/Video/Video'
 
 # The merge
diff --git a/next/src/pages/time-travel/patch.mdx b/next/src/pages/time-travel/patch.mdx
index dc34142..9c6ad34 100644
--- a/next/src/pages/time-travel/patch.mdx
+++ b/next/src/pages/time-travel/patch.mdx
@@ -1,4 +1,4 @@
-import { Image } from '@/components/Image'
+import { Inline } from '@/components/Inline'
 import { RecipeFollowTable } from '@/components/Tables/RecipeFollowTable'
 import { RecipeInferTable } from '@/components/Tables/RecipeInferTable'
 

From ed77a85ccee831821fbc7345c46ac83047453218 Mon Sep 17 00:00:00 2001
From: Ned Twigg <ned.twigg@diffplug.com>
Date: Sat, 18 Jan 2025 11:56:13 -0800
Subject: [PATCH 14/14] Replace `<Image` with `<Inline` for the tables.

---
 next/src/components/Image.tsx                 | 17 ----
 .../components/Tables/BranchCasesTable.tsx    | 98 +++----------------
 next/src/components/Tables/BranchTable.tsx    | 26 +----
 .../components/Tables/RecipeFollowTable.tsx   | 42 ++------
 .../components/Tables/RecipeInferTable.tsx    | 50 ++--------
 next/src/components/Tables/TagsTable.tsx      | 34 +------
 6 files changed, 35 insertions(+), 232 deletions(-)
 delete mode 100644 next/src/components/Image.tsx

diff --git a/next/src/components/Image.tsx b/next/src/components/Image.tsx
deleted file mode 100644
index f4a087e..0000000
--- a/next/src/components/Image.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import NextImage from 'next/image'
-
-interface ImageProps {
-  className: string
-  src: string
-  alt: string
-  width?: number
-  height?: number
-}
-
-/**
- * Seems like you should be able to use the `next/image` inside a
- * .mdx file, but it doesn't work
- */
-export function Image(props: ImageProps) {
-  return <NextImage width={16} height={16} {...props} />
-}
diff --git a/next/src/components/Tables/BranchCasesTable.tsx b/next/src/components/Tables/BranchCasesTable.tsx
index 90ef686..37735b8 100644
--- a/next/src/components/Tables/BranchCasesTable.tsx
+++ b/next/src/components/Tables/BranchCasesTable.tsx
@@ -1,4 +1,4 @@
-import Image from 'next/image'
+import { Inline } from '@/components/Inline'
 
 export function BranchCasesTable() {
   return (
@@ -13,128 +13,62 @@ export function BranchCasesTable() {
       <tbody>
         <tr>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-synced.png"
-              alt="Synced"
-              width={180}
-              height={18}
-              className="m-0"
-            />
+            <Inline alt="Synced" src="share/branches/case-synced.png" />
           </td>
           <td className="align-top">
             The local and remote branches are synchronized.
           </td>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-synced-actions.png"
-              alt="Synced actions"
-              width={485}
-              height={28}
-              className="m-0"
-            />
+            <Inline alt="Synced actions" src="share/branches/case-synced-actions.png" />
           </td>
         </tr>
         <tr>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-local-only.png"
-              alt="Local only"
-              width={82}
-              height={18}
-              className="m-0"
-            />
+            <Inline alt="Local only" src="share/branches/case-local-only.png" />
           </td>
           <td className="align-top">
             You have a branch that the server doesn't have.
           </td>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-local-only-actions.png"
-              alt="Local only actions"
-              width={485}
-              height={28}
-              className="m-0"
-            />
+            <Inline alt="Local only actions" src="share/branches/case-local-only-actions.png" />
           </td>
         </tr>
         <tr>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-remote-only.png"
-              alt="Remote only"
-              width={116}
-              height={18}
-              className="m-0"
-            />
+            <Inline alt="Remote only" src="share/branches/case-remote-only.png" />
           </td>
           <td className="align-top">
             The server has a branch that you don't have.
           </td>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-remote-only-actions.png"
-              alt="Remote only actions"
-              width={485}
-              height={72}
-              className="m-0"
-            />
+            <Inline alt="Remote only actions" src="share/branches/case-remote-only-actions.png" />
           </td>
         </tr>
         <tr>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-local-new.png"
-              alt="Local has new"
-              width={116}
-              height={56}
-              className="m-0"
-            />
+            <Inline alt="Local has new" src="share/branches/case-local-new.png" />
           </td>
           <td className="align-top">
             You made some commits and haven't uploaded them yet.
           </td>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-local-new-actions.png"
-              alt="Local has new actions"
-              width={485}
-              height={50}
-              className="m-0"
-            />
+            <Inline alt="Local has new actions" src="share/branches/case-local-new-actions.png" />
           </td>
         </tr>
         <tr>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-remote-new.png"
-              alt="Remote has new"
-              width={135}
-              height={56}
-              className="m-0"
-            />
+            <Inline alt="Remote has new" src="share/branches/case-remote-new.png" />
           </td>
           <td className="align-top">
             The server has some new commits which you haven't accepted yet.
           </td>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-remote-new-actions.png"
-              alt="Remote has new actions"
-              width={485}
-              height={72}
-              className="m-0"
-            />
+            <Inline alt="Remote has new actions" src="share/branches/case-remote-new-actions.png" />
           </td>
         </tr>
         <tr>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-both.png"
-              alt="Both have new"
-              width={135}
-              height={56}
-              className="m-0"
-            />
+            <Inline alt="Both have new" src="share/branches/case-both.png" />
           </td>
           <td className="align-top">
             Both you and the server have some new commits. Congratulations!
@@ -144,13 +78,7 @@ export function BranchCasesTable() {
             section.
           </td>
           <td className="align-top">
-            <Image
-              src="/share/branches/case-both-actions.png"
-              alt="Both have new actions"
-              width={485}
-              height={94}
-              className="m-0"
-            />
+            <Inline alt="Both have new actions" src="share/branches/case-both-actions.png" />
           </td>
         </tr>
       </tbody>
diff --git a/next/src/components/Tables/BranchTable.tsx b/next/src/components/Tables/BranchTable.tsx
index c7f0f4d..8631a19 100644
--- a/next/src/components/Tables/BranchTable.tsx
+++ b/next/src/components/Tables/BranchTable.tsx
@@ -1,4 +1,4 @@
-import Image from 'next/image'
+import { Inline } from '@/components/Inline'
 
 export function BranchTable() {
   return (
@@ -12,13 +12,7 @@ export function BranchTable() {
       <tbody>
         <tr>
           <td>
-            <Image
-              alt="Branch"
-              width="16"
-              height="16"
-              className="m-0 inline"
-              src="/branches/sticky-notes-and-paintbrushes/local-branch.png"
-            />{' '}
+            <Inline alt="Branch" src="branches/sticky-notes-and-paintbrushes/local-branch.png"  />{' '}
             Local branch
           </td>
           <td>
@@ -28,13 +22,7 @@ export function BranchTable() {
         </tr>
         <tr>
           <td>
-            <Image
-              alt="Remote Branch"
-              width="16"
-              height="16"
-              className="m-0 inline"
-              src="/branches/sticky-notes-and-paintbrushes/remote-branch.png"
-            />{' '}
+            <Inline alt="Remote Branch" src="branches/sticky-notes-and-paintbrushes/remote-branch.png" />{' '}
             Remote branch
           </td>
           <td>
@@ -45,13 +33,7 @@ export function BranchTable() {
         </tr>
         <tr>
           <td>
-            <Image
-              alt="Tag"
-              width="16"
-              height="16"
-              className="m-0 inline"
-              src="/branches/sticky-notes-and-paintbrushes/tag.png"
-            />{' '}
+            <Inline alt="Tag" src="branches/sticky-notes-and-paintbrushes/tag.png" />{' '}
             Tag
           </td>
           <td>
diff --git a/next/src/components/Tables/RecipeFollowTable.tsx b/next/src/components/Tables/RecipeFollowTable.tsx
index 1bd13ca..5e422e0 100644
--- a/next/src/components/Tables/RecipeFollowTable.tsx
+++ b/next/src/components/Tables/RecipeFollowTable.tsx
@@ -1,4 +1,4 @@
-import Image from 'next/image'
+import { Inline } from '@/components/Inline'
 
 export function RecipeFollowTable() {
   return (
@@ -14,53 +14,23 @@ export function RecipeFollowTable() {
       <tbody>
         <tr>
           <td>
-            <Image
-              alt="Docs before"
-              src="/time-travel/patch/patch-docs-before.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="Docs before" src="time-travel/patch/patch-docs-before.png" />
           </td>
           <td>
-            <Image
-              alt="Docs after"
-              src="/time-travel/patch/patch-docs-after.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="Docs after" src="time-travel/patch/patch-docs-after.png" />
           </td>
         </tr>
         <tr>
           <td>
-            <Image
-              alt="C before"
-              src="/time-travel/patch/patch-c-before.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="C before" src="time-travel/patch/patch-c-before.png" />
           </td>
           <td>
-            <Image
-              alt="C after"
-              src="/time-travel/patch/patch-c-after.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="C after" src="time-travel/patch/patch-c-after.png" />
           </td>
         </tr>
         <tr>
           <td>
-            <Image
-              alt="Conflict before"
-              src="/time-travel/patch/patch-conflict-before.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="Conflict before" src="time-travel/patch/patch-conflict-before.png" />
           </td>
           <td className="align-top">Unclear</td>
         </tr>
diff --git a/next/src/components/Tables/RecipeInferTable.tsx b/next/src/components/Tables/RecipeInferTable.tsx
index 913f3ce..31731ca 100644
--- a/next/src/components/Tables/RecipeInferTable.tsx
+++ b/next/src/components/Tables/RecipeInferTable.tsx
@@ -1,4 +1,4 @@
-import Image from 'next/image'
+import { Inline } from '@/components/Inline'
 
 export function RecipeInferTable() {
   return (
@@ -13,60 +13,24 @@ export function RecipeInferTable() {
       <tbody>
         <tr>
           <td>
-            <Image
-              alt="Docs before"
-              src="/time-travel/patch/patch-docs-before.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="Docs before" src="time-travel/patch/patch-docs-before.png" />
           </td>
           <td>
-            <Image
-              alt="Docs after"
-              src="/time-travel/patch/patch-docs-after.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="Docs after" src="time-travel/patch/patch-docs-after.png" />
           </td>
           <td>
-            <Image
-              alt="Docs diff"
-              src="/time-travel/patch/patch-docs-diff.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="Docs diff" src="time-travel/patch/patch-docs-diff.png" />
           </td>
         </tr>
         <tr>
           <td>
-            <Image
-              alt="C before"
-              src="/time-travel/patch/patch-c-before.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="C before" src="time-travel/patch/patch-c-before.png" />
           </td>
           <td>
-            <Image
-              alt="C after"
-              src="/time-travel/patch/patch-c-after.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="C after" src="time-travel/patch/patch-c-after.png" />
           </td>
           <td>
-            <Image
-              alt="C diff"
-              src="/time-travel/patch/patch-c-diff.png"
-              width={136}
-              height={78}
-              className="m-0"
-            />
+            <Inline alt="C diff" src="time-travel/patch/patch-c-diff.png" />
           </td>
         </tr>
       </tbody>
diff --git a/next/src/components/Tables/TagsTable.tsx b/next/src/components/Tables/TagsTable.tsx
index 0f61e2e..963ee73 100644
--- a/next/src/components/Tables/TagsTable.tsx
+++ b/next/src/components/Tables/TagsTable.tsx
@@ -1,4 +1,4 @@
-import Image from 'next/image'
+import { Inline } from '@/components/Inline'
 
 export function TagsTable() {
   return (
@@ -14,43 +14,19 @@ export function TagsTable() {
         <tr>
           <td className="align-top">Lightweight</td>
           <td className="p-0 align-top">
-            <Image
-              src="/share/tags/tag-dialog-lightweight.png"
-              alt="Lightweight tag dialog"
-              width={564}
-              height={230}
-              className="m-0"
-            />
+            <Inline alt="Lightweight tag dialog" src="share/tags/tag-dialog-lightweight.png" />
           </td>
           <td className="p-0 align-top">
-            <Image
-              src="/share/tags/tag-view-lightweight.png"
-              alt="Lightweight tag right-click"
-              width={365}
-              height={91}
-              className="m-0"
-            />
+            <Inline alt="Lightweight tag right-click" src="share/tags/tag-view-lightweight.png" />
           </td>
         </tr>
         <tr>
           <td className="align-top">Annotated</td>
           <td className="p-0 align-top">
-            <Image
-              src="/share/tags/tag-dialog-annotated.png"
-              alt="Annotated tag dialog"
-              width={564}
-              height={230}
-              className="m-0"
-            />
+            <Inline alt="Annotated tag dialog" src="share/tags/tag-dialog-annotated.png" />
           </td>
           <td className="p-0 align-top">
-            <Image
-              src="/share/tags/tag-view-annotated.png"
-              alt="Annotated tag right-click"
-              width={365}
-              height={91}
-              className="m-0"
-            />
+            <Inline alt="Annotated tag right-click" src="share/tags/tag-view-annotated.png" />
           </td>
         </tr>
       </tbody>