fix: keep fallback row identity stable

Author: shanchunhua

frontend/src/create/ModelFallbackFields.tsx

@@ -136,12 +136,16 @@ export function ModelFallbackFields({
                   ? modelFallbackApiKeyEnv(agentName, index, values, endpoint)
                   : defaultModelFallbackApiKeyEnv(agentName, index);
               const secretValue = secretValues?.[fallbackApiKeyEnv] ?? "";
+              const rowKey =
+                endpoint
+                  ? `endpoint-${fallbackApiKeyEnv}-${index}`
+                  : `same-provider-${index}`;
               return (
                 <div
                   className={`model-fallback-fields__item${
                     endpoint ? " is-endpoint" : ""
                   }`}
-                  key={`${fallbackValue || "empty"}-${index}`}
+                  key={rowKey}
                 >
                   <div className="model-fallback-fields__toolbar">
                     <div

frontend/tests/modelSelector.test.mjs

@@ -146,6 +146,16 @@ test("cross-provider fallback editor hides env internals and keeps rows on blur"
   assert.match(modelFallbackFieldsSource, /modelApiKeyEnv: fallbackApiKeyEnv/);
 });
 
+test("cross-provider fallback editor keeps row identity stable while typing model names", () => {
+  assert.doesNotMatch(modelFallbackFieldsSource, /key=\{`\$\{fallbackValue/);
+  assert.match(modelFallbackFieldsSource, /const rowKey =/);
+  assert.match(
+    modelFallbackFieldsSource,
+    /endpoint-\$\{fallbackApiKeyEnv\}-\$\{index\}/,
+  );
+  assert.match(modelFallbackFieldsSource, /key=\{rowKey\}/);
+});
+
 test("selected ModelArk API Key is resolved only by the Studio server", () => {
   assert.match(clientSource, /export async function revealModelApiKey/);
   assert.doesNotMatch(customCreateSource, /getModelApiKeyValue\(/);

veadk/webui/assets/app/index-BM-A_RbA.js veadk/webui/assets/app/index-qlJg7Ai4.jsveadk/webui/assets/app/index-BM-A_RbA.js renamed to veadk/webui/assets/app/index-qlJg7Ai4.js

@@ -1 +1 @@
-import{U as a,C as n}from"../visualizations/mermaid/mermaid.core-C3MtEgEh.js";const t=(r,o)=>a.lang.round(n.parse(r)[o]);export{t as c};
+import{U as a,C as n}from"../visualizations/mermaid/mermaid.core-DU-yPz3F.js";const t=(r,o)=>a.lang.round(n.parse(r)[o]);export{t as c};