diff --git a/public/app.js b/public/app.js
index 9f0aa49..6f553e6 100644
--- a/public/app.js
+++ b/public/app.js
@@ -698,12 +698,14 @@ function renderHistory() {
   empty.hidden = historyVersions.length > 0;
 
   const childrenMap = buildChildrenMap(historyVersions);
-  const roots = historyVersions.filter(
-    (version) =>
-      version.kind === "original" ||
-      !version.parentId ||
-      !childrenMap.has(version.parentId)
-  );
+  const roots = historyVersions
+    .filter(
+      (version) =>
+        version.kind === "original" ||
+        !version.parentId ||
+        !childrenMap.has(version.parentId)
+    )
+    .sort((a, b) => String(b.createdAt || "").localeCompare(String(a.createdAt || "")));
 
   rebuildReferenceSelect();
 
diff --git a/public/index.html b/public/index.html
index a4f77d0..f5359aa 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,7 +15,7 @@
     rel="icon"
     href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='16' fill='%23202321'/%3E%3Ctext x='32' y='45' font-size='38' font-weight='bold' text-anchor='middle' fill='%23ffffff' font-family='sans-serif'%3E%D0%9A%3C/text%3E%3C/svg%3E"
   >
-  <link rel="stylesheet" href="/style.css?v=11">
+  <link rel="stylesheet" href="/style.css?v=12">
 </head>
 <body>
   <header class="topbar">
@@ -294,6 +294,6 @@
     </div>
   </noscript>
 
-  <script src="/app.js?v=11" defer></script>
+  <script src="/app.js?v=12" defer></script>
 </body>
 </html>