···

       
304
       
 
       
              </button>

     

       
305
       
 
       
            </div>

     

       
306
       
 
       
          </div>

     

       
307
       
-
       
          <form ref={formRef} class="flex min-h-0 flex-1 flex-col gap-y-2 overflow-y-auto">

     

       
308
       
 
       
            <Show when={props.create}>

     

       
309
       
 
       
              <div class="flex flex-wrap items-center gap-1 text-sm">

     

       
310
       
 
       
                <span>at://</span>

     
···

       
381
       
 
       
                <div class="flex items-center justify-end gap-2">

     

       
382
       
 
       
                  <button

     

       
383
       
 
       
                    type="button"

     

       
384
       
-
       
                    class="flex items-center gap-1 rounded-sm p-1 text-sm hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
385
       
 
       
                    onClick={() =>

     

       
386
       
 
       
                      setValidate(

     

       
387
       
 
       
                        validate() === true ? false

     
···

       
393
       
 
       
                    <Tooltip text={getValidateLabel()}>

     

       
394
       
 
       
                      <span class={`iconify ${getValidateIcon()}`}></span>

     

       
395
       
 
       
                    </Tooltip>

     

       
396
       
-
       
                    <span>Validate</span>

     

       
397
       
 
       
                  </button>

     

       
398
       
 
       
                  <Show when={!props.create}>

     

       
399
       
 
       
                    <Button onClick={() => editRecord(true)}>Recreate</Button>

     

···

       
304
       
 
       
              </button>

     

       
305
       
 
       
            </div>

     

       
306
       
 
       
          </div>

     

       
307
       
+
       
          <form ref={formRef} class="flex min-h-0 flex-1 flex-col gap-y-2">

     

       
308
       
 
       
            <Show when={props.create}>

     

       
309
       
 
       
              <div class="flex flex-wrap items-center gap-1 text-sm">

     

       
310
       
 
       
                <span>at://</span>

     
···

       
381
       
 
       
                <div class="flex items-center justify-end gap-2">

     

       
382
       
 
       
                  <button

     

       
383
       
 
       
                    type="button"

     

       
384
       
+
       
                    class="flex items-center gap-1 rounded-sm p-1.5 text-sm hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
385
       
 
       
                    onClick={() =>

     

       
386
       
 
       
                      setValidate(

     

       
387
       
 
       
                        validate() === true ? false

     
···

       
393
       
 
       
                    <Tooltip text={getValidateLabel()}>

     

       
394
       
 
       
                      <span class={`iconify ${getValidateIcon()}`}></span>

     

       
395
       
 
       
                    </Tooltip>

     

       
396
       
+
       
                    <span class="text-xs">Validate</span>

     

       
397
       
 
       
                  </button>

     

       
398
       
 
       
                  <Show when={!props.create}>

     

       
399
       
 
       
                    <Button onClick={() => editRecord(true)}>Recreate</Button>