a2acalling 0.6.75 → 0.6.76

package/.claude/worktrees/agent-acefedbd/.claude/worktrees/agent-aa4cd927/docs/style.css

@@ -0,0 +1,457 @@
+/* ── A2A Callbook Landing Page ─────────────────────────────── */
+/* Dark theme tokens matching the dashboard aesthetic            */
+
+:root {
+  --bg: #0B0E14;
+  --panel: #151B28;
+  --card: #1E2738;
+  --ink: #e2e8f0;
+  --ink-muted: #94a3b8;
+  --accent: #3B82F6;
+  --accent-hover: #2563EB;
+  --line: rgba(255, 255, 255, 0.08);
+  --radius: 10px;
+  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Helvetica, Arial, sans-serif;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+  font-family: var(--font);
+  color: var(--ink);
+  background: var(--bg);
+  line-height: 1.6;
+  -webkit-font-smoothing: antialiased;
+}
+
+img {
+  display: block;
+  max-width: 100%;
+}
+
+a {
+  color: var(--accent);
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+code {
+  font-family: "SF Mono", "Fira Code", "Cascadia Code", monospace;
+  background: rgba(255, 255, 255, 0.06);
+  padding: 0.15em 0.4em;
+  border-radius: 4px;
+  font-size: 0.9em;
+}
+
+/* ── Layout helpers ─────────────────────────────────────────── */
+
+.container {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 0 1.5rem;
+}
+
+.section {
+  padding: 5rem 0;
+}
+
+.section-alt {
+  background: var(--panel);
+}
+
+.section-heading {
+  text-align: center;
+  font-size: 2rem;
+  font-weight: 700;
+  margin: 0 0 3rem;
+  letter-spacing: -0.02em;
+}
+
+/* ── Navigation ─────────────────────────────────────────────── */
+
+.nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  background: rgba(11, 14, 20, 0.85);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border-bottom: 1px solid var(--line);
+}
+
+.nav-inner {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 0 1.5rem;
+  height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.nav-brand {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  color: var(--ink);
+  font-weight: 600;
+  font-size: 1rem;
+  text-decoration: none;
+}
+
+.nav-brand:hover {
+  text-decoration: none;
+}
+
+.nav-icon {
+  border-radius: 6px;
+}
+
+.nav-links {
+  display: flex;
+  gap: 1.5rem;
+}
+
+.nav-links a {
+  color: var(--ink-muted);
+  font-size: 0.9rem;
+  transition: color 0.15s ease;
+}
+
+.nav-links a:hover {
+  color: var(--ink);
+  text-decoration: none;
+}
+
+/* ── Hero ───────────────────────────────────────────────────── */
+
+.hero {
+  padding: 10rem 1.5rem 6rem;
+  text-align: center;
+  background:
+    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(59, 130, 246, 0.12) 0%, transparent 100%),
+    var(--bg);
+}
+
+.hero-inner {
+  max-width: 680px;
+  margin: 0 auto;
+}
+
+.hero h1 {
+  font-size: clamp(2rem, 5vw, 3.25rem);
+  font-weight: 800;
+  letter-spacing: -0.03em;
+  line-height: 1.15;
+  margin: 0 0 1.25rem;
+}
+
+.hero-desc {
+  font-size: 1.125rem;
+  color: var(--ink-muted);
+  line-height: 1.7;
+  margin: 0 0 2.5rem;
+}
+
+.hero-actions {
+  display: flex;
+  gap: 0.75rem;
+  justify-content: center;
+  flex-wrap: wrap;
+  min-height: 48px;
+}
+
+.hero-req {
+  margin: 1.5rem 0 0;
+  font-size: 0.85rem;
+  color: var(--ink-muted);
+}
+
+/* ── Buttons ────────────────────────────────────────────────── */
+
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.7rem 1.5rem;
+  border-radius: 8px;
+  font-family: var(--font);
+  font-size: 0.95rem;
+  font-weight: 600;
+  text-decoration: none;
+  cursor: pointer;
+  border: none;
+  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
+}
+
+.btn:hover {
+  text-decoration: none;
+  transform: translateY(-1px);
+}
+
+.btn:active {
+  transform: translateY(0);
+}
+
+.btn:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+
+.btn-primary {
+  background: var(--accent);
+  color: #fff;
+  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.25);
+}
+
+.btn-primary:hover {
+  background: var(--accent-hover);
+  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.35);
+}
+
+.btn-secondary {
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--ink);
+  border: 1px solid var(--line);
+}
+
+.btn-secondary:hover {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+/* ── Feature Grid ───────────────────────────────────────────── */
+
+.feature-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 1.25rem;
+}
+
+.feature-card {
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  padding: 1.75rem 1.5rem;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.feature-card:hover {
+  border-color: rgba(59, 130, 246, 0.3);
+  box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);
+}
+
+.feature-icon {
+  font-size: 1.75rem;
+  margin-bottom: 0.75rem;
+}
+
+.feature-card h3 {
+  font-size: 1.1rem;
+  font-weight: 600;
+  margin: 0 0 0.5rem;
+}
+
+.feature-card p {
+  font-size: 0.9rem;
+  color: var(--ink-muted);
+  margin: 0;
+  line-height: 1.6;
+}
+
+/* ── Steps (Getting Started) ────────────────────────────────── */
+
+.steps {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  gap: 2rem;
+}
+
+.step {
+  text-align: center;
+}
+
+.step-num {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  background: var(--accent);
+  color: #fff;
+  font-size: 1.25rem;
+  font-weight: 700;
+  margin-bottom: 1rem;
+}
+
+.step h3 {
+  font-size: 1.1rem;
+  font-weight: 600;
+  margin: 0 0 0.5rem;
+}
+
+.step p {
+  font-size: 0.9rem;
+  color: var(--ink-muted);
+  line-height: 1.6;
+  margin: 0;
+}
+
+/* ── CLI Section ────────────────────────────────────────────── */
+
+.cli-container {
+  text-align: center;
+  max-width: 560px;
+}
+
+.cli-desc {
+  color: var(--ink-muted);
+  margin: 0 0 2rem;
+  font-size: 1rem;
+}
+
+.code-block {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: var(--card);
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 0.9rem 1rem;
+  font-family: "SF Mono", "Fira Code", "Cascadia Code", monospace;
+  font-size: 0.95rem;
+  gap: 1rem;
+}
+
+.code-block code {
+  background: none;
+  padding: 0;
+  flex: 1;
+  text-align: left;
+}
+
+.copy-btn {
+  padding: 0.35rem 0.75rem;
+  border-radius: 6px;
+  font-family: var(--font);
+  font-size: 0.8rem;
+  font-weight: 500;
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--ink-muted);
+  border: 1px solid var(--line);
+  cursor: pointer;
+  transition: background 0.15s ease, color 0.15s ease;
+  white-space: nowrap;
+}
+
+.copy-btn:hover {
+  background: rgba(255, 255, 255, 0.14);
+  color: var(--ink);
+}
+
+.copy-btn:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+
+.cli-note {
+  margin: 1.25rem 0 0;
+  font-size: 0.9rem;
+  color: var(--ink-muted);
+}
+
+/* ── Footer ─────────────────────────────────────────────────── */
+
+.footer {
+  border-top: 1px solid var(--line);
+  padding: 2.5rem 0;
+}
+
+.footer-inner {
+  text-align: center;
+}
+
+.footer-links {
+  display: flex;
+  gap: 1.5rem;
+  justify-content: center;
+  margin-bottom: 1rem;
+}
+
+.footer-links a {
+  color: var(--ink-muted);
+  font-size: 0.9rem;
+  transition: color 0.15s ease;
+}
+
+.footer-links a:hover {
+  color: var(--ink);
+}
+
+.footer-license {
+  color: var(--ink-muted);
+  font-size: 0.8rem;
+  margin: 0;
+}
+
+/* ── Mobile breakpoint ──────────────────────────────────────── */
+
+@media (max-width: 640px) {
+  .hero {
+    padding: 7rem 1rem 4rem;
+  }
+
+  .hero h1 {
+    font-size: 1.75rem;
+  }
+
+  .hero-desc {
+    font-size: 1rem;
+  }
+
+  .section {
+    padding: 3.5rem 0;
+  }
+
+  .section-heading {
+    font-size: 1.5rem;
+    margin-bottom: 2rem;
+  }
+
+  .feature-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .steps {
+    grid-template-columns: 1fr;
+    gap: 2.5rem;
+  }
+
+  .code-block {
+    flex-direction: column;
+    text-align: center;
+  }
+
+  .code-block code {
+    text-align: center;
+  }
+
+  .nav-inner {
+    padding: 0 1rem;
+  }
+}

