fix(dashboard): fix app creation/edit forms, add valid siwe auth

Author: awisniew207

packages/apps/app-dashboard/package.json

@@ -24,7 +24,7 @@
     "@lit-protocol/types": "^7.2.3",
     "@lit-protocol/vincent-app-sdk": "workspace:*",
     "@lit-protocol/vincent-contracts-sdk": "5.1.0",
-    "@lit-protocol/vincent-registry-sdk": "4.3.0",
+    "@lit-protocol/vincent-registry-sdk": "workspace:*",
     "@radix-ui/react-checkbox": "^1.2.3",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-label": "^2.1.7",

packages/apps/app-dashboard/src/components/developer-dashboard/app/forms/CreateAppForm.tsx

@@ -9,8 +9,8 @@ import { Form } from '@/components/shared/ui/form';
 import { Button } from '@/components/shared/ui/button';
 import {
   TextField,
+  NumberField,
   LongTextField,
-  ArrayField,
   ImageUploadField,
 } from '@/components/developer-dashboard/form-fields';
 import { DeploymentStatusSelectField } from '@/components/developer-dashboard/form-fields/array/DeploymentStatusSelectField';
@@ -19,27 +19,17 @@ import { extractErrorMessage } from '@/utils/developer-dashboard/app-forms';
 
 const { appDoc } = docSchemas;
 
-const {
-  name,
-  description,
-  contactEmail,
-  appUserUrl,
-  logo,
-  redirectUris,
-  deploymentStatus,
-  delegateeAddresses,
-} = appDoc.shape;
+const { appId, name, description, contactEmail, appUrl, logo, deploymentStatus } = appDoc.shape;
 
 export const CreateAppSchema = z
   .object({
+    appId,
     name,
     description,
     contactEmail,
-    appUserUrl,
+    appUrl,
     logo,
-    redirectUris,
     deploymentStatus,
-    delegateeAddresses,
   })
   .strict();
 
