···

       
505
       
505
       
 
       
                      <For each={didDocument().service}>

     

       
506
       
506
       
 
       
                        {(service) => (

     

       
507
       
507
       
 
       
                          <div class="text-sm">

     

       
508
       
508
       
-
       
                            <div class="text-neutral-600 dark:text-neutral-400">

     

       
508
       
508
       
+
       
                            <div class="font-medium text-neutral-700 dark:text-neutral-300">

     

       
509
       
509
       
 
       
                              #{service.id.split("#")[1]}

     

       
510
       
510
       
 
       
                            </div>

     

       
511
       
511
       
 
       
                            <a

     
···

       
535
       
535
       
 
       
                            {(key) => (

     

       
536
       
536
       
 
       
                              <div class="text-sm">

     

       
537
       
537
       
 
       
                                <div class="flex items-baseline gap-1">

     

       
538
       
538
       
-
       
                                  <span class="text-neutral-600 dark:text-neutral-400">

     

       
538
       
538
       
+
       
                                  <span class="font-medium text-neutral-700 dark:text-neutral-300">

     

       
539
       
539
       
 
       
                                    #{verif.id.split("#")[1]}

     

       
540
       
540
       
 
       
                                  </span>

     

       
541
       
541
       
-
       
                                  <ErrorBoundary

     

       
542
       
542
       
-
       
                                    fallback={<span class="text-neutral-500">unknown</span>}

     

       
543
       
543
       
-
       
                                  >

     

       
544
       
544
       
-
       
                                    <span class="dark:bg-dark-100 rounded bg-neutral-200 px-1 py-0.5 font-mono text-xs">

     

       
541
       
541
       
+
       
                                  <span class="rounded bg-neutral-200 px-1 py-0.5 text-xs text-neutral-800 dark:bg-neutral-700 dark:text-neutral-300">

     

       
542
       
542
       
+
       
                                    <ErrorBoundary fallback={<>unknown</>}>

     

       
545
       
543
       
 
       
                                      {parsePublicMultikey(key()).type}

     

       
546
       
546
       
-
       
                                    </span>

     

       
547
       
547
       
-
       
                                  </ErrorBoundary>

     

       
544
       
544
       
+
       
                                    </ErrorBoundary>

     

       
545
       
545
       
+
       
                                  </span>

     

       
548
       
546
       
 
       
                                </div>

     

       
549
       
547
       
 
       
                                <div class="font-mono break-all">{key()}</div>

     

       
550
       
548
       
 
       
                              </div>

     
···

       
566
       
564
       
 
       
                        <For each={rotationKeys()}>

     

       
567
       
565
       
 
       
                          {(key) => (

     

       
568
       
566
       
 
       
                            <div class="text-sm">

     

       
569
       
569
       
-
       
                              <span class="dark:bg-dark-100 rounded bg-neutral-200 px-1 py-0.5 font-mono text-xs">

     

       
567
       
567
       
+
       
                              <span class="rounded bg-neutral-200 px-1 py-0.5 text-xs text-neutral-800 dark:bg-neutral-700 dark:text-neutral-300">

     

       
570
       
568
       
 
       
                                {parseDidKey(key).type}

     

       
571
       
569
       
 
       
                              </span>

     

       
572
       
570
       
 
       
                              <div class="font-mono break-all">{key.replace("did:key:", "")}</div>