Polish community UI copy and cleanup

apps/ui/html/agents.html

@@ -41,9 +41,6 @@
 
     <div class="nav-right">
       <button class="nav-hamburger" data-i18n-title="nav.menu" data-i18n-aria-label="nav.menu" aria-label="Menu"><span></span><span></span><span></span></button>
-      <button class="nav-icon-btn" data-i18n-title="nav.notifications" title="Notifications">
-        <svg width="15" height="15"><use href="icons/general/bell.svg#icon"/></svg>
-      </button>
       <div class="nav-divider"></div>
       <div class="user-menu" @click.stop>
         <div class="nav-avatar" @click="openDropdown = openDropdown === 'user' ? null : 'user'" data-i18n-title="nav.account" title="Account">AT</div>
@@ -82,7 +79,7 @@
     <div class="page-header">
       <div>
         <h1 class="page-heading" data-i18n="agents.title">Agents</h1>
-        <p class="page-subheading" x-text="subtitleText()">Named MCP endpoints that expose a curated subset of operations to an LLM</p>
+        <p class="page-subheading" x-text="subtitleText()">Group your MCP tools by AI agent.</p>
       </div>
       <button class="btn-new" @click="openCreate()">
         <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M8 3v10M3 8h10"/></svg>
@@ -136,7 +133,7 @@
     <!-- Info callout -->
     <div class="agents-info-callout">
       <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="var(--accent)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="8" r="7"/><path d="M8 11V8M8 5v-.5"/></svg>
-      <span x-text="agentCalloutText()">Each agent gets its own MCP endpoint.</span>
+      <span x-text="agentCalloutText()">Group MCP tools around concrete tasks for a concrete agent. Do not give one LLM too many tools at once: it can increase mistakes and hallucinations. Each agent has its own API keys.</span>
     </div>
 
     <!-- Loading -->
@@ -157,7 +154,7 @@
       </div>
       <div class="empty-state-title" data-i18n="agents.empty.initial.title">No agents yet</div>
       <div class="empty-state-sub" x-text="emptyStateText()">Create your first agent to get a dedicated MCP endpoint with a curated set of tools.</div>
-      <div class="empty-state-sub" style="margin-top:8px;" x-text="tKey('agents.empty.initial.next_step')">After creation, issue separate machine-access keys for this endpoint on the API Keys page.</div>
+      <div class="empty-state-sub" style="margin-top:8px;" x-text="tKey('agents.empty.initial.next_step')">After creating an agent, issue an API key for it on the API Keys page.</div>
       <button class="btn-new" @click="openCreate()" style="margin-top: 16px;">
         <svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M8 3v10M3 8h10"/></svg>
         <span data-i18n="agents.new">New agent</span>
@@ -287,12 +284,12 @@
           <div class="form-hint" x-show="form.slug">
             <span data-i18n="agents.drawer.endpoint">MCP endpoint</span>: <code style="font-family:monospace;font-size:11px;color:var(--accent)" x-text="'/mcp/v1/' + (localStorage.getItem('crank_workspace_slug') || 'default') + '/' + form.slug"></code>
           </div>
-          <div class="form-hint" data-i18n="agents.drawer.slug_hint">Keep the slug stable after clients start using this endpoint. Changing it changes the MCP path.</div>
+          <div class="form-hint" data-i18n="agents.drawer.slug_hint">Slug is used as part of the endpoint to identify the agent.</div>
         </div>
 
         <div class="form-group" style="margin-bottom: 14px;">
           <label class="form-label"><span data-i18n="agents.drawer.description">Description</span> <span class="form-label-optional" data-i18n="agents.drawer.optional">(optional)</span></label>
-          <textarea class="form-textarea" rows="3" data-i18n-ph="agents.drawer.placeholder.description" placeholder="What does this agent do? What LLM or use-case is it for?"
+          <textarea class="form-textarea" rows="3" data-i18n-ph="agents.drawer.placeholder.description" placeholder="What does this agent do? What scenario is it for?"
                     x-model="form.description"></textarea>
         </div>
 
@@ -318,7 +315,7 @@
           <div class="drawer-section-title" data-i18n="agents.drawer.operations">Operations</div>
           <span class="drawer-section-count" x-text="tfKey('agents.drawer.selected', { count: form.selectedOps.length })"></span>
         </div>
-        <div class="drawer-section-sub" x-text="operationsSubText()">Select which operations this agent exposes. LLMs connecting to this agent will only see these tools.</div>
+        <div class="drawer-section-sub" x-text="operationsSubText()">Select the MCP tools available to this agent.</div>
 
         <div class="ops-picker">
           <!-- Search -->