diff --git a/app/src/app/settings/debug/debug.component.html b/app/src/app/settings/debug/debug.component.html
index 2540c92..b4eefd2 100644
--- a/app/src/app/settings/debug/debug.component.html
+++ b/app/src/app/settings/debug/debug.component.html
@@ -30,6 +30,7 @@ <h1>Debug Tool</h1>
     <button mat-button (click)="dwnQuery()">Query</button>
     <button mat-button (click)="dwnRead()">Read</button>
     <button mat-button (click)="lookupRecord()" [disabled]="!targetDid || !recordId">Lookup Record</button>
+    <button mat-button (click)="resolveDid()" [disabled]="!targetDid">Resolve DID</button>
   </mat-card-actions>
 </mat-card>
 
diff --git a/app/src/app/settings/debug/debug.component.ts b/app/src/app/settings/debug/debug.component.ts
index 0c79052..22ae772 100644
--- a/app/src/app/settings/debug/debug.component.ts
+++ b/app/src/app/settings/debug/debug.component.ts
@@ -263,4 +263,25 @@ export class DebugComponent {
       this.result = '';
     }
   }
+
+  async resolveDid() {
+    if (!this.targetDid) {
+      this.status = 'Error: DID are required';
+      return;
+    }
+
+    try {
+      const result = await this.identity.web5.did.resolve(this.targetDid);
+
+      if (result) {
+        // this.status = `${result.code}: ${status.detail}`;
+        this.result = JSON.stringify(result.didDocument, null, 2);
+      } else {
+        this.result = 'Not found';
+      }
+    } catch (error) {
+      this.status = `Error: ${error}`;
+      this.result = '';
+    }
+  }
 }