From 9bc962bc652b68226a520dc820e41a1b8531cac9 Mon Sep 17 00:00:00 2001
From: RAJVEER42 <irajveer.bishnoi2310@gmail.com>
Date: Mon, 8 Jun 2026 20:52:20 +0530
Subject: [PATCH 1/2] fix(ui): prevent model name edit pencil from submitting
 the form

The "Edit Auto-Generated Name" pencil button had no explicit type, so as a child of the form it defaulted to type="submit" and fired the updateModelConfig action on click. Set type="button" so it only toggles name editing, matching the sibling fetch-models button.

Fixes #1947

Signed-off-by: RAJVEER42 <irajveer.bishnoi2310@gmail.com>
---
 ui/src/components/models/new/BasicInfoSection.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ui/src/components/models/new/BasicInfoSection.tsx b/ui/src/components/models/new/BasicInfoSection.tsx
index fbd6327b5f..1cd00c4e20 100644
--- a/ui/src/components/models/new/BasicInfoSection.tsx
+++ b/ui/src/components/models/new/BasicInfoSection.tsx
@@ -88,6 +88,7 @@ export const BasicInfoSection: React.FC<BasicInfoSectionProps> = ({
               </div>
             )}
             <Button
+              type="button"
               data-test="edit-model-name-button"
               variant="outline"
               size="icon"

From 59ecb37efa000258480e38361a88cadf8d3c2817 Mon Sep 17 00:00:00 2001
From: RAJVEER42 <irajveer.bishnoi2310@gmail.com>
Date: Mon, 8 Jun 2026 22:09:18 +0530
Subject: [PATCH 2/2] fix(ui): make model name read-only when editing an
 existing model

A ModelConfig's metadata.name is immutable in Kubernetes, so editing it on
update silently has no effect. Disable the name-edit pencil in edit mode
(matching the namespace, provider, and model fields, which are already
disabled when editing) and show a hint that the name can't be changed
after creation.

Signed-off-by: RAJVEER42 <irajveer.bishnoi2310@gmail.com>
---
 ui/src/components/models/new/BasicInfoSection.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/models/new/BasicInfoSection.tsx b/ui/src/components/models/new/BasicInfoSection.tsx
index 1cd00c4e20..7dfc0be888 100644
--- a/ui/src/components/models/new/BasicInfoSection.tsx
+++ b/ui/src/components/models/new/BasicInfoSection.tsx
@@ -93,13 +93,18 @@ export const BasicInfoSection: React.FC<BasicInfoSectionProps> = ({
               variant="outline"
               size="icon"
               onClick={onToggleEditName}
-              title={isEditingName ? "Finish Editing Name" : "Edit Auto-Generated Name"}
-              disabled={isSubmitting || isLoading}
+              title={isEditMode ? "Name can't be changed after creation" : isEditingName ? "Finish Editing Name" : "Edit Auto-Generated Name"}
+              disabled={isSubmitting || isLoading || isEditMode}
             >
               <Pencil className="h-4 w-4" />
             </Button>
           </div>
           {errors.name && <p className="text-destructive text-sm mt-1">{errors.name}</p>}
+          {isEditMode && (
+            <p className="text-[0.8rem] text-muted-foreground mt-1">
+              The name can&apos;t be changed after a model is created.
+            </p>
+          )}
         </div>
 
         <div>