a2acalling 0.6.57 → 0.6.58

package/docs/plans/2026-02-18-dashboard-backlog-blitz.md

@@ -0,0 +1,585 @@
+# Dashboard Backlog Blitz — 5 Tickets, 3 Waves
+
+> **For Claude:** REQUIRED SUB-SKILL: Use superpowers:executing-plans to implement this plan task-by-task.
+
+**Goal:** Execute all 5 dashboard backlog tickets (A2A-36, A2A-37, A2A-38, A2A-39, A2A-40) in parallel waves with adversarial builder/reviewer teams that don't step on each other's toes.
+
+**Architecture:** All 5 tickets touch the same 3 dashboard files (`index.html`, `app.js`, `style.css`). We isolate work using git worktrees and sequence into 3 waves based on file-section overlap. Each wave merges to `main` before the next starts. Each team is a builder + reviewer pair that iterate until both agree the ticket is done.
+
+**Tech Stack:** Vanilla JS, HTML, CSS (no framework). Shoelace web components (CDN) for Wave 3 only. Tauri/Rust for native app keyboard shortcuts.
+
+---
+
+## Wave Analysis — Why This Grouping
+
+### File Overlap Matrix
+
+| Ticket | index.html sections | app.js functions | style.css | dashboard.js | lib.rs |
+|--------|-------------------|-----------------|-----------|-------------|--------|
+| **A2A-38** (Calls bug) | lines 51-70 (calls panel) | lines 620-658 (renderCalls, loadCallDetail) | lines 178-181 (.summary) | lines 1235-1259 (GET /calls/:id) | — |
+| **A2A-37** (Contacts) | lines 24-49 (contacts panel) | lines 310-618 (renderContacts, bindContactsActions) | new styles for collapse/pin | — | — |
+| **A2A-36** (Refresh) | button elements across ALL tabs | lines 1463-1491 (bindRefreshButtons) + new polling | lines 130-141 (button styles) | — | — |
+| **A2A-39** (Tabs+Invites) | lines 15-21 (nav) + 219-253 (invites panel) | lines 1405-1461 (renderInvites, bindInviteActions) | — | — | lines 40-51, 84-108 |
+| **A2A-40** (Shoelace) | ALL | ALL | ALL | — | — |
+
+### Dependency Chain
+
+```
+A2A-38 ──┐
+          ├── merge to main ── A2A-39 ──┐
+A2A-37 ──┘                               ├── merge to main ── A2A-40
+                              A2A-36 ──┘
+```
+
+- **A2A-39 depends on A2A-37** — ticket says "Follow the exact same pattern being implemented for Add Contact"
+- **A2A-36 is cross-cutting** — removes buttons from all tabs, needs stable tab structure
+- **A2A-40 depends on ALL** — rewrites every UI element to Shoelace
+
+---
+
+## Wave 1 — Two Parallel Teams (Zero Overlap)
+
+### Team Alpha: A2A-38 — Calls Tab Summary Bug (Urgent)
+
+**Branch:** `feature/a2a-38` (worktree: `/root/a2a-wt-38`)
+
+**Problem:** `loadCallDetail()` renders the full message transcript in the summary section instead of the agent-generated summary.
+
+**Files:**
+- Modify: `src/dashboard/public/app.js` lines 644-658 (`loadCallDetail()`)
+- Modify: `src/dashboard/public/index.html` lines 51-70 (calls panel — add collapsible transcript section)
+- Modify: `src/dashboard/public/style.css` lines 178-181 (`.summary` styling)
+- Investigate: `src/routes/dashboard.js` lines 1235-1259 (verify API returns `summary` field separately)
+
+**Step 1: Investigate the API response**
+
+Read `src/routes/dashboard.js` lines 1235-1259 to understand what fields the `/calls/:conversationId` endpoint returns. The response comes from `convStore.getConversationContext()`. Check if `summary` and `owner_summary` are separate fields from `recentMessages`.
+
+Also check `src/lib/conversation-store.js` for the `getConversationContext()` method to see the full data shape.
+
+**Step 2: Fix `loadCallDetail()` in app.js**
+
+Current code (lines 644-658) fetches the call and renders everything as transcript. Replace with:
+
+```javascript
+async function loadCallDetail(conversationId) {
+  const res = await fetch(`/api/a2a/dashboard/calls/${conversationId}?messages=40`);
+  const data = await res.json();
+  if (!data.success) return;
+  const call = data.call;
+  const el = document.getElementById('call-detail');
+
+  // Summary section — use agent-generated summary, not transcript
+  const summaryText = call.summary || call.owner_summary || 'Summary pending\u2026';
+
+  // Transcript — collapsible details element
+  const transcript = (call.recentMessages || [])
+    .map(m => `[${new Date(m.timestamp).toLocaleString()}] ${m.direction}: ${m.content}`)
+    .join('\n');
+
+  el.innerHTML = `
+    <h3>Call with ${call.contact?.name || 'Unknown'}</h3>
+    <p><strong>Status:</strong> ${call.status || 'unknown'}</p>
+    <h4>Summary</h4>
+    <pre class="summary">${escapeHtml(summaryText)}</pre>
+    <details>
+      <summary>Full Transcript (${(call.recentMessages || []).length} messages)</summary>
+      <pre class="mono">${escapeHtml(transcript)}</pre>
+    </details>
+  `;
+  el.style.display = 'block';
+}
+```
+
+Note: Check if `escapeHtml()` exists in the codebase. If not, add a minimal one at the top of app.js (or use the existing pattern for HTML escaping).
+
+**Step 3: Verify summary field comes from API**
+
+If the API doesn't return `summary` separately from messages, modify `src/routes/dashboard.js` lines 1235-1259 to ensure the response includes:
+```javascript
+{ success: true, call: { ...contextData, summary: contextData.summary, owner_summary: contextData.owner_summary, contact } }
+```
+
+**Step 4: Test manually**
+
+Start the server, navigate to Calls tab, click a call with a completed summary. Verify:
+- Summary section shows the agent-generated summary text (not transcript)
+- "Summary pending..." shows for active calls with no summary yet
+- Full Transcript is in a collapsible `<details>` element below
+- Clicking the details toggle reveals the full message history
+
+**Step 5: Commit**
+
+```bash
+git add src/dashboard/public/app.js src/dashboard/public/index.html src/routes/dashboard.js
+git commit -m "fix(A2A-38): show agent summary instead of transcript in calls detail"
+```
+
+---
+
+### Team Beta: A2A-37 — Contacts Tab Restructure (High)
+
+**Branch:** `feature/a2a-37` (worktree: `/root/a2a-wt-37`)
+
+**Problem:** Add Contact form dominates the viewport, "My agents" section is buried, no pinning for frequently-called agents.
+
+**Files:**
+- Modify: `src/dashboard/public/index.html` lines 24-49 (contacts panel)
+- Modify: `src/dashboard/public/app.js` lines 310-618 (`renderContacts()`, `bindContactsActions()`)
+- Modify: `src/dashboard/public/style.css` (add collapsible card + pin styles)
+
+**Step 1: Restructure contacts HTML in index.html**
+
+Replace the contacts panel (lines 24-49). The Add Contact form should be hidden behind a toggle button:
+
+```html
+<section id="tab-contacts" class="panel is-active">
+  <div class="section-header">
+    <h2>Contacts</h2>
+  </div>
+
+  <!-- Collapsed Add Contact button -->
+  <button id="toggle-add-contact" class="btn" style="margin-bottom:1rem;">+ Add Contact</button>
+
+  <!-- Collapsible Add Contact form (hidden by default) -->
+  <div id="add-contact-card" class="card" style="display:none; margin-bottom:1rem;">
+    <h3>Add Contact</h3>
+    <!-- Keep all existing form fields exactly as-is -->
+    <form id="add-contact-form">
+      <!-- ... existing 8 fields ... -->
+    </form>
+  </div>
+
+  <!-- Contact sections (rendered dynamically) -->
+  <div id="contact-sections"></div>
+  <div id="contact-detail" style="display:none;"></div>
+</section>
+```
+
+**Step 2: Add toggle logic in app.js**
+
+In `bindContactsActions()`, add the toggle handler:
+
+```javascript
+document.getElementById('toggle-add-contact')?.addEventListener('click', () => {
+  const card = document.getElementById('add-contact-card');
+  const btn = document.getElementById('toggle-add-contact');
+  const isVisible = card.style.display !== 'none';
+  card.style.display = isVisible ? 'none' : 'block';
+  btn.textContent = isVisible ? '+ Add Contact' : '− Cancel';
+});
+```
+
+After successful form submit (around line 510), collapse the form:
+```javascript
+document.getElementById('add-contact-card').style.display = 'none';
+document.getElementById('toggle-add-contact').textContent = '+ Add Contact';
+```
+
+**Step 3: Reorder contact sections in `renderContacts()`**
+
+Modify `renderContacts()` (lines 310-427) so the rendered order is:
+1. **My Agents** — always first
+2. **Last Called Agents** — with pinned agents at top
+3. **Grouped by Owner** — everything else
+
+**Step 4: Add pin/unpin functionality**
+
+Add pin state to localStorage:
+
+```javascript
+function getPinnedContacts() {
+  try { return JSON.parse(localStorage.getItem('a2a-pinned-contacts') || '[]'); }
+  catch { return []; }
+}
+
+function togglePin(contactId) {
+  const pinned = getPinnedContacts();
+  const idx = pinned.indexOf(contactId);
+  if (idx >= 0) pinned.splice(idx, 1);
+  else pinned.push(contactId);
+  localStorage.setItem('a2a-pinned-contacts', JSON.stringify(pinned));
+  renderContacts(); // re-render to update pin state
+}
+```
+
+In the contact row HTML generator (lines 345-382), add a pin button:
+
+```javascript
+const isPinned = getPinnedContacts().includes(c.id);
+const pinBtn = `<button class="btn-link pin-btn" data-contact-id="${c.id}" title="${isPinned ? 'Unpin' : 'Pin'}">${isPinned ? '\u{1F4CC}' : '\u{1F4C5}'}</button>`;
+```
+
+In the "Last Called" section, sort pinned contacts first:
+
+```javascript
+lastCalled.sort((a, b) => {
+  const aPinned = pinnedSet.has(a.id);
+  const bPinned = pinnedSet.has(b.id);
+  if (aPinned && !bPinned) return -1;
+  if (!aPinned && bPinned) return 1;
+  return new Date(b.last_call_at) - new Date(a.last_call_at);
+});
+```
+
+**Step 5: Add styles in style.css**
+
+```css
+/* Collapsible card */
+#add-contact-card { padding: 1rem; }
+#add-contact-card h3 { margin-top: 0; }
+
+/* Pin button */
+.pin-btn { cursor: pointer; font-size: 0.85rem; padding: 0.2rem; }
+```
+
+**Step 6: Test manually**
+
+- Contacts tab loads with form hidden, "+" button visible
+- Click "+", form expands; click again, collapses
+- Add a contact, form auto-collapses, list refreshes
+- "My Agents" section appears first
+- Pin icon appears on last-called contacts
+- Click pin, contact moves to top of last-called section
+- Reload page — pinned state persists
+
+**Step 7: Commit**
+
+```bash
+git add src/dashboard/public/index.html src/dashboard/public/app.js src/dashboard/public/style.css
+git commit -m "feat(A2A-37): restructure contacts tab — collapsible form, section reorder, pinnable agents"
+```
+
+---
+
+## Wave 1 Merge
+
+After both Team Alpha and Team Beta finish:
+
+```bash
+# Merge A2A-38 first (smaller change, urgent bug)
+git checkout main
+git merge feature/a2a-38 --no-ff -m "feat(A2A-38): fix calls tab summary display"
+
+# Merge A2A-37 (different sections, should merge cleanly)
+git merge feature/a2a-37 --no-ff -m "feat(A2A-37): restructure contacts tab"
+```
+
+---
+
+## Wave 2 — Two Parallel Teams (After Wave 1 Merge)
+
+### Team Gamma: A2A-39 — Tab Reorder + Invites Redesign (Medium)
+
+**Branch:** `feature/a2a-39` (worktree: `/root/a2a-wt-39`, branched from post-Wave-1 main)
+
+**Problem:** Logs tab is in wrong position; Invites form should be collapsible like Contacts.
+
+**Files:**
+- Modify: `src/dashboard/public/index.html` lines 15-21 (nav) + 219-253 (invites panel)
+- Modify: `src/dashboard/public/app.js` lines 1405-1461 (invites rendering + actions)
+- Modify: `native/macos/src-tauri/src/lib.rs` lines 40-51 (keyboard shortcuts)
+
+**Step 1: Reorder tabs in index.html**
+
+Change nav button order (lines 15-21) to: Contacts | Calls | Settings | Invites | Logs
+
+Change `<section>` panel order to match (for readability).
+
+**Step 2: Redesign invites form**
+
+Apply the exact same collapsible pattern from A2A-37:
+
+```html
+<!-- Replace always-visible form with toggle -->
+<button id="toggle-gen-invite" class="btn" style="margin-bottom:1rem;">+ Generate Invite</button>
+
+<div id="gen-invite-card" class="card" style="display:none; margin-bottom:1rem;">
+  <h3>Generate Invite</h3>
+  <form id="invite-form">
+    <!-- Keep existing fields: name, owner, tier, expires, max-calls, notify -->
+  </form>
+</div>
+
+<!-- Invite message output (shown after generation) -->
+<div id="invite-msg-wrap" style="display:none; margin-bottom:1rem;">
+  <h4>Share this invite</h4>
+  <textarea id="invite-msg" rows="5" readonly></textarea>
+  <button id="copy-invite" class="btn">Copy</button>
+</div>
+
+<!-- Existing invites table stays always visible -->
+<table id="invites-table">...</table>
+```
+
+**Step 3: Add toggle logic in app.js**
+
+In `bindInviteActions()`:
+
+```javascript
+document.getElementById('toggle-gen-invite')?.addEventListener('click', () => {
+  const card = document.getElementById('gen-invite-card');
+  const btn = document.getElementById('toggle-gen-invite');
+  const isVisible = card.style.display !== 'none';
+  card.style.display = isVisible ? 'none' : 'block';
+  btn.textContent = isVisible ? '+ Generate Invite' : '− Cancel';
+});
+```
+
+After successful invite creation, collapse the form and show the invite message.
+
+**Step 4: Update keyboard shortcuts in lib.rs**
+
+Change the Tauri native app keyboard shortcut mappings (lines 40-51):
+
+```rust
+// New order: Contacts(1) | Calls(2) | Settings(3) | Invites(4) | Logs(5)
+let contacts = MenuItem::with_id(app, "tab-contacts", "Contacts", true, Some("CmdOrCtrl+1"))?;
+let calls = MenuItem::with_id(app, "tab-calls", "Calls", true, Some("CmdOrCtrl+2"))?;
+let settings = MenuItem::with_id(app, "tab-settings", "Settings", true, Some("CmdOrCtrl+3"))?;
+let invites = MenuItem::with_id(app, "tab-invites", "Invites", true, Some("CmdOrCtrl+4"))?;
+let logs = MenuItem::with_id(app, "tab-logs", "Logs", true, Some("CmdOrCtrl+5"))?;
+```
+
+Also update the `Submenu::with_items` call to match the new order.
+
+**Step 5: Test**
+
+- Tab order is Contacts | Calls | Settings | Invites | Logs
+- Cmd+1-5 map to the new order (in Tauri)
+- Hash-based deep links still work
+- Invites form is collapsed behind "+" button
+- Generate invite, form collapses, invite message appears
+- Existing invites table always visible
+
+**Step 6: Commit**
+
+```bash
+git add src/dashboard/public/index.html src/dashboard/public/app.js native/macos/src-tauri/src/lib.rs
+git commit -m "feat(A2A-39): reorder tabs, collapsible invite form"
+```
+
+---
+
+### Team Delta: A2A-36 — Remove Refresh Buttons, Add Auto-Poll (High)
+
+**Branch:** `feature/a2a-36` (worktree: `/root/a2a-wt-36`, branched from post-Wave-1 main)
+
+**Problem:** Manual refresh buttons everywhere. Data should auto-update.
+
+**Files:**
+- Modify: `src/dashboard/public/index.html` (remove all refresh `<button>` elements)
+- Modify: `src/dashboard/public/app.js` (remove `bindRefreshButtons()`, add smart polling)
+- Modify: `src/dashboard/public/style.css` (remove refresh-specific styles if any)
+
+**Step 1: Remove refresh buttons from index.html**
+
+Remove all `<button>` elements with IDs: `refresh-contacts`, `refresh-calls`, `refresh-invites`, `refresh-logs`, `refresh-log-stats`, `callbook-refresh`, `callbook-refresh-devices`, `auto-update-refresh`.
+
+Clean up any header rows that become empty after button removal.
+
+**Step 2: Remove `bindRefreshButtons()` from app.js**
+
+Delete the function (lines 1463-1491) and its call in `bootstrap()` (line 1496 approximately).
+
+**Step 3: Add smart polling in app.js**
+
+Add a polling system that only fetches data for the active tab:
+
+```javascript
+// Smart tab polling
+let pollInterval = null;
+
+function getActiveTab() {
+  return document.querySelector('.tab.is-active')?.dataset.tab || 'contacts';
+}
+
+const tabLoaders = {
+  contacts: loadContacts,
+  calls: loadCalls,
+  logs: loadLogs,
+  settings: () => {}, // settings don't need polling
+  invites: loadInvites,
+};
+
+function startTabPolling() {
+  if (pollInterval) clearInterval(pollInterval);
+  pollInterval = setInterval(() => {
+    const tab = getActiveTab();
+    const loader = tabLoaders[tab];
+    if (loader) loader();
+  }, 5000); // 5-second interval
+}
+
+// On tab switch, immediately load fresh data + restart poll timer
+function onTabSwitch(tabName) {
+  const loader = tabLoaders[tabName];
+  if (loader) loader();
+  startTabPolling(); // restart interval so next poll is 5s from now
+}
+```
+
+Integrate `onTabSwitch()` into the existing `activateTab()` function (lines 253-269) — call it at the end of the function after making the tab visible.
+
+Start polling in `bootstrap()` after initial data load.
+
+**Step 4: Keep SSE events as-is**
+
+The existing `connectRealtimeEvents()` (lines 112-162) stays unchanged — it provides instant updates for calls, summaries, and contact status. The polling is a complement for data that doesn't have SSE events (logs, invites).
+
+**Step 5: Preserve log filter auto-refresh**
+
+The log filter debounced refresh logic (lines 1470-1490 in current `bindRefreshButtons()`) should be extracted and kept as a separate concern. Move it to a `bindLogFilterRefresh()` function.
+
+**Step 6: Test**
+
+- No refresh buttons visible on any tab
+- Switch to Contacts tab — data loads immediately
+- Wait 5 seconds — data refreshes automatically (check network tab)
+- Switch to Calls — immediate load, then polls every 5s
+- Log filters still trigger immediate refresh on change
+- SSE events still update in real-time (test with a call)
+
+**Step 7: Commit**
+
+```bash
+git add src/dashboard/public/index.html src/dashboard/public/app.js src/dashboard/public/style.css
+git commit -m "feat(A2A-36): remove refresh buttons, add smart auto-polling"
+```
+
+---
+
+## Wave 2 Merge
+
+```bash
+# Merge A2A-39 first (structural change to tab order)
+git checkout main
+git merge feature/a2a-39 --no-ff -m "feat(A2A-39): reorder tabs and redesign invites"
+
+# Merge A2A-36 (button removals — may need minor conflict resolution in index.html)
+git merge feature/a2a-36 --no-ff -m "feat(A2A-36): auto-poll replaces refresh buttons"
+```
+
+---
+
+## Wave 3 — One Team (After Wave 2 Merge)
+
+### Team Epsilon: A2A-40 — Shoelace Migration (High)
+
+**Branch:** `feature/a2a-40` (worktree: `/root/a2a-wt-40`, branched from post-Wave-2 main)
+
+**Problem:** Dashboard uses hand-rolled HTML/CSS. Migrate to Shoelace web components for polished, consistent UI.
+
+**Files:**
+- Modify: `src/dashboard/public/index.html` (add CDN, replace all HTML elements)
+- Modify: `src/dashboard/public/app.js` (update event listeners, rendering functions)
+- Modify: `src/dashboard/public/style.css` (simplify to Shoelace theme overrides)
+
+**Step 1: Add Shoelace CDN to index.html**
+
+In `<head>`:
+```html
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.19/cdn/themes/light.css" />
+<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.19/cdn/shoelace-autoloader.js"></script>
+```
+
+**Step 2: Migrate tab navigation**
+
+Replace the `<nav>` buttons with:
+```html
+<sl-tab-group id="main-tabs">
+  <sl-tab slot="nav" panel="contacts" active>Contacts</sl-tab>
+  <sl-tab slot="nav" panel="calls">Calls</sl-tab>
+  <sl-tab slot="nav" panel="settings">Settings</sl-tab>
+  <sl-tab slot="nav" panel="invites">Invites</sl-tab>
+  <sl-tab slot="nav" panel="logs">Logs</sl-tab>
+
+  <sl-tab-panel name="contacts">...</sl-tab-panel>
+  <sl-tab-panel name="calls">...</sl-tab-panel>
+  <sl-tab-panel name="settings">...</sl-tab-panel>
+  <sl-tab-panel name="invites">...</sl-tab-panel>
+  <sl-tab-panel name="logs">...</sl-tab-panel>
+</sl-tab-group>
+```
+
+**Step 3: Migrate form elements**
+
+Replace across all tabs:
+- `<input>` → `<sl-input>`
+- `<textarea>` → `<sl-textarea>`
+- `<select>` → `<sl-select>` + `<sl-option>`
+- `<button class="btn">` → `<sl-button>`
+- `<input type="checkbox">` → `<sl-checkbox>`
+
+**Step 4: Migrate collapsible sections**
+
+Replace `<details>` / toggle buttons with `<sl-details>`:
+```html
+<sl-details summary="+ Add Contact">
+  <form id="add-contact-form">...</form>
+</sl-details>
+```
+
+**Step 5: Migrate status indicators**
+
+- Status pills → `<sl-badge>` with `variant="success|warning|danger"`
+- Toast notifications → `<sl-alert variant="primary" duration="3000" closable>`
+
+**Step 6: Update app.js event listeners**
+
+Replace tab switching to use Shoelace events:
+```javascript
+document.getElementById('main-tabs').addEventListener('sl-tab-show', (e) => {
+  const tabName = e.detail.name;
+  window.location.hash = tabName;
+  onTabSwitch(tabName);
+});
+```
+
+Replace button clicks for `<sl-button>` (they still emit 'click' events, but form submission may need adjustment for `<sl-input>` — use `.value` property access).
+
+**Step 7: Simplify style.css**
+
+Remove all hand-rolled component styles (tab buttons, panel active states, button styles, form input styles). Keep only:
+- Layout rules (flexbox, grid)
+- Shoelace theme overrides (CSS custom properties)
+- Table styles (Shoelace has no table component)
+- App-specific layout (`.section-header`, margins)
+
+**Step 8: Verify Tauri compatibility**
+
+Shoelace web components use Shadow DOM which WebView2/WebKit should support. Test that:
+- All components render in Tauri's WebView
+- `sl-tab-show` events fire correctly
+- Deep links still work
+- Keyboard shortcuts still trigger tab switches
+
+**Step 9: Test everything**
+
+- All 5 tabs render with Shoelace components
+- Forms submit correctly (add contact, generate invite, tier settings)
+- Collapsible sections work (add contact, invite form, transcript)
+- Auto-polling continues to work
+- SSE real-time events still update the UI
+- Status badges show correct colors
+- Tables render with proper styling
+- Native app (Tauri) renders correctly
+
+**Step 10: Commit**
+
+```bash
+git add src/dashboard/public/index.html src/dashboard/public/app.js src/dashboard/public/style.css
+git commit -m "feat(A2A-40): migrate dashboard to Shoelace web components"
+```
+
+---
+
+## Execution Summary
+
+| Wave | Teams | Tickets | Parallel? | Est. Overlap Risk |
+|------|-------|---------|-----------|-------------------|
+| 1 | Alpha + Beta | A2A-38, A2A-37 | Yes | Zero (different sections) |
+| 2 | Gamma + Delta | A2A-39, A2A-36 | Yes | Low (nav vs button removal) |
+| 3 | Epsilon | A2A-40 | Solo | None (starts from clean merge) |
+
+**Total: 5 tickets, 5 adversarial teams (10 agents), 3 waves.**