package/.claude/worktrees/agent-acefedbd/.claude/worktrees/agent-aa4cd927/eslint.config.js

@@ -0,0 +1,16 @@
+const sonarjs = require("eslint-plugin-sonarjs");
+
+module.exports = [
+  {
+    files: ["src/**/*.js"],
+    plugins: {
+      sonarjs,
+    },
+    rules: {
+      "sonarjs/cognitive-complexity": ["warn", 15],
+    },
+  },
+  {
+    ignores: ["node_modules/", "native/"],
+  },
+];

package/.claude/worktrees/agent-acefedbd/.claude/worktrees/agent-aa4cd927/knip.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://unpkg.com/knip@5/schema.json",
+  "entry": [
+    "src/index.js",
+    "src/server.js",
+    "bin/cli.js",
+    "scripts/postinstall.js",
+    "scripts/install-openclaw.js",
+    "scripts/install-skills.js",
+    "scripts/cleanup.js",
+    "scripts/preuninstall.js",
+    "test/run.js"
+  ],
+  "project": ["src/**/*.js", "bin/**/*.js", "scripts/**/*.js", "test/**/*.js"],
+  "ignore": ["native/**"],
+  "ignoreDependencies": ["@biomejs/biome"]
+}

package/.claude/worktrees/agent-acefedbd/.claude/worktrees/agent-aa4cd927/native/macos/index.html

