commit cc94c8b0b651684774c5e434edcda96128e5ea6d · knotbin.com/airport

+54 -2

islands/DidPlcProgress.tsx

···

       43
        
               <div class="space-y-4">

     

       44
        
                 <div class="p-3 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       45
        
                   <h4 class="font-mono font-bold text-amber-500 dark:text-amber-400 mb-2">

     

       46
       -
                     PROVIDER MOBILITY

     

       47
        
                   </h4>

     

       48
        
                   <p class="text-slate-700 dark:text-slate-300">

     

       49
        
                     Change your PDS without losing your identity, protecting you if

     
···

       52
        
                 </div>

     

       53
        
                 <div class="p-3 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       54
        
                   <h4 class="font-mono font-bold text-amber-500 dark:text-amber-400 mb-2">

     

       55
       -
                     IDENTITY CONTROL

     

       56
        
                   </h4>

     

       57
        
                   <p class="text-slate-700 dark:text-slate-300">

     

       58
        
                     Modify your DID document independently of your provider.

     

       59
        
                   </p>

     

       60
        
                 </div>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       61
        
               </div>

     

       62
        
             </>

     

       63
        
           ),

···

       43
        
               <div class="space-y-4">

     

       44
        
                 <div class="p-3 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       45
        
                   <h4 class="font-mono font-bold text-amber-500 dark:text-amber-400 mb-2">

     

       46
       +
                     PROVIDER MOBILITY ✈️

     

       47
        
                   </h4>

     

       48
        
                   <p class="text-slate-700 dark:text-slate-300">

     

       49
        
                     Change your PDS without losing your identity, protecting you if

     
···

       52
        
                 </div>

     

       53
        
                 <div class="p-3 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       54
        
                   <h4 class="font-mono font-bold text-amber-500 dark:text-amber-400 mb-2">

     

       55
       +
                     IDENTITY CONTROL ✨

     

       56
        
                   </h4>

     

       57
        
                   <p class="text-slate-700 dark:text-slate-300">

     

       58
        
                     Modify your DID document independently of your provider.

     

       59
        
                   </p>

     

       60
        
                 </div>

     

       61
       +
                 <div class="p-3 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       62
       +
                   <p class="text-slate-700 dark:text-slate-300">

     

       63
       +
                     💡 It's good practice to have a rotation key so you can move to a

     

       64
       +
                     different provider if you need to.

     

       65
       +
                   </p>

     

       66
       +
                 </div>

     

       67
       +
               </div>

     

       68
       +
             </>

     

       69
       +
           ),

     

       70
       +
         },

     

       71
       +
         {

     

       72
       +
           title: "⚠️ CRITICAL SECURITY WARNING",

     

       73
       +
           subtitle: "BOARDING PASS - SECTION C",

     

       74
       +
           content: (

     

       75
       +
             <>

     

       76
       +
               <div class="passenger-info text-slate-600 dark:text-slate-300 font-mono text-sm mb-4">

     

       77
       +
                 GATE: KEY-03 • SEAT: DID-1C

     

       78
       +
               </div>

     

       79
       +
               <div class="p-4 bg-red-50 dark:bg-red-900 rounded-lg border-2 border-red-500 dark:border-red-700 mb-4">

     

       80
       +
                 <div class="flex items-center mb-3">

     

       81
       +
                   <span class="text-2xl mr-2">⚠️</span>

     

       82
       +
                   <h4 class="font-mono font-bold text-red-700 dark:text-red-400 text-lg">

     

       83
       +
                     NON-REVOCABLE KEY WARNING

     

       84
       +
                   </h4>

     

       85
       +
                 </div>

     

       86
       +
                 <div class="space-y-3 text-red-700 dark:text-red-300">

     

       87
       +
                   <p class="font-bold">

     

       88
       +
                     This rotation key CANNOT BE DISABLED OR DELETED once added:

     

       89
       +
                   </p>

     

       90
       +
                   <ul class="list-disc pl-5 space-y-2">

     

       91
       +
                     <li>

     

       92
       +
                       If compromised, the attacker can take complete control of your

     

       93
       +
                       account and identity

     

       94
       +
                     </li>

     

       95
       +
                     <li>

     

       96
       +
                       Malicious actors with this key have COMPLETE CONTROL of your

     

       97
       +
                       account and identity

     

       98
       +
                     </li>

     

       99
       +
                     <li>

     

       100
       +
                       Store securely, like a password (e.g. <strong>DO NOT</strong>{" "}

     

       101
       +
                       keep it in Notes or any easily accessible app on an unlocked

     

       102
       +
                       device).

     

       103
       +
                     </li>

     

       104
       +
                   </ul>

     

       105
       +
                 </div>

     

       106
       +
               </div>

     

       107
       +
               <div class="p-3 bg-white dark:bg-slate-800 rounded-lg border border-slate-200 dark:border-slate-700">

     

       108
       +
                 <p class="text-slate-700 dark:text-slate-300">

     

       109
       +
                   💡 We recommend adding a custom rotation key but recommend{" "}

     

       110
       +
                   <strong class="italic">against</strong> having more than one custom

     

       111
       +
                   rotation key, as more than one increases risk.

     

       112
       +
                 </p>

     

       113
        
               </div>

     

       114
        
             </>

     

       115
        
           ),