ui: align community agent and settings copy

apps/ui/js/agents.js

@@ -48,6 +48,7 @@ document.addEventListener('alpine:init', function() {
     return {
       agents: [],
       operations: [],
+      capabilities: null,
       loading: true,
       loadError: '',
       workspaceId: null,
@@ -76,6 +77,7 @@ document.addEventListener('alpine:init', function() {
         await (window.whenWorkspacesReady ? window.whenWorkspacesReady() : Promise.resolve());
         var workspace = window.getCurrentWorkspace ? window.getCurrentWorkspace() : null;
         this.workspaceId = workspace ? workspace.id : null;
+        await this.loadCapabilities();
         await this.reload();
 
         document.addEventListener('keydown', function(event) {
@@ -90,10 +92,23 @@ document.addEventListener('alpine:init', function() {
 
         window.addEventListener('crank:workspacechange', async function(event) {
           self.workspaceId = event.detail ? event.detail.id : null;
+          await self.loadCapabilities();
           await self.reload();
         });
       },
 
+      async loadCapabilities() {
+        if (!window.CrankApi || typeof window.CrankApi.getCapabilities !== 'function') {
+          this.capabilities = null;
+          return;
+        }
+        try {
+          this.capabilities = await window.CrankApi.getCapabilities();
+        } catch (_error) {
+          this.capabilities = null;
+        }
+      },
+
       async reload() {
         this.loading = true;
         this.loadError = '';
@@ -150,6 +165,36 @@ document.addEventListener('alpine:init', function() {
         }, 0);
       },
 
+      get isCommunityBuild() {
+        return !!(this.capabilities && this.capabilities.edition === 'community');
+      },
+
+      agentCalloutText() {
+        if (this.isCommunityBuild) {
+          return this.tfKey('agents.callout.community', { count: this.operations.length });
+        }
+        return this.tfKey('agents.callout.default', { count: this.operations.length });
+      },
+
+      subtitleText() {
+        return this.tKey(this.isCommunityBuild ? 'agents.subtitle.community' : 'agents.subtitle');
+      },
+
+      emptyStateText() {
+        return this.tKey(this.isCommunityBuild ? 'agents.empty.initial.sub_community' : 'agents.empty.initial.sub');
+      },
+
+      drawerSubText() {
+        if (this.drawerMode === 'edit') {
+          return this.tKey('agents.drawer.edit_sub');
+        }
+        return this.tKey(this.isCommunityBuild ? 'agents.drawer.new_sub_community' : 'agents.drawer.new_sub');
+      },
+
+      operationsSubText() {
+        return this.tKey(this.isCommunityBuild ? 'agents.drawer.operations_sub_community' : 'agents.drawer.operations_sub');
+      },
+
       get filteredOps() {
         var query = this.opSearch.toLowerCase().trim();
         if (!query) return this.operations;