@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>A2A Callbook</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'IBM Plex Sans', sans-serif;
+      background: linear-gradient(180deg, #eef3f8 0%, #f8f9fb 100%);
+      color: #1a1a2e;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 100vh;
+    }
+    .status-card {
+      background: #fff;
+      border: 1px solid #d0d7de;
+      border-radius: 12px;
+      padding: 48px;
+      text-align: center;
+      max-width: 420px;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+    }
+    h1 { font-size: 20px; font-weight: 600; margin-bottom: 8px; }
+    .subtitle { color: #666; font-size: 14px; margin-bottom: 24px; }
+    .status-indicator {
+      display: inline-block;
+      width: 10px; height: 10px;
+      border-radius: 50%;
+      margin-right: 8px;
+      vertical-align: middle;
+    }
+    .status-indicator.searching { background: #f59e0b; animation: pulse 1.5s infinite; }
+    .status-indicator.disconnected { background: #ef4444; }
+    .status-indicator.connected { background: #22c55e; }
+    @keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }
+    .status-text { font-size: 14px; margin-bottom: 24px; color: #444; }
+    .port-info { font-size: 12px; color: #888; margin-bottom: 16px; font-family: monospace; }
+    button {
+      background: #1466c1; color: #fff; border: none; border-radius: 8px;
+      padding: 10px 24px; font-size: 14px; cursor: pointer; margin: 4px;
+      font-family: inherit;
+    }
+    button:hover { background: #1052a0; }
+    button.secondary {
+      background: transparent; color: #1466c1; border: 1px solid #1466c1;
+    }
+    button.secondary:hover { background: #eef3f8; }
+    #error-detail { color: #ef4444; font-size: 12px; margin-top: 12px; display: none; }
+  </style>
+</head>
+<body>
+  <div class="status-card">
+    <h1>A2A Callbook</h1>
+    <p class="subtitle">Agent-to-agent communication dashboard</p>
+
+    <div id="status-searching">
+      <p class="status-text">
+        <span class="status-indicator searching"></span>
+        Looking for a2a server...
+      </p>
+      <p class="port-info" id="port-info">Scanning ports: 80, 3001, 8080, 8443, 9001</p>
+    </div>
+
+    <div id="status-not-found" style="display:none;">
+      <p class="status-text">
+        <span class="status-indicator disconnected"></span>
+        Server not running
+      </p>
+      <p class="port-info" id="last-port">No a2a server found on common ports</p>
+      <button id="btn-start">How to start server</button>
+      <button id="btn-retry" class="secondary">Retry</button>
+      <p id="error-detail"></p>
+    </div>
+
+    <div id="status-connected" style="display:none;">
+      <p class="status-text">
+        <span class="status-indicator connected"></span>
+        Connected to server
+      </p>
+      <p class="port-info" id="connected-port"></p>
+    </div>
+  </div>
+
+  <script>
+    const tauriCore = window.__TAURI__ && window.__TAURI__.core;
+    const tauriEvents = window.__TAURI__ && window.__TAURI__.event;
+    const legacyInvoke = window.__TAURI_INTERNALS__ && window.__TAURI_INTERNALS__.invoke;
+    const invoke = (tauriCore && tauriCore.invoke)
+      ? tauriCore.invoke
+      : (legacyInvoke ? ((cmd, args) => legacyInvoke(cmd, args)) : null);
+
+    async function checkServer() {
+      show('status-searching');
+      if (!invoke) {
+        show('status-not-found');
+        const detail = document.getElementById('error-detail');
+        detail.textContent = 'Tauri bridge unavailable. Reinstall with `a2a app install --force`.';
+        detail.style.display = 'block';
+        return;
+      }
+      try {
+        const result = await invoke('discover_server');
+        if (result.port) {
+          show('status-connected');
+          document.getElementById('connected-port').textContent =
+            `localhost:${result.port}`;
+          // Navigate to live SPA
+          setTimeout(() => {
+            window.location.href =
+              `http://127.0.0.1:${result.port}/api/a2a/dashboard/` +
+              (window.__TAB_HASH || '');
+          }, 400);
+        } else {
+          show('status-not-found');
+        }
+      } catch (err) {
+        show('status-not-found');
+        const detail = document.getElementById('error-detail');
+        detail.textContent = err;
+        detail.style.display = 'block';
+      }
+    }
+
+    function show(id) {
+      ['status-searching', 'status-not-found', 'status-connected']
+        .forEach(s => document.getElementById(s).style.display = 'none');
+      document.getElementById(id).style.display = 'block';
+    }
+
+    document.getElementById('btn-start')?.addEventListener('click', async () => {
+      const detail = document.getElementById('error-detail');
+      // v1 design decision: app links/status only; no app-owned server lifecycle management yet.
+      detail.textContent = 'Run `a2a server` (or `a2a quickstart`) in Terminal, then click Retry.';
+      detail.style.display = 'block';
+    });
+
+    document.getElementById('btn-retry')?.addEventListener('click', checkServer);
+
+    // Start discovery on load
+    checkServer();
+
+    // Listen for server disconnect/reconnect from Tauri backend
+    if (tauriEvents && tauriEvents.listen) {
+      tauriEvents.listen('server-status', (event) => {
+        const { connected } = event.payload;
+        if (!connected) {
+          showReconnectionOverlay();
+        } else {
+          hideReconnectionOverlay();
+        }
+      });
+    }
+
+    function showReconnectionOverlay() {
+      if (document.getElementById('reconnect-overlay')) return;
+      const overlay = document.createElement('div');
+      overlay.id = 'reconnect-overlay';
+      overlay.innerHTML = `
+        <div style="position:fixed;top:0;left:0;right:0;z-index:9999;
+          background:#fef3c7;border-bottom:2px solid #f59e0b;padding:12px 24px;
+          text-align:center;font-family:-apple-system,sans-serif;font-size:14px;color:#92400e;">
+          <span style="display:inline-block;width:8px;height:8px;border-radius:50%;
+            background:#f59e0b;margin-right:8px;animation:pulse 1.5s infinite;vertical-align:middle;"></span>
+          Server disconnected — Reconnecting...
+        </div>`;
+      document.body.appendChild(overlay);
+    }
+
+    function hideReconnectionOverlay() {
+      const overlay = document.getElementById('reconnect-overlay');
+      if (overlay) overlay.remove();
+    }
+  </script>
+</body>
+</html>

package/.claude/worktrees/agent-acefedbd/.claude/worktrees/agent-aa4cd927/native/macos/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "a2a-callbook-macos",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "tauri": "cargo tauri"
+  }
+}