fix: inconsistent validation error when deploying new app interface

[PatrickDinh]

Recording.2026-01-15.135844.mp4

Should fix #517

[cloudflare-workers-and-pages]

Deploying algokit-lora with    Cloudflare Pages

Latest commit:	684d762
Status:	✅  Deploy successful!
Preview URL:	https://67273a78.algokit-lora.pages.dev
Branch Preview URL:	https://fix-app-interface-name-valid.algokit-lora.pages.dev

View logs

[mrcointreau]

I tried it as well and it works now. I still don’t understand why trigger isn’t working, and why we have to manually call react-hook-form’s setError/clearErrors, though.

We should probably apply the same fix to src/features/app-interfaces/components/create/app-details.tsx#L59, right?

[PatrickDinh]

@mrcointreau the root cause of this issue is Zod only run superRefine logic when all fields passed validation colinhacks/zod#2524.

• For the app spec with no template => the form is valid => trigger('name') triggers the superRefine logic
• For the app spec with template params => the form is invalid until all the template param values are populated. The name validation only triggered after you fill in all the values, this is what you reported in this bug.

Therefore, manually set the error seems to be ok to me in this case.

We should probably apply the same fix to src/features/app-interfaces/components/create/app-details.tsx#L59, right?
Good idea, I updated it as well. The trigger shouldn't cause issue there but we can keep them consistent.

[PatrickDinh]

@mrcointreau I have updated this PR to point to main instead of remove-algosdk branch, if you're ok, I'll go ahead and merge it.