frontend: polish app launch and release experience

neode-ui/src/views/Credentials.vue

@@ -63,6 +63,13 @@
         No credentials yet. Issue one above or receive one from a peer.
       </div>
       <div v-else class="space-y-3">
+        <div v-if="loadingCreds" class="p-2 text-center text-white/45 text-xs flex items-center justify-center gap-2">
+          <svg class="animate-spin h-3.5 w-3.5" 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>
+          Refreshing credentials...
+        </div>
         <div
           v-for="cred in credentials"
           :key="cred.id"
@@ -115,7 +122,7 @@
     <!-- Credential Detail Modal -->
     <Teleport to="body">
       <div v-if="selectedCredential" class="fixed inset-0 z-50 flex items-center justify-center p-4" @click.self="selectedCredential = null">
-        <div class="fixed inset-0 bg-black/10 backdrop-blur-md"></div>
+        <div class="fixed inset-0 bg-black/60 backdrop-blur-md"></div>
         <div class="relative glass-card p-6 max-w-2xl w-full max-h-[80vh] overflow-y-auto">
           <div class="flex items-center justify-between mb-4">
             <h3 class="text-lg font-semibold text-white">Credential Details</h3>
@@ -403,6 +410,8 @@ async function copyCredentialJson() {
 onMounted(async () => {
   await Promise.all([loadIdentities(), loadCredentials()])
 })
+
+defineExpose({ credentials, loadCredentials })
 </script>
 
 <style scoped>