diff --git a/ui/admin/app/components/form/BasicInputItem.tsx b/ui/admin/app/components/form/BasicInputItem.tsx
index c368b51c..77cfd717 100644
--- a/ui/admin/app/components/form/BasicInputItem.tsx
+++ b/ui/admin/app/components/form/BasicInputItem.tsx
@@ -8,12 +8,7 @@ import {
     FormMessage,
 } from "~/components/ui/form";
 
-export function BasicInputItem({
-    children,
-    classNames = {},
-    label,
-    description,
-}: {
+export type BasicInputItemProps = {
     children: ReactNode;
     classNames?: {
         wrapper?: string;
@@ -23,7 +18,14 @@ export function BasicInputItem({
     };
     label?: ReactNode;
     description?: ReactNode;
-}) {
+};
+
+export function BasicInputItem({
+    children,
+    classNames = {},
+    label,
+    description,
+}: BasicInputItemProps) {
     return (
         <FormItem className={classNames.wrapper}>
             {label && (
diff --git a/ui/admin/app/components/form/controlledInputs.tsx b/ui/admin/app/components/form/controlledInputs.tsx
index 1c79d5f3..2fa4d50d 100644
--- a/ui/admin/app/components/form/controlledInputs.tsx
+++ b/ui/admin/app/components/form/controlledInputs.tsx
@@ -10,7 +10,10 @@ import {
 
 import { cn } from "~/lib/utils";
 
-import { BasicInputItem } from "~/components/form/BasicInputItem";
+import {
+    BasicInputItem,
+    BasicInputItemProps,
+} from "~/components/form/BasicInputItem";
 import { Checkbox } from "~/components/ui/checkbox";
 import {
     FormControl,
@@ -232,6 +235,7 @@ export type ControlledCustomInputProps<
     TValues extends FieldValues,
     TName extends FieldPath<TValues>,
 > = BaseProps<TValues, TName> & {
+    classNames?: BasicInputItemProps["classNames"];
     children: (props: {
         field: ControllerRenderProps<TValues, TName>;
         fieldState: ControllerFieldState;
@@ -248,6 +252,7 @@ export function ControlledCustomInput<
     name,
     label,
     description,
+    classNames,
     children,
 }: ControlledCustomInputProps<TValues, TName>) {
     return (
@@ -255,7 +260,11 @@ export function ControlledCustomInput<
             control={control}
             name={name}
             render={(args) => (
-                <BasicInputItem label={label} description={description}>
+                <BasicInputItem
+                    classNames={classNames}
+                    label={label}
+                    description={description}
+                >
                     {children({
                         ...args,
                         className: getFieldStateClasses(args.fieldState),
diff --git a/ui/admin/app/components/model/DefaultModelAliasForm.tsx b/ui/admin/app/components/model/DefaultModelAliasForm.tsx
new file mode 100644
index 00000000..75f87c4c
--- /dev/null
+++ b/ui/admin/app/components/model/DefaultModelAliasForm.tsx
@@ -0,0 +1,222 @@
+import { useEffect, useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import useSWR from "swr";
+
+import { UpdateDefaultModelAlias } from "~/lib/model/defaultModelAliases";
+import { Model, getModelUsageFromAlias } from "~/lib/model/models";
+import { DefaultModelAliasApiService } from "~/lib/service/api/defaultModelAliasApiService";
+import { ModelApiService } from "~/lib/service/api/modelApiService";
+
+import { Button } from "~/components/ui/button";
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from "~/components/ui/dialog";
+import {
+    Form,
+    FormControl,
+    FormField,
+    FormItem,
+    FormLabel,
+    FormMessage,
+} from "~/components/ui/form";
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "~/components/ui/select";
+import { useAsync } from "~/hooks/useAsync";
+
+export function DefaultModelAliasForm({
+    onSuccess,
+}: {
+    onSuccess?: () => void;
+}) {
+    const { data: defaultAliases } = useSWR(
+        DefaultModelAliasApiService.getAliases.key(),
+        DefaultModelAliasApiService.getAliases
+    );
+
+    const { data: models } = useSWR(
+        ModelApiService.getModels.key(),
+        ModelApiService.getModels
+    );
+
+    const modelUsageMap = useMemo(() => {
+        return (models ?? []).reduce((acc, model) => {
+            if (!acc.has(model.usage)) acc.set(model.usage, []);
+
+            acc.get(model.usage)?.push(model);
+
+            return acc;
+        }, new Map<string, Model[]>());
+    }, [models]);
+
+    const update = useAsync(
+        async (updates: UpdateDefaultModelAlias[]) => {
+            await Promise.all(
+                updates.map((update) =>
+                    DefaultModelAliasApiService.updateAlias(
+                        update.alias,
+                        update
+                    )
+                )
+            );
+        },
+        {
+            onSuccess: () => {
+                toast.success("Default model aliases updated");
+                onSuccess?.();
+            },
+        }
+    );
+
+    const defaultValues = useMemo(() => {
+        return defaultAliases?.reduce(
+            (acc, alias) => {
+                acc[alias.alias] = alias.model;
+                return acc;
+            },
+            {} as Record<string, string>
+        );
+    }, [defaultAliases]);
+
+    const form = useForm<Record<string, string>>({ defaultValues });
+
+    useEffect(() => {
+        return form.watch((values) => {
+            const changedItems = defaultAliases?.filter(({ alias, model }) => {
+                return values[alias] !== model;
+            });
+
+            if (!changedItems?.length) return;
+        }).unsubscribe;
+    }, [defaultAliases, form]);
+
+    useEffect(() => {
+        form.reset(defaultValues);
+    }, [defaultValues, form]);
+
+    const handleSubmit = form.handleSubmit((values) => {
+        const updates = defaultAliases
+            ?.filter(({ alias, model }) => values[alias] !== model)
+            .map(({ alias }) => ({
+                alias,
+                model: values[alias],
+            }));
+
+        update.execute(updates ?? []);
+    });
+
+    return (
+        <Form {...form}>
+            <form onSubmit={handleSubmit} className="space-y-6">
+                {defaultAliases?.map(({ alias, model: defaultModel }) => (
+                    <FormField
+                        control={form.control}
+                        name={alias}
+                        key={alias}
+                        render={({ field: { ref: _, ...field } }) => {
+                            const usage = getModelUsageFromAlias(alias);
+                            const modelOptions = usage
+                                ? modelUsageMap.get(usage)
+                                : [];
+
+                            return (
+                                <FormItem className="flex justify-between items-center space-y-0">
+                                    <FormLabel>{alias}</FormLabel>
+
+                                    <div className="flex flex-col gap-2 w-[50%]">
+                                        <FormControl>
+                                            <Select
+                                                {...field}
+                                                key={field.value}
+                                                value={field.value || ""}
+                                                onValueChange={field.onChange}
+                                            >
+                                                <SelectTrigger className="w-full">
+                                                    <SelectValue
+                                                        placeholder={
+                                                            defaultModel
+                                                        }
+                                                    />
+                                                </SelectTrigger>
+
+                                                <SelectContent>
+                                                    {modelOptions ? (
+                                                        modelOptions.map(
+                                                            (model) => (
+                                                                <SelectItem
+                                                                    key={
+                                                                        model.id
+                                                                    }
+                                                                    value={
+                                                                        model.id
+                                                                    }
+                                                                >
+                                                                    {model.id}
+                                                                </SelectItem>
+                                                            )
+                                                        )
+                                                    ) : (
+                                                        <SelectItem
+                                                            value={defaultModel}
+                                                        >
+                                                            {defaultModel}
+                                                        </SelectItem>
+                                                    )}
+                                                </SelectContent>
+                                            </Select>
+                                        </FormControl>
+
+                                        <FormMessage />
+                                    </div>
+                                </FormItem>
+                            );
+                        }}
+                    />
+                ))}
+
+                <Button
+                    type="submit"
+                    className="w-full"
+                    disabled={update.isLoading}
+                    loading={update.isLoading}
+                >
+                    Save Changes
+                </Button>
+            </form>
+        </Form>
+    );
+}
+
+export function DefaultModelAliasFormDialog() {
+    const [open, setOpen] = useState(false);
+
+    return (
+        <Dialog open={open} onOpenChange={setOpen}>
+            <DialogTrigger asChild>
+                <Button>Default Model Aliases</Button>
+            </DialogTrigger>
+
+            <DialogContent>
+                <DialogHeader>
+                    <DialogTitle>Default Model Aliases</DialogTitle>
+                </DialogHeader>
+
+                <DialogDescription>
+                    Set the default model for each usage.
+                </DialogDescription>
+
+                <DefaultModelAliasForm onSuccess={() => setOpen(false)} />
+            </DialogContent>
+        </Dialog>
+    );
+}
diff --git a/ui/admin/app/components/model/ModelForm.tsx b/ui/admin/app/components/model/ModelForm.tsx
index 87bd2423..76cdbc9d 100644
--- a/ui/admin/app/components/model/ModelForm.tsx
+++ b/ui/admin/app/components/model/ModelForm.tsx
@@ -14,13 +14,9 @@ import {
     getModelUsageLabel,
     getModelsForProvider,
 } from "~/lib/model/models";
-import { BadRequestError } from "~/lib/service/api/apiErrors";
 import { ModelApiService } from "~/lib/service/api/modelApiService";
 
-import {
-    ControlledCheckbox,
-    ControlledCustomInput,
-} from "~/components/form/controlledInputs";
+import { ControlledCustomInput } from "~/components/form/controlledInputs";
 import { Button } from "~/components/ui/button";
 import { Form } from "~/components/ui/form";
 import {
@@ -71,7 +67,6 @@ export function ModelForm(props: ModelFormProps) {
             targetModel: model?.targetModel ?? "",
             modelProvider: model?.modelProvider ?? "",
             active: model?.active ?? true,
-            default: model?.default ?? false,
             usage: model?.usage ?? ModelUsage.LLM,
         };
     }, [model]);
@@ -184,12 +179,6 @@ export function ModelForm(props: ModelFormProps) {
                     )}
                 </ControlledCustomInput>
 
-                <ControlledCheckbox
-                    control={form.control}
-                    name="default"
-                    label="Default Model"
-                />
-
                 <Button
                     type="submit"
                     className="w-full"
@@ -220,7 +209,7 @@ export function ModelForm(props: ModelFormProps) {
     }
 
     function onError(error: unknown) {
-        if (error instanceof BadRequestError)
-            form.setError("default", { message: error.message });
+        if (error instanceof Error) toast.error(error.message);
+        else toast.error("Model failed to save.");
     }
 }
diff --git a/ui/admin/app/lib/model/defaultModelAliases.ts b/ui/admin/app/lib/model/defaultModelAliases.ts
new file mode 100644
index 00000000..1fc79fa2
--- /dev/null
+++ b/ui/admin/app/lib/model/defaultModelAliases.ts
@@ -0,0 +1,9 @@
+export type DefaultModelAliasBase = {
+    alias: string;
+    model: string;
+};
+
+export type DefaultModelAlias = DefaultModelAliasBase;
+
+export type CreateDefaultModelAlias = DefaultModelAliasBase;
+export type UpdateDefaultModelAlias = DefaultModelAliasBase;
diff --git a/ui/admin/app/lib/model/models.ts b/ui/admin/app/lib/model/models.ts
index 5486dd7a..bf16850a 100644
--- a/ui/admin/app/lib/model/models.ts
+++ b/ui/admin/app/lib/model/models.ts
@@ -26,7 +26,6 @@ export type ModelManifest = {
     targetModel?: string;
     modelProvider: string;
     active: boolean;
-    default: boolean;
     usage: ModelUsage;
 };
 
@@ -42,7 +41,6 @@ export const ModelManifestSchema = z.object({
     targetModel: z.string().min(1, "Required"),
     modelProvider: z.string().min(1, "Required"),
     active: z.boolean(),
-    default: z.boolean(),
     usage: z.nativeEnum(ModelUsage),
 });
 
@@ -91,6 +89,19 @@ const ModelToProviderMap = {
     ],
 };
 
+export const ModelAliasToUsageMap = {
+    llm: ModelUsage.LLM,
+    "llm-mini": ModelUsage.LLM,
+    "text-embedding": ModelUsage.TextEmbedding,
+    "image-generation": ModelUsage.ImageGeneration,
+} as const;
+
+export function getModelUsageFromAlias(alias: string) {
+    if (!(alias in ModelAliasToUsageMap)) return null;
+
+    return ModelAliasToUsageMap[alias as keyof typeof ModelAliasToUsageMap];
+}
+
 export function getModelsForProvider(providerId: string) {
     if (!providerId || !(providerId in ModelToProviderMap)) return [];
     return ModelToProviderMap[providerId as keyof typeof ModelToProviderMap];
diff --git a/ui/admin/app/lib/routers/apiRoutes.ts b/ui/admin/app/lib/routers/apiRoutes.ts
index 947be4c5..7f3e08b9 100644
--- a/ui/admin/app/lib/routers/apiRoutes.ts
+++ b/ui/admin/app/lib/routers/apiRoutes.ts
@@ -171,6 +171,17 @@ export const ApiRoutes = {
         updateModel: (modelId: string) => buildUrl(`/models/${modelId}`),
         deleteModel: (modelId: string) => buildUrl(`/models/${modelId}`),
     },
+    defaultModelAliases: {
+        base: () => buildUrl("/default-model-aliases"),
+        getAliases: () => buildUrl("/default-model-aliases"),
+        createAlias: () => buildUrl("/default-model-aliases"),
+        getAliasById: (aliasId: string) =>
+            buildUrl(`/default-model-aliases/${aliasId}`),
+        updateAlias: (aliasId: string) =>
+            buildUrl(`/default-model-aliases/${aliasId}`),
+        deleteAlias: (aliasId: string) =>
+            buildUrl(`/default-model-aliases/${aliasId}`),
+    },
     webhooks: {
         base: () => buildUrl("/webhooks"),
         getWebhooks: () => buildUrl("/webhooks"),
diff --git a/ui/admin/app/lib/service/api/defaultModelAliasApiService.ts b/ui/admin/app/lib/service/api/defaultModelAliasApiService.ts
new file mode 100644
index 00000000..49162197
--- /dev/null
+++ b/ui/admin/app/lib/service/api/defaultModelAliasApiService.ts
@@ -0,0 +1,61 @@
+import {
+    CreateDefaultModelAlias,
+    DefaultModelAlias,
+    UpdateDefaultModelAlias,
+} from "~/lib/model/defaultModelAliases";
+import { ApiRoutes } from "~/lib/routers/apiRoutes";
+import { request } from "~/lib/service/api/primitives";
+
+async function getAliases() {
+    const { data } = await request<{ items: DefaultModelAlias[] }>({
+        url: ApiRoutes.defaultModelAliases.getAliases().url,
+    });
+
+    return data.items;
+}
+getAliases.key = () => ({
+    url: ApiRoutes.defaultModelAliases.getAliases().url,
+});
+
+async function getAliasById(aliasId: string) {
+    const { data } = await request<DefaultModelAlias>({
+        url: ApiRoutes.defaultModelAliases.getAliasById(aliasId).url,
+    });
+
+    return data;
+}
+
+async function createAlias(alias: CreateDefaultModelAlias) {
+    const { data } = await request<DefaultModelAlias>({
+        url: ApiRoutes.defaultModelAliases.createAlias().url,
+        method: "POST",
+        data: alias,
+    });
+
+    return data;
+}
+
+async function updateAlias(id: string, alias: UpdateDefaultModelAlias) {
+    const { data } = await request<DefaultModelAlias>({
+        url: ApiRoutes.defaultModelAliases.updateAlias(id).url,
+        method: "PUT",
+        data: alias,
+    });
+
+    return data;
+}
+
+async function deleteAlias(aliasId: string) {
+    await request({
+        url: ApiRoutes.defaultModelAliases.deleteAlias(aliasId).url,
+        method: "DELETE",
+    });
+}
+
+export const DefaultModelAliasApiService = {
+    getAliases,
+    getAliasById,
+    createAlias,
+    updateAlias,
+    deleteAlias,
+};
diff --git a/ui/admin/app/lib/service/api/modelApiService.ts b/ui/admin/app/lib/service/api/modelApiService.ts
index d1b18aa5..c135e41f 100644
--- a/ui/admin/app/lib/service/api/modelApiService.ts
+++ b/ui/admin/app/lib/service/api/modelApiService.ts
@@ -7,10 +7,7 @@ async function getModels() {
         url: ApiRoutes.models.getModels().url,
     });
 
-    // Place default models first
-    return (
-        data.items?.sort((a, b) => (a.default ? -1 : b.default ? 1 : 0)) ?? []
-    );
+    return data.items ?? [];
 }
 getModels.key = () => ({ url: ApiRoutes.models.getModels().path });
 
diff --git a/ui/admin/app/routes/_auth.models.tsx b/ui/admin/app/routes/_auth.models.tsx
index be6e8acb..668d5dd4 100644
--- a/ui/admin/app/routes/_auth.models.tsx
+++ b/ui/admin/app/routes/_auth.models.tsx
@@ -4,11 +4,13 @@ import { useMemo, useState } from "react";
 import useSWR, { preload } from "swr";
 
 import { Model } from "~/lib/model/models";
+import { DefaultModelAliasApiService } from "~/lib/service/api/defaultModelAliasApiService";
 import { ModelApiService } from "~/lib/service/api/modelApiService";
 
-import { TypographyH2, TypographySmall } from "~/components/Typography";
+import { TypographyH2 } from "~/components/Typography";
 import { DataTable } from "~/components/composed/DataTable";
 import { AddModel } from "~/components/model/AddModel";
+import { DefaultModelAliasFormDialog } from "~/components/model/DefaultModelAliasForm";
 import { DeleteModel } from "~/components/model/DeleteModel";
 import { UpdateModelDialog } from "~/components/model/UpdateModel";
 import { Button } from "~/components/ui/button";
@@ -25,6 +27,10 @@ export async function clientLoader() {
             ModelApiService.getModelProviders.key(),
             ModelApiService.getModelProviders
         ),
+        preload(
+            DefaultModelAliasApiService.getAliases.key(),
+            DefaultModelAliasApiService.getAliases
+        ),
     ]);
     return null;
 }
@@ -57,7 +63,11 @@ export default function Models() {
         <div className="h-full flex flex-col p-8 space-y-4">
             <div className="flex items-center justify-between">
                 <TypographyH2>Models</TypographyH2>
-                <AddModel />
+
+                <div className="flex items-center gap-2">
+                    <AddModel />
+                    <DefaultModelAliasFormDialog />
+                </div>
             </div>
 
             <DataTable
@@ -84,26 +94,8 @@ export default function Models() {
             columnHelper.accessor(
                 (model) =>
                     providerMap[model.modelProvider] ?? model.modelProvider,
-                {
-                    id: "provider",
-                    header: "Provider",
-                }
+                { id: "provider", header: "Provider" }
             ),
-            columnHelper.display({
-                id: "default",
-                cell: ({ row }) => {
-                    const value = row.original.default;
-
-                    if (!value) return null;
-
-                    return (
-                        <TypographySmall className="text-muted-foreground flex items-center gap-2">
-                            <div className="size-2 bg-success rounded-full" />
-                            Default
-                        </TypographySmall>
-                    );
-                },
-            }),
             columnHelper.display({
                 id: "actions",
                 cell: ({ row }) => (