diff --git a/skyvern-frontend/src/api/types.ts b/skyvern-frontend/src/api/types.ts index b54ebc3e..cef3eb67 100644 --- a/skyvern-frontend/src/api/types.ts +++ b/skyvern-frontend/src/api/types.ts @@ -393,7 +393,7 @@ export type CreditCardCredential = { }; export type ModelsResponse = { - models: string[]; + models: Record; }; export const RunEngine = { diff --git a/skyvern-frontend/src/components/ModelSelector.tsx b/skyvern-frontend/src/components/ModelSelector.tsx index d1774ec6..69185586 100644 --- a/skyvern-frontend/src/components/ModelSelector.tsx +++ b/skyvern-frontend/src/components/ModelSelector.tsx @@ -41,8 +41,17 @@ function ModelSelector({ }, }); - const models = availableModels?.models ?? []; - const choices = [constants.SkyvernOptimized, ...models]; + const models = availableModels?.models ?? {}; + const reverseMap = Object.entries(models).reduce( + (acc, [key, value]) => { + acc[value] = key; + return acc; + }, + {} as Record, + ); + const labels = Object.keys(reverseMap); + const chosen = value ? models[value.model_name] : constants.SkyvernOptimized; + const choices = [constants.SkyvernOptimized, ...labels]; return (
@@ -52,10 +61,13 @@ function ModelSelector({