package/native/macos/src-tauri/src/lib.rs

@@ -40,14 +40,14 @@ fn build_menu(app: &tauri::AppHandle) -> tauri::Result<Menu<tauri::Wry>> {
     // View menu with tab shortcuts
     let contacts = MenuItem::with_id(app, "tab-contacts", "Contacts", true, Some("CmdOrCtrl+1"))?;
     let calls = MenuItem::with_id(app, "tab-calls", "Calls", true, Some("CmdOrCtrl+2"))?;
-    let logs = MenuItem::with_id(app, "tab-logs", "Logs", true, Some("CmdOrCtrl+3"))?;
-    let settings = MenuItem::with_id(app, "tab-settings", "Settings", true, Some("CmdOrCtrl+4"))?;
-    let invites = MenuItem::with_id(app, "tab-invites", "Invites", true, Some("CmdOrCtrl+5"))?;
+    let settings = MenuItem::with_id(app, "tab-settings", "Settings", true, Some("CmdOrCtrl+3"))?;
+    let invites = MenuItem::with_id(app, "tab-invites", "Invites", true, Some("CmdOrCtrl+4"))?;
+    let logs = MenuItem::with_id(app, "tab-logs", "Logs", true, Some("CmdOrCtrl+5"))?;
     let sep2 = PredefinedMenuItem::separator(app)?;
     let refresh = MenuItem::with_id(app, "refresh", "Refresh", true, Some("CmdOrCtrl+R"))?;
 
     let view_menu = Submenu::with_items(app, "View", true, &[
-        &contacts, &calls, &logs, &settings, &invites, &sep2, &refresh,
+        &contacts, &calls, &settings, &invites, &logs, &sep2, &refresh,
     ])?;
 
     // Edit menu (standard macOS)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "a2acalling",
-  "version": "0.6.57",
+  "version": "0.6.58",
   "description": "Agent-to-agent calling for OpenClaw - A2A agent communication",
   "main": "src/index.js",
   "bin": {