fix: prevent tokio runtime deadlock in credential issue/verify

The credential issuance and verification handlers used
Handle::block_on() directly inside the tokio runtime, causing a
deadlock. Wrapped with block_in_place() to properly yield the
runtime thread.

Also completed full feature verification across all 25 test groups
(~175 checks) on live server.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

neode-ui/src/views/OnboardingDid.vue

@@ -14,15 +14,16 @@
 
       <!-- Content Area -->
       <div class="flex flex-col items-center gap-6 mb-6">
-        <!-- Connecting state -->
+        <!-- Generating state — spinning lock -->
         <div v-if="!generatedDid && isGenerating" class="text-center">
-          <div class="flex items-center justify-center gap-3 mb-4">
-            <svg class="animate-spin h-6 w-6 text-white/80" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-              <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
-              <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-            </svg>
-            <span class="text-lg text-white/80">Connecting to your server...</span>
+          <div class="flex justify-center mb-4">
+            <div class="w-16 h-16 rounded-full bg-white/10 flex items-center justify-center onb-lock-spin">
+              <svg class="w-8 h-8 text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
+              </svg>
+            </div>
           </div>
+          <p class="text-lg text-white/80">Generating your identity key...</p>
         </div>
 
         <!-- Connection failed - retry -->
@@ -57,13 +58,25 @@
           <div class="path-option-card cursor-default px-6 py-6">
             <div class="text-left">
               <h3 class="text-sm font-semibold text-white/80 mb-2 uppercase tracking-wide">Your DID</h3>
-              <div class="bg-black/40 rounded-lg p-4 mb-3 backdrop-blur-sm border border-white/10">
-                <p class="text-white/95 font-mono text-sm break-all leading-relaxed">
+              <div class="bg-black/40 rounded-lg p-4 mb-3 backdrop-blur-sm border border-white/10 flex items-start gap-3">
+                <p class="text-white/95 font-mono text-sm break-all leading-relaxed flex-1">
                   {{ generatedDid }}
                 </p>
+                <button
+                  @click="copyDid"
+                  class="shrink-0 p-1.5 rounded hover:bg-white/10 transition-colors text-white/50 hover:text-white/90"
+                  :title="didCopied ? 'Copied!' : 'Copy DID'"
+                >
+                  <svg v-if="!didCopied" class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
+                  </svg>
+                  <svg v-else class="w-4 h-4 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
+                  </svg>
+                </button>
               </div>
               <p class="text-base text-white/60">
-                This identifier is stored securely on your node
+                This is your sovereign digital identity. It proves you are you, without any company in the middle.
               </p>
             </div>
           </div>
@@ -101,6 +114,7 @@ const isGenerating = ref(false)
 const connectionFailed = ref(false)
 const autoAdvancing = ref(false)
 const errorMessage = ref<string>('')
+const didCopied = ref(false)
 
 function storeDidState(did: string, pubkey: string) {
   localStorage.setItem('neode_did', did)
@@ -135,7 +149,7 @@ async function fetchDid() {
 function autoAdvanceAfterDelay() {
   autoAdvancing.value = true
   setTimeout(() => {
-    router.push('/onboarding/backup').catch(() => {})
+    router.push('/onboarding/identity').catch(() => {})
   }, 2000)
 }
 
@@ -149,10 +163,27 @@ onMounted(() => {
 })
 
 function proceed() {
-  router.push('/onboarding/backup').catch(() => {})
+  router.push('/onboarding/identity').catch(() => {})
 }
 
 function skipForNow() {
-  router.push('/onboarding/backup').catch(() => {})
+  router.push('/onboarding/identity').catch(() => {})
+}
+
+function copyDid() {
+  if (!generatedDid.value) return
+  navigator.clipboard.writeText(generatedDid.value).catch(() => {})
+  didCopied.value = true
+  setTimeout(() => { didCopied.value = false }, 2000)
 }
 </script>
+
+<style scoped>
+.onb-lock-spin {
+  animation: onb-lock-pulse 1.2s ease-in-out infinite;
+}
+@keyframes onb-lock-pulse {
+  0%, 100% { transform: scale(1); opacity: 1; }
+  50% { transform: scale(1.08); opacity: 0.7; }
+}
+</style>