Simple llama naming

frontend/src/components/ModelSelector.tsx

@@ -28,6 +28,10 @@ export const MODEL_CONFIG: Record<string, ModelCfg> = {
     displayName: "Llama 3.3 70B",
     tokenLimit: 70000
   },
+  "llama3-3-70b": {
+    displayName: "Llama 3.3 70B",
+    tokenLimit: 70000
+  },
   "google/gemma-3-27b-it": {
     displayName: "Gemma 3 27B",
     badge: "Starter",
@@ -113,9 +117,6 @@ export function ModelSelector({
           const filteredModels = models.filter((model) => {
             if (model.id === "latest") return false;
 
-            // Filter out duplicate llama model
-            if (model.id === "llama3-3-70b") return false;
-
             // Filter out models with lowercase 'instruct' or 'embed' in their ID
             if (model.id.includes("instruct") || model.id.includes("embed")) {
               return false;

frontend/src/state/LocalStateContext.tsx

@@ -2,6 +2,7 @@ import { useOpenSecret } from "@opensecret/react";
 import { useState } from "react";
 import { BillingStatus } from "@/billing/billingApi";
 import { LocalStateContext, Chat, HistoryItem, OpenSecretModel } from "./LocalStateContextDef";
+import { aliasModelName } from "@/utils/utils";
 
 export {
   LocalStateContext,
@@ -11,23 +12,23 @@ export {
   type LocalState
 } from "./LocalStateContextDef";
 
-export const DEFAULT_MODEL_ID = "ibnzterrell/Meta-Llama-3.3-70B-Instruct-AWQ-INT4";
+export const DEFAULT_MODEL_ID = "llama3-3-70b";
 
 export const LocalStateProvider = ({ children }: { children: React.ReactNode }) => {
   /** The model that should be assumed when a chat doesn't yet have one */
   const llamaModel: OpenSecretModel = {
     id: DEFAULT_MODEL_ID,
     object: "model",
     created: Date.now(),
-    owned_by: "ibnzterrell",
+    owned_by: "meta",
     tasks: ["generate"]
   };
 
   const [localState, setLocalState] = useState({
     userPrompt: "",
     systemPrompt: null as string | null,
     userImages: [] as File[],
-    model: import.meta.env.VITE_DEV_MODEL_OVERRIDE || DEFAULT_MODEL_ID,
+    model: aliasModelName(import.meta.env.VITE_DEV_MODEL_OVERRIDE) || DEFAULT_MODEL_ID,
     availableModels: [llamaModel] as OpenSecretModel[],
     billingStatus: null as BillingStatus | null,
     searchQuery: "",
@@ -40,7 +41,7 @@ export const LocalStateProvider = ({ children }: { children: React.ReactNode })
   async function persistChat(chat: Chat) {
     const chatToSave = {
       /** If a model is missing, assume the default Llama and write it now */
-      model: chat.model || DEFAULT_MODEL_ID,
+      model: aliasModelName(chat.model) || DEFAULT_MODEL_ID,
       ...chat
     };
 
@@ -123,7 +124,12 @@ export const LocalStateProvider = ({ children }: { children: React.ReactNode })
     try {
       const chat = await get(`chat_${id}`);
       if (!chat) return undefined;
-      return JSON.parse(chat) as Chat;
+      const parsedChat = JSON.parse(chat) as Chat;
+      // Alias the model name for backward compatibility
+      if (parsedChat.model) {
+        parsedChat.model = aliasModelName(parsedChat.model);
+      }
+      return parsedChat;
     } catch (error) {
       console.error("Error fetching chat:", error);
       return undefined;
@@ -253,7 +259,10 @@ export const LocalStateProvider = ({ children }: { children: React.ReactNode })
   }
 
   function setModel(model: string) {
-    setLocalState((prev) => (prev.model === model ? prev : { ...prev, model }));
+    const aliasedModel = aliasModelName(model);
+    setLocalState((prev) =>
+      prev.model === aliasedModel ? prev : { ...prev, model: aliasedModel }
+    );
   }
 
   function setAvailableModels(models: OpenSecretModel[]) {

frontend/src/utils/utils.ts

@@ -73,3 +73,18 @@ export function useClickOutside(
     };
   }, [ref, callback]);
 }
+
+/**
+ * Alias old model names to new simplified names
+ * This ensures backward compatibility when the backend changes model names
+ */
+export function aliasModelName(modelName: string | undefined): string {
+  if (!modelName) return "";
+
+  // Map old complicated model name to new simplified name
+  if (modelName === "ibnzterrell/Meta-Llama-3.3-70B-Instruct-AWQ-INT4") {
+    return "llama3-3-70b";
+  }
+
+  return modelName;
+}