try again

Author: mchenco

.gitignore

@@ -27,4 +27,5 @@ pnpm-debug.log*
 /assets/secrets
 /worker/functions/
 
-.idea
+.idea
+/public/*

package-lock.json

@@ -27,6 +27,7 @@
 	"devDependencies": {
 		"@actions/core": "1.11.1",
 		"@actions/github": "6.0.0",
+		"@anthropic-ai/claude-code": "0.2.59",
 		"@apidevtools/swagger-parser": "10.1.1",
 		"@astrojs/check": "0.9.4",
 		"@astrojs/react": "4.2.1",

package.json

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState, useMemo } from "react";
 import ModelInfo from "./models/ModelInfo";
 import ModelBadges from "./models/ModelBadges";
 import { authorData } from "./models/data";
@@ -25,28 +25,28 @@ const ModelCatalog = ({ models }: { models: WorkersAIModelsSchema[] }) => {
 		"@cf/meta/llama-3.1-8b-instruct-fast",
 	];
 
-	// Sort models by pinned status first, then by created_at date
-	const sortedModels = [...models].sort((a, b) => {
-		// First check if either model is pinned
-		const isPinnedA = pinnedModelNames.includes(a.name);
-		const isPinnedB = pinnedModelNames.includes(b.name);
-
-		// If pinned status differs, prioritize pinned models
-		if (isPinnedA && !isPinnedB) return -1;
-		if (!isPinnedA && isPinnedB) return 1;
-
-		// If both are pinned, sort by position in pinnedModelNames array (for manual ordering)
-		if (isPinnedA && isPinnedB) {
-			return (
-				pinnedModelNames.indexOf(a.name) - pinnedModelNames.indexOf(b.name)
-			);
-		}
+	// Only sort by pinned status (models should already be sorted by created_at in index.astro)
+	const sortedModels = useMemo(() => {
+		return [...models].sort((a, b) => {
+			// First check if either model is pinned
+			const isPinnedA = pinnedModelNames.includes(a.name);
+			const isPinnedB = pinnedModelNames.includes(b.name);
+
+			// If pinned status differs, prioritize pinned models
+			if (isPinnedA && !isPinnedB) return -1;
+			if (!isPinnedA && isPinnedB) return 1;
+
+			// If both are pinned, sort by position in pinnedModelNames array (for manual ordering)
+			if (isPinnedA && isPinnedB) {
+				return (
+					pinnedModelNames.indexOf(a.name) - pinnedModelNames.indexOf(b.name)
+				);
+			}
 
-		// If neither is pinned, sort by created_at date (newest first)
-		const dateA = a.created_at ? new Date(a.created_at) : new Date(0);
-		const dateB = b.created_at ? new Date(b.created_at) : new Date(0);
-		return dateB.getTime() - dateA.getTime();
-	});
+			// For non-pinned models, maintain the original order
+			return 0;
+		});
+	}, [models]);
 
 	useEffect(() => {
 		const params = new URLSearchParams(window.location.search);

src/components/ModelCatalog.tsx

@@ -5,7 +5,14 @@ import StarlightPage from "@astrojs/starlight/components/StarlightPage.astro";
 import ModelCatalog from "~/components/ModelCatalog.tsx";
 
 const modelData = await getCollection("workers-ai-models");
-const models = modelData.map(({ data }) => data);
+let models = modelData.map(({ data }) => data);
+
+// Sort models by created_at date (newest first)
+models = models.sort((a, b) => {
+  const dateA = a.created_at ? new Date(a.created_at) : new Date(0);
+  const dateB = b.created_at ? new Date(b.created_at) : new Date(0);
+  return dateB.getTime() - dateA.getTime();
+});
 ---
 
 <StarlightPage frontmatter={{ title: "Models", tableOfContents: false }}>