fix(autorag): separate error handling and prevent dismissal during save in LlamaStackConnectionModal

Split the single try/catch into two blocks so a createSecret failure is reported
independently from an onSubmit failure, preventing a downstream refresh error
from masking a successful create. Also prevent modal dismissal while saving by
disabling the X button, Escape key, and Cancel button during in-flight requests.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: nickmazzi

packages/autorag/frontend/src/app/components/common/LlamaStackConnectionModal.tsx

@@ -68,6 +68,13 @@ const LlamaStackConnectionModal: React.FC<Props> = ({ namespace, onClose, onSubm
 
     try {
       await createSecret(secret);
+    } catch (e) {
+      setSubmitError(e instanceof Error ? e : new Error(String(e)));
+      setIsSaving(false);
+      return;
+    }
+
+    try {
       await onSubmit(k8sName);
       onClose();
     } catch (e) {
@@ -78,7 +85,7 @@ const LlamaStackConnectionModal: React.FC<Props> = ({ namespace, onClose, onSubm
   };
 
   return (
-    <Modal isOpen onClose={onClose} variant="medium">
+    <Modal isOpen onClose={isSaving ? undefined : onClose} variant="medium">
       <ModalHeader
         title="Add Llama Stack connection"
         description="Provide credentials for accessing an external Llama Stack server. The generation and embedding models registered in the Llama Stack server will be considered when generating RAG patterns. Vector I/O providers in the Llama Stack server can be used to store a collection for the retrieval."
@@ -139,6 +146,7 @@ const LlamaStackConnectionModal: React.FC<Props> = ({ namespace, onClose, onSubm
           onSubmit={handleSubmit}
           error={submitError}
           isSubmitDisabled={!isFormValid || isSaving}
+          isCancelDisabled={isSaving}
           isSubmitLoading={isSaving}
           alertTitle="Failed to create connection"
         />