fix(studio): keep column model_alias in sync when the model changes (#1019)

Selecting a different model in the config panel left the alias pointing at
the old model name, so every column referencing that alias silently kept
the stale reference. Derive the alias from the new model and rewrite any
column whose model_alias matched the old one.

Signed-off-by: Sean Teramae <steramae@nvidia.com>

Author: steramae-nvidia

web/packages/studio/src/components/ModelConfigPanel/index.tsx

@@ -32,7 +32,7 @@ export const ModelConfigPanel: FC<ModelConfigPanelProps> = ({
   onRemove,
   onClose,
 }) => {
-  const { control, getValues } = useFormContext<JobBuilderFormValues>();
+  const { control, getValues, setValue } = useFormContext<JobBuilderFormValues>();
   const modelIndex = getValues('models').findIndex((model) => model.id === modelId);
   const aliasPath = `models.${modelIndex}.alias` as const;
   const { field: modelField } = useController({ control, name: `models.${modelIndex}.model` });
@@ -56,9 +56,25 @@ export const ModelConfigPanel: FC<ModelConfigPanelProps> = ({
   );
   const modelValue: ModelSelection | null = modelField.value ? { model: modelField.value } : null;
 
+  const { field: aliasField } = useController({ control, name: aliasPath });
+
   const handleModelChange = (selection: ModelSelection) => {
+    const oldAlias = aliasField.value as string;
+    const newAlias = selection.model.split('/').pop()?.split('@')[0] ?? selection.model;
+
     modelField.onChange(selection.model);
     providerField.onChange(providerForSelection(selection));
+
+    if (newAlias && newAlias !== oldAlias) {
+      aliasField.onChange(newAlias);
+      const columns = getValues('columns');
+      const updated = columns.map((col) =>
+        col.values?.model_alias === oldAlias
+          ? { ...col, values: { ...col.values, model_alias: newAlias } }
+          : col
+      );
+      setValue('columns', updated);
+    }
   };
 
   return (