feat: polish alpine live page states

apps/ui/js/agents.js

@@ -288,6 +288,12 @@ document.addEventListener('alpine:init', function() {
           }
 
           await this.reload();
+          if (window.CrankUi) {
+            window.CrankUi.success(
+              this.form.display_name + ' was saved with ' + this.form.selectedOps.length + ' tool bindings.',
+              this.drawerMode === 'create' ? 'Agent created' : 'Agent updated'
+            );
+          }
           this.closeDrawer();
         } catch (error) {
           if (window.CrankUi) {
@@ -301,8 +307,15 @@ document.addEventListener('alpine:init', function() {
         if (!confirm('Delete this agent? This cannot be undone.')) return;
 
         try {
+          var agent = this.agents.find(function(item) { return item.id === id; });
           await window.CrankApi.deleteAgent(this.workspaceId, id);
           await this.reload();
+          if (window.CrankUi) {
+            window.CrankUi.success(
+              (agent ? agent.display_name : 'Agent') + ' was deleted.',
+              'Agent deleted'
+            );
+          }
         } catch (error) {
           if (window.CrankUi) {
             window.CrankUi.error(error.message || 'Failed to delete agent', 'Delete failed');
@@ -326,6 +339,17 @@ document.addEventListener('alpine:init', function() {
             await window.CrankApi.archiveAgent(this.workspaceId, agent.id);
           }
           await this.reload();
+          if (window.CrankUi) {
+            var actionLabel = action === 'publish'
+              ? 'published'
+              : action === 'unpublish'
+                ? 'returned to draft'
+                : 'archived';
+            window.CrankUi.success(
+              agent.display_name + ' was ' + actionLabel + '.',
+              'Agent lifecycle updated'
+            );
+          }
         } catch (error) {
           if (window.CrankUi) {
             window.CrankUi.error(error.message || 'Failed to update agent lifecycle', 'Lifecycle update failed');
@@ -357,7 +381,11 @@ document.addEventListener('alpine:init', function() {
       },
 
       copyEndpoint(agent) {
-        navigator.clipboard.writeText(this.mcpEndpoint(agent)).catch(function() {});
+        var endpoint = this.mcpEndpoint(agent);
+        navigator.clipboard.writeText(endpoint).catch(function() {});
+        if (window.CrankUi) {
+          window.CrankUi.info(endpoint, 'MCP endpoint copied');
+        }
       },
 
       statusClass(status) {