@@ -57,8 +47,6 @@ export function CreateAppForm({ onSubmit, isSubmitting = false }: CreateAppFormP
   const form = useForm<CreateAppFormData>({
     resolver: zodResolver(CreateAppSchema),
     defaultValues: {
-      redirectUris: [''],
-      delegateeAddresses: [''],
       deploymentStatus: 'dev',
     },
   });
@@ -100,6 +88,16 @@ export function CreateAppForm({ onSubmit, isSubmitting = false }: CreateAppFormP
                     Basic Information
                   </h3>
                   <div className="space-y-6">
+                    <NumberField
+                      name="appId"
+                      register={register}
+                      error={errors.appId?.message}
+                      label="App ID"
+                      placeholder="Enter on-chain app ID"
+                      required
+                      min={1}
+                    />
+
                     <TextField
                       name="name"
                       register={register}
@@ -129,9 +127,9 @@ export function CreateAppForm({ onSubmit, isSubmitting = false }: CreateAppFormP
                     />
 
                     <TextField
-                      name="appUserUrl"
+                      name="appUrl"
                       register={register}
-                      error={errors.appUserUrl?.message}
+                      error={errors.appUrl?.message}
                       label="App User URL"
                       placeholder="https://yourapp.com"
                       required
@@ -163,31 +161,6 @@ export function CreateAppForm({ onSubmit, isSubmitting = false }: CreateAppFormP
                 </div>
               </div>
 
-              {/* Full Width Fields */}
-              <div className="space-y-6">
-                <ArrayField
-                  name="redirectUris"
-                  register={register}
-                  error={errors.redirectUris?.message}
-                  errors={errors}
-                  control={control}
-                  label="Redirect URIs"
-                  placeholder="https://yourapp.com/callback"
-                  required
-                />
-
-                <ArrayField
-                  name="delegateeAddresses"
-                  register={register}
-                  error={errors.delegateeAddresses?.message}
-                  errors={errors}
-                  control={control}
-                  label="Delegatee Addresses"
-                  placeholder="0x1234567890123456789012345678901234567890"
-                  required
-                />
-              </div>
-
               {/* Status Messages */}
               {submitError && (
                 <div className="flex items-center gap-2 px-3 py-2 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800">

packages/apps/app-dashboard/src/components/developer-dashboard/app/forms/EditAppForm.tsx

@@ -10,40 +10,27 @@ import { StatusMessage } from '@/components/shared/ui/statusMessage';
 import {
   TextField,
   LongTextField,
-  ArrayField,
   DeploymentStatusSelectField,
-  NumberSelectField,
   ImageUploadField,
 } from '@/components/developer-dashboard/form-fields';
-import { App, AppVersion } from '@/types/developer-dashboard/appTypes';
+import { App } from '@/types/developer-dashboard/appTypes';
 import { theme, fonts } from '@/lib/themeClasses';
 import { extractErrorMessage } from '@/utils/developer-dashboard/app-forms';
 
 const { appDoc } = docSchemas;
 
-const {
-  name,
-  description,
-  contactEmail,
-  appUserUrl,
-  logo,
-  redirectUris,
-  deploymentStatus,
-  activeVersion,
-  delegateeAddresses,
-} = appDoc.shape;
+const { name, description, contactEmail, appUrl, logo, deploymentStatus, activeVersion } =
+  appDoc.shape;
 
 export const EditAppSchema = z
   .object({
     name,
     description,
     contactEmail,
-    appUserUrl,
+    appUrl,
     logo,
-    redirectUris,
     deploymentStatus,
     activeVersion,
-    delegateeAddresses,
   })
   .required()
   .partial({ logo: true, activeVersion: true })
@@ -53,19 +40,11 @@ export type EditAppFormData = z.infer<typeof EditAppSchema>;
 
 interface EditAppFormProps {
   appData: App;
-  appVersions: AppVersion[];
   onSubmit: (data: EditAppFormData) => Promise<void>;
   isSubmitting?: boolean;
-  isPublished?: boolean;
 }
 
-export function EditAppForm({
-  appData,
-  appVersions,
-  onSubmit,
-  isSubmitting = false,
-  isPublished = false,
-}: EditAppFormProps) {
+export function EditAppForm({ appData, onSubmit, isSubmitting = false }: EditAppFormProps) {
   const [submitError, setSubmitError] = useState<string | null>(null);
   const [submitSuccess, setSubmitSuccess] = useState(false);
 
@@ -75,12 +54,10 @@ export function EditAppForm({
       name: appData.name,
       description: appData.description,
       contactEmail: appData.contactEmail,
-      appUserUrl: appData.appUserUrl,
+      appUrl: appData.appUrl,
       logo: appData.logo,
-      redirectUris: appData.redirectUris,
       deploymentStatus: appData.deploymentStatus,
       activeVersion: appData.activeVersion,
-      delegateeAddresses: appData.delegateeAddresses,
     },
   });
 
@@ -107,12 +84,6 @@ export function EditAppForm({
     }
   };
 
-  // Create version options from appVersions, showing enabled/disabled status for all versions
-  const versionOptions = appVersions.map((version) => ({
-    value: version.version,
-    label: `Version ${version.version} (${version.enabled ? 'Enabled' : 'Disabled'})`,
-  }));
-
   return (
     <Form {...form}>
       <form onSubmit={handleSubmit(handleFormSubmit)} className="space-y-6">
@@ -142,9 +113,9 @@ export function EditAppForm({
         />
 
         <TextField
-          name="appUserUrl"
+          name="appUrl"
           register={register}
-          error={errors.appUserUrl?.message}
+          error={errors.appUrl?.message}
           label="App User URL"
           placeholder="https://yourapp.com"
         />
@@ -159,40 +130,8 @@ export function EditAppForm({
           label="Logo"
         />
 
-        <ArrayField
-          name="redirectUris"
-          register={register}
-          error={errors.redirectUris?.message}
-          errors={errors}
-          control={control}
-          label="Redirect URIs"
-          placeholder="https://yourapp.com/callback"
-        />
-
         <DeploymentStatusSelectField error={errors.deploymentStatus?.message} control={control} />
 
-        {isPublished && (
-          <NumberSelectField
-            name="activeVersion"
-            error={errors.activeVersion?.message}
-            control={control}
-            label="Active Version"
-            options={versionOptions}
-            required
-          />
-        )}
-
-        <ArrayField
-          name="delegateeAddresses"
-          register={register}
-          error={errors.delegateeAddresses?.message}
-          errors={errors}
-          control={control}
-          label="Delegatee Addresses"
-          placeholder="0x1234567890123456789012345678901234567890"
-          required
-        />
-
         {/* Status Messages */}
         {submitError && <StatusMessage message={submitError} type="error" />}
         {submitSuccess && <StatusMessage message="App updated successfully!" type="success" />}