Merge pull request #290 from microsoft/admin-ux-ai-studio-alignment

ux updates only
microsoft · Jun 7, 2024 · e852dbb · e852dbb
2 parents e15a41c + 35d4ac3
commit e852dbb
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 24 deletions.
diff --git a/src/AzureOpenAIProxy.Management/Components/EventManagement/EventEditor.razor b/src/AzureOpenAIProxy.Management/Components/EventManagement/EventEditor.razor
@@ -18,11 +18,11 @@
         <MudCardContent>
             <MudTextField Label="Event Name" @bind-Value="Model.Name" For="@(() => Model.Name)" />
             <MudTextField
-                Label="Event Shared Code"
-                HelperText="Optional: No GitHub acct auth format event-id@shared-code/attendee-email-address"
+                Label="Event Shared Code (Optional)"
+                HelperText="For users without a GitHub acct. Auth format event-id@shared-code/attendee-email-address"
                 @bind-Value="Model.EventSharedCode" For="@(() => Model.EventSharedCode)" />
-            <MudTextField Label="Playground Branding Image URL"
-                HelperText="Optional: Size ~24px high by ~200px wide"
+            <MudTextField Label="Playground Branding Image URL (Optional)"
+                HelperText="Size ~24px high by ~200px wide"
                 @bind-Value="Model.EventImageUrl" InputType="InputType.Url" For="@(() => Model.EventImageUrl)" />
             <MudTextField Label="Organiser Name" @bind-Value="Model.OrganizerName" For="@(() => Model.OrganizerName)" />
             <MudTextField Label="Organiser Email" @bind-Value="Model.OrganizerEmail" InputType="InputType.Email"

diff --git a/src/AzureOpenAIProxy.Management/Components/Help.razor b/src/AzureOpenAIProxy.Management/Components/Help.razor
@@ -1,7 +1,7 @@
 <MudStack Row="true">
     <MudText Typo="Typo.h6">@Title</MudText>
     <MudSpacer />
-    <MudLink Target="_blank" Href="https://microsoft.github.io/azure-openai-service-proxy/events/">
+    <MudLink Target="_blank" Href="https://microsoft.github.io/azure-openai-service-proxy/resources/">
         <MudIcon Icon="@Icons.Material.Filled.Help" />
     </MudLink>
 </MudStack>

diff --git a/src/AzureOpenAIProxy.Management/Components/ModelManagement/ModelEditor.razor b/src/AzureOpenAIProxy.Management/Components/ModelManagement/ModelEditor.razor
@@ -9,22 +9,12 @@
         <MudCardContent>
             @if (Model != null)
             {
-                <MudTextField Label="Friendly Name" @bind-Value="Model.FriendlyName" For="@(() => Model.FriendlyName)" />
+                <MudTextField Label="Friendly Name" @bind-Value="Model.FriendlyName" For="@(() => Model.FriendlyName)" HelperText="Normally the same as model deployment or search index name" />
 
-                <MudTextField Label="Endpoint Key (Stored encrypted)" @bind-Value="Model.EndpointKey" For="@(() => Model.EndpointKey)"
-                    InputType="@(maskKey ? InputType.Password : InputType.Text)" Adornment="Adornment.End"
-                    AdornmentIcon="@(maskKey ? Icons.Material.Filled.VisibilityOff : Icons.Material.Filled.Visibility)"
-                    AdornmentAriaLabel="Show Password" OnAdornmentClick="ToggleMaskKey" />
-
-                <MudTextField Label="Endpoint URL (Stored encrypted)" @bind-Value="Model.EndpointUrl" For="@(() => Model.EndpointUrl)"
-                    Adornment="Adornment.End" AdornmentText="https://my-ai-resource.azure.com" />
-
-                <MudTextField Label="Location" @bind-Value="Model.Location" For="@(() => Model.Location)" />
-
-                <MudTextField Label="Resource Name (Deployment or Index Name)" @bind-Value="Model.DeploymentName"
+                <MudTextField Label="Model Deployment or Search Index Name" @bind-Value="Model.DeploymentName"
                     For="@(() => Model.DeploymentName)" />
 
-                <MudSelect Label="Resource Type" @bind-Value="Model.ModelType" Placeholder="Please Select"
+                <MudSelect @bind-Value="Model.ModelType" Label="Type"
                     For="@(() => Model.ModelType)">
                     @foreach (ModelType modelType in Enum.GetValues(typeof(ModelType)))
                     {
@@ -33,6 +23,16 @@
                     }
                 </MudSelect>
 
+                <MudTextField Label="Endpoint (Stored encrypted)" @bind-Value="Model.EndpointUrl" For="@(() => Model.EndpointUrl)"
+                    HelperText="For example https://my-ai-resource.azure.com" />
+
+                <MudTextField Label="Key (Stored encrypted)" @bind-Value="Model.EndpointKey" For="@(() => Model.EndpointKey)"
+                    InputType="@(maskKey ? InputType.Password : InputType.Text)" Adornment="Adornment.End"
+                    AdornmentIcon="@(maskKey ? Icons.Material.Filled.VisibilityOff : Icons.Material.Filled.Visibility)"
+                    AdornmentAriaLabel="Show Password" OnAdornmentClick="ToggleMaskKey" />
+
+                <MudTextField Label="Region" @bind-Value="Model.Location" For="@(() => Model.Location)" />
+
                 <MudSwitch @bind-Value="Model.Active" Label="Active" Color="Color.Primary" />
             }
         </MudCardContent>

diff --git a/src/AzureOpenAIProxy.Management/Components/Pages/ModelList.razor b/src/AzureOpenAIProxy.Management/Components/Pages/ModelList.razor
@@ -15,9 +15,9 @@
         Striped="true" Breakpoint="Breakpoint.Sm">
         <HeaderContent>
             <MudTh>Friendly Name</MudTh>
-            <MudTh>Resource Name</MudTh>
-            <MudTh>Resource Type</MudTh>
-            <MudTh>Location</MudTh>
+            <MudTh>Name</MudTh>
+            <MudTh>Type</MudTh>
+            <MudTh>Region</MudTh>
             <MudTh>Refd</MudTh>
             <MudTh>Active</MudTh>
             <MudTh></MudTh>
@@ -26,9 +26,9 @@
             <MudTd DataLabel="Friendly Name">
                 <MudText Color="Color.Primary"> @context.FriendlyName</MudText>
             </MudTd>
-            <MudTd DataLabel="Deployment Name">@context.DeploymentName</MudTd>
-            <MudTd DataLabel="Model Type">@(context.ModelType!.Value.ToString().Replace("_", " "))</MudTd>
-            <MudTd DataLabel="Location">@(context.Location)</MudTd>
+            <MudTd DataLabel="Name">@context.DeploymentName</MudTd>
+            <MudTd DataLabel="Type">@(context.ModelType!.Value.ToString().Replace("_", " "))</MudTd>
+            <MudTd DataLabel="Region">@(context.Location)</MudTd>
             <MudTd DataLabel="Referenced">@(context.Events.Count)</MudTd>
             <MudTd DataLabel="Active">@(context.Active ? "Yes" : "No")</MudTd>
             <MudTd>