Enable free tier users to switch between free tier AI models

- Update API to allow free tier users to switch between free models
- Update web app to allow model switching on agent creation, settings
  chat page (via right side pane), even for free tier users.

Previously the model switching APIs and UX fields on web app were
completely disabled for free tier users

src/interface/web/app/common/auth.ts

@@ -33,6 +33,7 @@ export function useAuthenticatedData() {
 export interface ModelOptions {
     id: number;
     name: string;
+    tier: string;
     description: string;
     strengths: string;
 }

src/interface/web/app/common/modelSelector.tsx

@@ -30,6 +30,7 @@ import { Skeleton } from "@/components/ui/skeleton";
 interface ModelSelectorProps extends PopoverProps {
     onSelect: (model: ModelOptions) => void;
     disabled?: boolean;
+    isActive?: boolean;
     initialModel?: string;
 }
 
@@ -116,6 +117,7 @@ export function ModelSelector({ ...props }: ModelSelectorProps) {
                                                             setSelectedModel(model)
                                                             setOpen(false)
                                                         }}
+                                                        isActive={props.isActive}
                                                     />
                                                 ))}
                                         </CommandGroup>
@@ -165,6 +167,7 @@ export function ModelSelector({ ...props }: ModelSelectorProps) {
                                                                 setSelectedModel(model)
                                                                 setOpen(false)
                                                             }}
+                                                            isActive={props.isActive}
                                                         />
                                                     ))}
                                             </CommandGroup>
@@ -184,9 +187,10 @@ interface ModelItemProps {
     isSelected: boolean,
     onSelect: () => void,
     onPeek: (model: ModelOptions) => void
+    isActive?: boolean
 }
 
-function ModelItem({ model, isSelected, onSelect, onPeek }: ModelItemProps) {
+function ModelItem({ model, isSelected, onSelect, onPeek, isActive }: ModelItemProps) {
     const ref = React.useRef<HTMLDivElement>(null)
 
     useMutationObserver(ref, (mutations) => {
@@ -207,8 +211,9 @@ function ModelItem({ model, isSelected, onSelect, onPeek }: ModelItemProps) {
             onSelect={onSelect}
             ref={ref}
             className="data-[selected=true]:bg-muted data-[selected=true]:text-secondary-foreground"
+            disabled={!isActive && model.tier !== "free"}
         >
-            {model.name}
+            {model.name} {model.tier === "standard" && <span className="text-green-500 ml-2">(Futurist)</span>}
             <Check
                 className={cn("ml-auto", isSelected ? "opacity-100" : "opacity-0")}
             />