feat: polish alpine shell feedback

apps/ui/js/api-keys.js

@@ -72,7 +72,9 @@ async function revokeKey(id) {
     await window.CrankApi.revokePlatformApiKey(currentWorkspaceId, id);
     await loadKeys();
   } catch (error) {
-    alert(error.message || 'Failed to revoke key');
+    if (window.CrankUi) {
+      window.CrankUi.error(error.message || 'Failed to revoke key', 'Revoke failed');
+    }
   }
 }
 
@@ -83,7 +85,9 @@ async function deleteKey(id) {
     await window.CrankApi.deletePlatformApiKey(currentWorkspaceId, id);
     await loadKeys();
   } catch (error) {
-    alert(error.message || 'Failed to delete key');
+    if (window.CrankUi) {
+      window.CrankUi.error(error.message || 'Failed to delete key', 'Delete failed');
+    }
   }
 }
 
@@ -231,7 +235,9 @@ document.getElementById('modal-confirm-btn').addEventListener('click', async fun
     return;
   }
   if (!selectedScopes.size) {
-    alert('Select at least one scope.');
+    if (window.CrankUi) {
+      window.CrankUi.info('Select at least one scope before creating a key.', 'Missing scope');
+    }
     return;
   }
 
@@ -245,7 +251,9 @@ document.getElementById('modal-confirm-btn').addEventListener('click', async fun
     document.getElementById('modal-footer-done').style.display = '';
     renderTable();
   } catch (error) {
-    alert(error.message || 'Failed to create key');
+    if (window.CrankUi) {
+      window.CrankUi.error(error.message || 'Failed to create key', 'Key creation failed');
+    }
   }
 });