intermesh 0.4.2__tar.gz → 0.4.3__tar.gz

{intermesh-0.4.2 → intermesh-0.4.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: intermesh
-Version: 0.4.2
+Version: 0.4.3
 Summary: Universal coordination protocol for AI agents — E2E encrypted, cross-language, federated
 Author: InterMesh Protocol Authors
 License: Apache-2.0

{intermesh-0.4.2 → intermesh-0.4.3}/intermesh/__init__.py

@@ -53,4 +53,4 @@ try:
 except ImportError:
     pass
 
-__version__ = "0.4.2"
+__version__ = "0.4.3"

{intermesh-0.4.2 → intermesh-0.4.3}/intermesh/cli.py

@@ -307,17 +307,41 @@ async def run_snapshot(args):
 
 
 def run_dashboard(args):
+    """Sert la console d'exploitation, celle qui voyage avec le paquet.
+
+    Le chemin était codé en dur sur `~/nexus/dashboard`, l'arborescence du
+    développeur — et les fichiers n'étaient même pas dans le paquet. Chez
+    tout autre utilisateur la commande annonçait « actif » puis répondait
+    404 sur tout. Elle sert désormais le dossier livré avec `intermesh`,
+    situé par le module lui-même.
+    """
     port = args.port
-    dashboard_dir = os.path.expanduser("~/nexus/dashboard")
+    console_dir = os.path.join(os.path.dirname(os.path.abspath(__file__)), "console")
+
+    if not os.path.isfile(os.path.join(console_dir, "index.html")):
+        print("\033[31m✗ Console introuvable dans le paquet installé "
+              f"({console_dir}).\033[0m")
+        print("  Réinstallez avec :  pip install --force-reinstall intermesh")
+        return 1
+
     class Handler(http.server.SimpleHTTPRequestHandler):
         def __init__(self, *args_h, **kwargs_h):
-            super().__init__(*args_h, directory=dashboard_dir, **kwargs_h)
+            super().__init__(*args_h, directory=console_dir, **kwargs_h)
         def log_message(self, format, *log_args): pass
 
-    print(f"\033[32m✓ InterMesh Mission Control Dashboard actif sur http://localhost:{port}\033[0m")
+    print(f"\033[32m✓ Console d'exploitation sur http://localhost:{port}\033[0m")
+    # Dit ce que c'est, et ce que ce n'est pas : le premier utilisateur a
+    # cru voir « le mauvais dashboard » alors qu'il y en a deux, distincts
+    # et voulus.
+    print("  Interface locale, sans dépendance externe : elle se branche sur")
+    print("  le Hub que vous indiquez et n'a besoin d'aucun compte.")
+    print("  Le Control Plane hébergé (React, comptes et équipes) est un autre")
+    print("  produit, sur https://intermesh.site — il exige Supabase et ne")
+    print("  fonctionne pas hors ligne.\n")
     with socketserver.TCPServer(("", port), Handler) as httpd:
         try: httpd.serve_forever()
         except KeyboardInterrupt: pass
+    return 0
 
 
 def run_serve(args):

intermesh-0.4.3/intermesh/console/app.js

@@ -0,0 +1,601 @@
+/**
+ * InterMesh — Mission Control.
+ *
+ * Parle le protocole intermesh/v1 directement en WebSocket : la console est un
+ * agent comme un autre, simplement porteur d'une clé d'API admin.
+ *
+ * La clé n'est jamais écrite dans localStorage ni sessionStorage. Elle vit
+ * dans une variable, le temps de l'onglet. Un rechargement la redemande —
+ * c'est volontaire : un jeton d'administration qui survit dans le stockage
+ * du navigateur survit aussi à l'opérateur qui s'éloigne de son poste.
+ */
+'use strict';
+
+const S = {
+  ws: null, key: null, url: null, token: null, name: null, org: null,
+  view: 'overview', pending: new Map(), reconnect: null,
+  logs: [], logsPaused: false, info: null,
+  // Séries temporelles échantillonnées côté client : le Hub renvoie un
+  // état instantané, pas un historique. Les courbes démarrent donc à
+  // l'ouverture de la console, ce qui est honnête et suffisant.
+  series: { agents: [], tasks: [], audit: [], keys: [] },
+  page: { agents: 0, tasks: 0, audit: 0 },
+  PER_PAGE: 14,
+};
+
+const $ = (id) => document.getElementById(id);
+const uuid = () => (crypto.randomUUID ? crypto.randomUUID()
+  : 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
+      const r = Math.random() * 16 | 0;
+      return (c === 'x' ? r : (r & 3 | 8)).toString(16);
+    }));
+const esc = (s) => String(s ?? '').replace(/[&<>"']/g,
+  c => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]));
+
+const hhmmss = (ts) => ts ? new Date(ts * 1000).toLocaleTimeString('fr-FR', { hour12: false }) : '—';
+const ago = (ts) => {
+  if (!ts) return '—';
+  const d = Date.now() / 1000 - ts;
+  if (d < 60) return `${Math.max(0, Math.round(d))}s`;
+  if (d < 3600) return `${Math.round(d / 60)}min`;
+  if (d < 86400) return `${Math.round(d / 3600)}h`;
+  return `${Math.round(d / 86400)}j`;
+};
+
+function toast(msg, bad = false) {
+  const t = $('toast');
+  t.textContent = msg;
+  t.className = 'toast on' + (bad ? ' bad' : '');
+  clearTimeout(toast._t);
+  toast._t = setTimeout(() => { t.className = 'toast'; }, 4200);
+}
+
+/** Sparkline SVG, tracée à la main — aucune librairie de graphes. */
+function sparkline(values, color, w = 74, h = 26) {
+  if (!values || values.length < 2) return `<svg width="${w}" height="${h}"></svg>`;
+  const min = Math.min(...values), max = Math.max(...values);
+  const span = (max - min) || 1;
+  const step = w / (values.length - 1);
+  const pts = values.map((v, i) => [i * step, h - 2 - ((v - min) / span) * (h - 4)]);
+  const line = pts.map(([x, y], i) => `${i ? 'L' : 'M'}${x.toFixed(1)},${y.toFixed(1)}`).join(' ');
+  const area = `${line} L${w},${h} L0,${h} Z`;
+  const gid = 'g' + Math.random().toString(36).slice(2, 8);
+  return `<svg class="spark" width="${w}" height="${h}" viewBox="0 0 ${w} ${h}">
+    <defs><linearGradient id="${gid}" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="${color}" stop-opacity=".28"/>
+      <stop offset="100%" stop-color="${color}" stop-opacity="0"/>
+    </linearGradient></defs>
+    <path d="${area}" fill="url(#${gid})"/>
+    <path d="${line}" fill="none" stroke="${color}" stroke-width="1.4"
+      stroke-linejoin="round" stroke-linecap="round"/>
+    <circle cx="${pts[pts.length-1][0].toFixed(1)}" cy="${pts[pts.length-1][1].toFixed(1)}"
+      r="1.8" fill="${color}"/>
+  </svg>`;
+}
+
+const trend = (arr) => {
+  if (arr.length < 2) return '';
+  const d = arr[arr.length - 1] - arr[0];
+  if (d === 0) return '<span style="color:var(--dim)">stable</span>';
+  return d > 0 ? `<span class="up">▲ +${d}</span>` : `<span class="down">▼ ${d}</span>`;
+};
+
+// ----------------------------------------------------------------- réseau
+
+function connect(url, key) {
+  return new Promise((resolve, reject) => {
+    let ws;
+    try { ws = new WebSocket(url); }
+    catch (e) { return reject(new Error('Adresse invalide : ' + e.message)); }
+
+    const guard = setTimeout(() => {
+      try { ws.close(); } catch (_) {}
+      reject(new Error("Le Hub n'a pas répondu. Est-il démarré à cette adresse ?"));
+    }, 8000);
+
+    ws.onopen = () => ws.send(JSON.stringify({
+      id: uuid(), version: 'intermesh/v1', type: 'register', sender: 'admin_console',
+      content: {
+        name: 'admin_console', api_key: key,
+        roles: ['admin', 'observer'], capabilities: ['administration'],
+        metadata: { client: 'mission-control' },
+      },
+    }));
+
+    ws.onmessage = (raw) => {
+      let m; try { m = JSON.parse(raw.data); } catch (_) { return; }
+      if (!S.token) {
+        clearTimeout(guard);
+        if (m.type === 'registered') {
+          S.ws = ws; S.token = m.content.token;
+          S.name = m.content.qualified_name; S.org = m.content.org_id;
+          ws.onmessage = (r) => { try { handle(JSON.parse(r.data)); } catch (_) {} };
+          return resolve(m.content);
+        }
+        if (m.type === 'error') { try { ws.close(); } catch (_) {} return reject(new Error(m.content)); }
+        return;
+      }
+      handle(m);
+    };
+    ws.onerror = () => { clearTimeout(guard); if (!S.token) reject(new Error('Connexion impossible.')); };
+    ws.onclose = () => { clearTimeout(guard); if (S.token) offline(); };
+  });
+}
+
+function handle(m) {
+  const waiting = m.reply_to ? S.pending.get(m.reply_to) : null;
+
+  // Le Hub répond avec la charge utile directement dans `content` — il n'y a
+  // pas d'enveloppe {ok, result}. En la cherchant, la console lisait
+  // `content.ok` (absent, donc faux) et rejetait avec `content.error`
+  // (absent aussi) : `new Error(undefined)` a un message vide, d'où un
+  // encadré d'erreur affiché sans rien dedans.
+  if (waiting && m.type === 'admin_result') {
+    S.pending.delete(m.reply_to);
+    waiting.resolve(m.content);
+    return;
+  }
+
+  // Un refus arrive en message `error` portant le même reply_to, et non en
+  // admin_result. Non traité, il laissait la promesse pendante jusqu'au
+  // délai de 12 s au lieu de dire tout de suite ce qui n'allait pas.
+  if (waiting && m.type === 'error') {
+    S.pending.delete(m.reply_to);
+    waiting.reject(new Error(
+      typeof m.content === 'string' ? m.content : JSON.stringify(m.content)));
+    return;
+  }
+
+  if (m.type === 'telemetry_event') onTelemetry(m.content);
+}
+
+function admin(command, params = {}) {
+  return new Promise((resolve, reject) => {
+    if (!S.ws || S.ws.readyState !== WebSocket.OPEN) return reject(new Error('Hub déconnecté.'));
+    const id = uuid();
+    S.pending.set(id, { resolve, reject });
+    setTimeout(() => {
+      if (S.pending.has(id)) { S.pending.delete(id); reject(new Error('Délai dépassé.')); }
+    }, 12000);
+    S.ws.send(JSON.stringify({
+      id, version: 'intermesh/v1', type: 'admin_request',
+      sender: S.name, content: { command, params }, token: S.token,
+    }));
+  });
+}
+
+function offline() {
+  $('health').className = 'health bad';
+  $('health-txt').textContent = 'Hub déconnecté';
+  if (S.reconnect) return;
+  toast('Connexion au Hub perdue. Reconnexion…', true);
+  S.reconnect = setInterval(async () => {
+    try {
+      S.token = null;
+      await connect(S.url, S.key);
+      clearInterval(S.reconnect); S.reconnect = null;
+      $('health').className = 'health';
+      $('health-txt').textContent = 'Opérationnel';
+      toast('Reconnecté au Hub.');
+      render();
+    } catch (_) {}
+  }, 4000);
+}
+
+// ------------------------------------------------------------- télémétrie
+
+const EV = {
+  agent_connected:    { lv: 'info',  src: 'registry',     m: e => `Agent ${e.name} enregistré — rôles ${(e.roles||[]).join(', ')||'standard'} (${e.auth_method === 'api_key' ? 'clé d\'API' : 'auto-déclaré'})` },
+  agent_disconnected: { lv: 'warn',  src: 'registry',     m: e => `Agent ${e.name} déconnecté` },
+  task_submitted:     { lv: 'task',  src: 'scheduler',    m: e => `Tâche « ${e.title} » ${e.orchestrator} → ${e.assignee}` },
+  task_updated:       { lv: 'task',  src: 'scheduler',    m: e => `Tâche ${(e.title || e.task_id || '').toString().slice(0,28)} → ${String(e.status).toUpperCase()}${e.error_message ? ' : ' + e.error_message : ''}` },
+  message_routed:     { lv: 'info',  src: 'router',       m: e => `${e.type} routé ${e.sender} → ${e.to}` },
+  admin_action:       { lv: 'admin', src: 'admin',        m: e => `${e.actor} a exécuté ${e.command}` },
+  admin_denied:       { lv: 'error', src: 'admin',        m: e => `${e.actor} REFUSÉ sur ${e.command}` },
+};
+
+function onTelemetry(ev) {
+  const spec = EV[ev.event];
+  if (spec) {
+    S.logs.unshift({ lv: spec.lv, src: spec.src, m: spec.m(ev), at: ev.at || Date.now()/1000 });
+    if (S.logs.length > 400) S.logs.length = 400;
+    if (S.view === 'overview' && !S.logsPaused) drawLogs();
+  }
+  // Les vues concernées se rafraîchissent d'elles-mêmes.
+  if (ev.event.startsWith('agent_') && (S.view === 'agents' || S.view === 'overview')) loadAgents();
+  if (ev.event.startsWith('task_') && S.view === 'tasks') loadTasks();
+}
+
+function drawLogs() {
+  const box = $('logs');
+  const want = $('log-level').value;
+  const rows = want ? S.logs.filter(l => l.lv === want) : S.logs;
+  if (!rows.length) { box.innerHTML = '<div class="empty">Aucun événement.</div>'; return; }
+  box.innerHTML = rows.slice(0, 200).map(l => `
+    <div class="log">
+      <span class="t">${hhmmss(l.at)}</span>
+      <span class="lv ${l.lv}">${l.lv.toUpperCase()}</span>
+      <span class="src">${esc(l.src)}</span>
+      <span class="m">${esc(l.m)}</span>
+    </div>`).join('');
+}
+
+// ------------------------------------------------------------------ vues
+
+async function loadOverview() {
+  try {
+    const i = await admin('hub.info');
+    S.info = i;
+
+    const unfinished = (i.tasks_by_status.pending || 0) + (i.tasks_by_status.running || 0);
+    const push = (k, v) => {
+      // Au tout premier relevé, on double le point : une ligne plate est
+      // vraie (aucune variation encore observée) et vaut mieux qu'une
+      // carte vide le temps du second échantillon.
+      if (!S.series[k].length) S.series[k].push(v);
+      S.series[k].push(v);
+      if (S.series[k].length > 40) S.series[k].shift();
+    };
+    push('agents', i.agents_online); push('tasks', i.tasks_total);
+    push('audit', i.audit_entries);  push('keys', i.api_keys);
+
+    const cards = [
+      ['Agents connectés', i.agents_online, 'cyan',   S.series.agents, '#22D3EE', `${i.agents_known} connus`],
+      ['Tâches',           i.tasks_total,   'teal',   S.series.tasks,  '#2DD4BF', `${unfinished} inachevée(s)`],
+      ['Journal d\'audit', i.audit_entries, i.audit_intact ? 'green' : 'red', S.series.audit,
+        i.audit_intact ? '#10B981' : '#EF4444', i.audit_intact ? 'chaîne vérifiée' : '🚨 CHAÎNE ROMPUE'],
+      ['Comptes de service', i.api_keys,    'violet', S.series.keys,   '#A78BFA',
+        i.api_keys_mutable ? 'modifiables' : 'lecture seule'],
+    ];
+    $('kpis').innerHTML = cards.map(([k, v, c, ser, col, s]) => `
+      <div class="kpi">
+        <div class="k">${k}</div>
+        <div class="row"><div class="v ${c}">${v}</div>${sparkline(ser, col)}</div>
+        <div class="s">${trend(ser)} <span style="color:var(--dim)">· ${esc(s)}</span></div>
+      </div>`).join('');
+
+    $('sb-version').textContent = 'v' + i.version;
+    $('sb-org').textContent = i.org;
+    $('sb-state').textContent = i.state_ephemeral ? 'ÉPHÉMÈRE' : 'PERSISTANT';
+    $('sb-audit').textContent = i.audit_intact ? 'INTÈGRE' : 'ROMPU';
+    $('sb-peers').textContent = i.federation_peers.length + ' pair(s)';
+    $('sb-as').textContent = S.name;
+
+    if (!i.audit_intact) {
+      $('health').className = 'health bad';
+      $('health-txt').textContent = 'Audit compromis';
+    }
+
+    const ag = await admin('agents.list');
+    $('ov-agent-count').textContent = `${ag.online} / ${ag.known}`;
+    const online = ag.agents.filter(a => a.online);
+    $('ov-agents').innerHTML = online.length ? online.map(a => `
+      <tr>
+        <td><span class="name">${esc(a.name)}</span></td>
+        <td><span class="st on"><span class="dot up"></span>ONLINE</span></td>
+        <td>${(a.roles||[]).map(r => `<span class="tag">${esc(r)}</span>`).join('') || '—'}</td>
+        <td style="color:var(--muted)">${esc((a.capabilities||[]).join(', ') || '—')}</td>
+        <td class="num" style="color:${a.pending_tasks ? 'var(--amber)' : 'var(--dim)'}">${a.pending_tasks}</td>
+      </tr>`).join('') : '<tr><td colspan="5" class="empty">Aucun agent connecté.</td></tr>';
+
+    drawLogs();
+  } catch (e) { toast(e.message, true); }
+}
+
+function pager(id, total, key, reload) {
+  const pages = Math.max(1, Math.ceil(total / S.PER_PAGE));
+  if (S.page[key] >= pages) S.page[key] = pages - 1;
+  const from = total ? S.page[key] * S.PER_PAGE + 1 : 0;
+  const to = Math.min(total, (S.page[key] + 1) * S.PER_PAGE);
+  $(id).innerHTML = `
+    <span>${from}–${to} sur ${total}</span>
+    <span class="right">
+      <button class="btn btn-xs" data-page="${key}:0" ${S.page[key] ? '' : 'disabled'}>«</button>
+      <button class="btn btn-xs" data-page="${key}:${S.page[key]-1}" ${S.page[key] ? '' : 'disabled'}>‹</button>
+      <span style="padding:0 6px">${S.page[key]+1} / ${pages}</span>
+      <button class="btn btn-xs" data-page="${key}:${S.page[key]+1}" ${S.page[key] >= pages-1 ? 'disabled' : ''}>›</button>
+      <button class="btn btn-xs" data-page="${key}:${pages-1}" ${S.page[key] >= pages-1 ? 'disabled' : ''}>»</button>
+    </span>`;
+}
+
+async function loadAgents() {
+  try {
+    const d = await admin('agents.list');
+    if (S.view === 'overview') { $('ov-agent-count').textContent = `${d.online} / ${d.known}`; return; }
+
+    const q = ($('ag-search').value || '').toLowerCase();
+    const st = $('ag-status').value;
+    let rows = d.agents.filter(a => {
+      if (st === 'online' && !a.online) return false;
+      if (st === 'offline' && a.online) return false;
+      if (!q) return true;
+      return (a.name + (a.capabilities||[]).join(' ') + (a.roles||[]).join(' ')).toLowerCase().includes(q);
+    });
+
+    $('ag-meta').textContent = `${d.online} en ligne · ${d.known} connus`;
+    const page = rows.slice(S.page.agents * S.PER_PAGE, (S.page.agents + 1) * S.PER_PAGE);
+
+    $('ag-rows').innerHTML = page.length ? page.map(a => `
+      <tr>
+        <td><span class="name">${esc(a.name)}</span><div class="sub-id">${esc((a.agent_id||'').slice(0,8))}</div></td>
+        <td><span class="st ${a.online ? 'on' : 'off'}"><span class="dot ${a.online ? 'up' : 'down'}"></span>${a.online ? 'ONLINE' : 'OFFLINE'}</span></td>
+        <td class="mono" style="color:var(--muted)">${esc(a.org_id || '—')}</td>
+        <td>${(a.roles||[]).map(r => `<span class="tag">${esc(r)}</span>`).join('') || '—'}</td>
+        <td style="color:var(--muted)">${esc((a.capabilities||[]).join(', ') || '—')}</td>
+        <td>${a.encrypted ? '🔒' : '<span style="color:var(--dim)">🔓</span>'}</td>
+        <td class="mono" style="font-size:10.5px;color:var(--dim)">${(a.roles||[]).includes('service_account') ? 'clé' : 'déclaré'}</td>
+        <td class="num" style="color:${a.pending_tasks ? 'var(--amber)' : 'var(--dim)'}">${a.pending_tasks}</td>
+        <td style="text-align:right">${a.online ? `<button class="btn btn-danger btn-xs" data-kick="${esc(a.name)}">Déconnecter</button>` : ''}</td>
+      </tr>`).join('') : '<tr><td colspan="9" class="empty">Aucun agent.</td></tr>';
+
+    pager('ag-pager', rows.length, 'agents');
+  } catch (e) { toast(e.message, true); }
+}
+
+const TASK_ST = { pending: ['wait','PENDING'], running: ['run','RUNNING'],
+                  completed: ['on','COMPLETED'], failed: ['fail','FAILED'] };
+
+async function loadTasks() {
+  try {
+    const status = $('tk-filter').value;
+    const d = await admin('tasks.list', Object.assign({ limit: 500 }, status ? { status } : {}));
+    const q = ($('tk-search').value || '').toLowerCase();
+    let rows = q ? d.tasks.filter(t => (t.title + t.assignee + t.orchestrator).toLowerCase().includes(q)) : d.tasks;
+
+    $('tk-meta').textContent = `${rows.length} tâche(s)${status ? ' · ' + status : ''}`;
+    const page = rows.slice(S.page.tasks * S.PER_PAGE, (S.page.tasks + 1) * S.PER_PAGE);
+
+    $('tk-rows').innerHTML = page.length ? page.map(t => {
+      const [cls, lbl] = TASK_ST[t.status] || ['off', String(t.status).toUpperCase()];
+      const done = t.status === 'completed' || t.status === 'failed';
+      return `<tr>
+        <td>${esc(t.title)} ${t.encrypted_payload ? '<span title="Charge chiffrée E2E">🔒</span>' : ''}
+          <div class="sub-id">${esc(t.task_id.slice(0,8))}</div></td>
+        <td><span class="st ${cls}">${lbl}</span>${t.error_message
+          ? `<div class="sub-id" style="color:var(--red);max-width:190px;white-space:normal">${esc(t.error_message)}</div>` : ''}</td>
+        <td class="mono" style="font-size:11px">${esc(t.orchestrator)}</td>
+        <td class="mono" style="font-size:11px">${esc(t.assignee)}</td>
+        <td class="num" style="color:var(--dim)">${ago(t.created_at)}</td>
+        <td class="num" style="color:var(--muted)">${ago(t.updated_at)}</td>
+        <td style="text-align:right">
+          ${done ? '' : `<button class="btn btn-danger btn-xs" data-cancel="${esc(t.task_id)}">Annuler</button> `}
+          <button class="btn btn-xs" data-retry="${esc(t.task_id)}">Relancer</button></td>
+      </tr>`;
+    }).join('') : '<tr><td colspan="7" class="empty">Aucune tâche.</td></tr>';
+
+    pager('tk-pager', rows.length, 'tasks');
+  } catch (e) { toast(e.message, true); }
+}
+
+async function loadAudit() {
+  try {
+    const d = await admin('audit.list', { limit: 1000 });
+    const q = ($('au-search').value || '').toLowerCase();
+    let rows = q ? d.entries.filter(e => (e.event_type + e.sender + (e.target||'')).toLowerCase().includes(q)) : d.entries;
+
+    $('au-meta').textContent = `${d.chain_length} entrée(s) chaînée(s)`;
+    $('au-banner').innerHTML = d.intact
+      ? `<div class="banner ok">✓ Chaîne intègre — les ${d.chain_length} entrées se vérifient mutuellement.</div>`
+      : `<div class="banner bad">🚨 CHAÎNE ROMPUE — le journal a été modifié en dehors du Hub.
+         Traitez-le comme compromis et enquêtez avant de poursuivre.</div>`;
+
+    const page = rows.slice(S.page.audit * S.PER_PAGE, (S.page.audit + 1) * S.PER_PAGE);
+    $('au-rows').innerHTML = page.length ? page.map(e => {
+      const lv = e.event_type.includes('DENIED') || e.event_type.includes('FAILED') ? 'error'
+               : e.event_type.startsWith('ADMIN') ? 'admin'
+               : e.event_type.startsWith('TASK') ? 'task'
+               : e.event_type.includes('DISCONNECT') ? 'warn' : 'info';
+      const meta = JSON.stringify(e.metadata || {});
+      return `<tr>
+        <td class="num" style="color:var(--dim)">${e.index}</td>
+        <td class="num" style="color:var(--muted)">${hhmmss(e.timestamp)}</td>
+        <td><span class="lv ${lv}" style="display:inline-block;width:auto;padding:1px 7px">${esc(e.event_type)}</span></td>
+        <td class="mono" style="font-size:11px">${esc(e.sender)}</td>
+        <td class="mono" style="font-size:11px;color:var(--muted)">${esc(e.target || '—')}</td>
+        <td class="mono" style="font-size:10.5px;color:var(--dim);max-width:280px;overflow:hidden;text-overflow:ellipsis"
+            title="${esc(meta)}">${esc(meta === '{}' ? '—' : meta)}</td>
+        <td class="mono" style="font-size:10px;color:var(--dim)">${esc(e.hash.slice(0,12))}</td>
+      </tr>`;
+    }).join('') : '<tr><td colspan="7" class="empty">Aucune entrée.</td></tr>';
+
+    pager('au-pager', rows.length, 'audit');
+  } catch (e) { toast(e.message, true); }
+}
+
+async function loadKeys() {
+  try {
+    const d = await admin('apikeys.list');
+    $('kt-meta').textContent = `${d.keys.length} clé(s) · ${d.source}`;
+    if (!d.mutable) toast("Clés en lecture seule : elles viennent de l'environnement.", true);
+
+    $('kt-rows').innerHTML = d.keys.length ? d.keys.map(k => `
+      <tr>
+        <td class="name">${esc(k.fingerprint)}</td>
+        <td>${esc(k.label || '—')}</td>
+        <td class="mono" style="font-size:11px">${esc(k.org_id)}</td>
+        <td>${(k.roles||[]).map(r => `<span class="tag">${esc(r)}</span>`).join('')}</td>
+        <td style="color:var(--muted)">${esc((k.permissions||[]).join(', ') || '—')}</td>
+        <td class="num" style="color:var(--dim)">${k.created_at ? ago(k.created_at) : '—'}</td>
+        <td style="text-align:right">${d.mutable
+          ? `<button class="btn btn-danger btn-xs" data-revoke="${esc(k.fingerprint)}">Révoquer</button>` : ''}</td>
+      </tr>`).join('') : '<tr><td colspan="7" class="empty">Aucun compte de service.</td></tr>';
+  } catch (e) { toast(e.message, true); }
+}
+
+const LOADERS = { overview: loadOverview, agents: loadAgents, tasks: loadTasks, audit: loadAudit, keys: loadKeys };
+
+function render() {
+  for (const v of Object.keys(LOADERS)) $('view-' + v).style.display = v === S.view ? '' : 'none';
+  document.querySelectorAll('#tabs a').forEach(a => a.classList.toggle('on', a.dataset.view === S.view));
+  LOADERS[S.view]();
+}
+
+// --------------------------------------------------------------- modales
+
+const openModal = (id) => $(id).classList.add('on');
+const closeModals = () => document.querySelectorAll('.modal').forEach(m => m.classList.remove('on'));
+let confirmFn = null;
+function confirmAction(title, text, fn) {
+  $('cf-title').textContent = title; $('cf-text').textContent = text;
+  confirmFn = fn; openModal('modal-confirm');
+}
+
+// ------------------------------------------------------------ événements
+
+$('connect-btn').onclick = async () => {
+  const url = $('hub-url').value.trim(), key = $('api-key').value.trim(), err = $('login-error');
+  err.style.display = 'none';
+  if (!key) { err.textContent = "Une clé d'API est requise."; err.style.display = 'block'; return; }
+
+  const btn = $('connect-btn');
+  btn.disabled = true; btn.textContent = 'Connexion…';
+  try {
+    await connect(url, key);
+    S.url = url; S.key = key;
+
+    // Sonde immédiate : une clé sans rôle admin passe l'enregistrement mais
+    // échoue ici. Mieux vaut le dire tout de suite qu'après trois clics.
+    try { await admin('hub.info'); }
+    catch (e) {
+      try { S.ws.close(); } catch (_) {}
+      S.token = null;
+      err.textContent = e.message; err.style.display = 'block';
+      return;
+    }
+
+    $('login').style.display = 'none';
+    $('app').classList.add('on');
+    $('avatar').textContent = (S.org || 'NX').slice(0, 2).toUpperCase();
+    render();
+  } catch (e) {
+    err.textContent = e.message; err.style.display = 'block';
+  } finally { btn.disabled = false; btn.textContent = 'Se connecter'; }
+};
+
+$('api-key').addEventListener('keydown', e => { if (e.key === 'Enter') $('connect-btn').click(); });
+
+$('logout-btn').onclick = () => {
+  if (S.reconnect) { clearInterval(S.reconnect); S.reconnect = null; }
+  try { S.ws.close(); } catch (_) {}
+  S.ws = null; S.token = null; S.key = null; S.logs = [];
+  S.series = { agents: [], tasks: [], audit: [], keys: [] };
+  $('app').classList.remove('on');
+  $('login').style.display = 'flex';
+  $('api-key').value = '';
+};
+
+$('tabs').addEventListener('click', e => {
+  const a = e.target.closest('a[data-view]');
+  if (a) { S.view = a.dataset.view; render(); }
+});
+
+['ag-search','ag-status','tk-search','tk-filter','au-search'].forEach(id => {
+  const el = $(id);
+  const key = id.startsWith('ag') ? 'agents' : id.startsWith('tk') ? 'tasks' : 'audit';
+  el.addEventListener(el.tagName === 'SELECT' ? 'change' : 'input', () => {
+    S.page[key] = 0; LOADERS[S.view]();
+  });
+});
+
+$('log-level').onchange = drawLogs;
+$('log-pause').onclick = () => {
+  S.logsPaused = !S.logsPaused;
+  $('log-pause').textContent = S.logsPaused ? '▶' : '❚❚';
+  if (!S.logsPaused) drawLogs();
+};
+
+document.addEventListener('click', async (e) => {
+  const t = e.target;
+  if (t.hasAttribute('data-close') || t.classList.contains('modal')) return closeModals();
+  if (t.dataset.act === 'refresh') return LOADERS[S.view]();
+  if (t.dataset.act === 'clear-logs') { S.logs = []; return drawLogs(); }
+  if (t.dataset.act === 'new-key') return openModal('modal-key');
+
+  if (t.dataset.page) {
+    const [key, n] = t.dataset.page.split(':');
+    S.page[key] = Math.max(0, parseInt(n, 10));
+    return LOADERS[S.view]();
+  }
+
+  if (t.dataset.act === 'verify') {
+    try {
+      const v = await admin('audit.verify');
+      toast(v.intact ? `Chaîne intègre : ${v.chain_length} entrées vérifiées.`
+                     : `CHAÎNE ROMPUE à l'entrée ${v.broken_at_index}.`, !v.intact);
+      loadAudit();
+    } catch (err) { toast(err.message, true); }
+    return;
+  }
+
+  if (t.dataset.kick) {
+    const name = t.dataset.kick;
+    return confirmAction('Déconnecter cet agent ?',
+      `${name} sera immédiatement déconnecté. Il pourra revenir, et ses tâches inachevées lui seront alors réassignées.`,
+      async () => { await admin('agent.disconnect', { name }); toast(`${name} déconnecté.`); loadAgents(); });
+  }
+  if (t.dataset.cancel) {
+    const id = t.dataset.cancel;
+    return confirmAction('Annuler cette tâche ?',
+      "Elle sera marquée comme échouée. Son exécutant, s'il travaille déjà dessus, ne sera pas interrompu.",
+      async () => { await admin('task.cancel', { task_id: id }); toast('Tâche annulée.'); loadTasks(); });
+  }
+  if (t.dataset.retry) {
+    try {
+      const r = await admin('task.retry', { task_id: t.dataset.retry });
+      toast(r.delivered ? 'Tâche renvoyée à son exécutant.'
+                        : 'Exécutant hors ligne : la tâche lui sera poussée à sa reconnexion.');
+      loadTasks();
+    } catch (err) { toast(err.message, true); }
+    return;
+  }
+  if (t.dataset.revoke) {
+    const fp = t.dataset.revoke;
+    return confirmAction('Révoquer cette clé ?',
+      `La clé ${fp}… cessera immédiatement de fonctionner. Irréversible : une clé révoquée ne se restaure pas.`,
+      async () => { await admin('apikey.revoke', { fingerprint: fp }); toast('Clé révoquée.'); loadKeys(); });
+  }
+});
+
+$('cf-ok').onclick = async () => {
+  closeModals();
+  if (!confirmFn) return;
+  try { await confirmFn(); } catch (e) { toast(e.message, true); }
+  confirmFn = null;
+};
+
+$('nk-create').onclick = async () => {
+  const org = $('nk-org').value.trim();
+  if (!org) return toast('Organisation requise.', true);
+  const split = (id) => $(id).value.split(',').map(s => s.trim()).filter(Boolean);
+  try {
+    const r = await admin('apikey.create', {
+      org_id: org, label: $('nk-label').value.trim(),
+      roles: split('nk-roles'), permissions: split('nk-perms'),
+    });
+    closeModals();
+    $('rv-key').textContent = r.key;
+    openModal('modal-reveal');
+    ['nk-org','nk-label','nk-perms'].forEach(id => { $(id).value = ''; });
+    loadKeys();
+  } catch (e) { toast(e.message, true); }
+};
+
+$('rv-copy').onclick = async () => {
+  try { await navigator.clipboard.writeText($('rv-key').textContent); toast('Clé copiée.'); }
+  catch (_) { toast('Copie impossible — sélectionnez la clé manuellement.', true); }
+};
+
+document.addEventListener('keydown', e => { if (e.key === 'Escape') closeModals(); });
+
+setInterval(() => {
+  $('sb-clock').textContent = new Date().toLocaleTimeString('fr-FR', { hour12: false }) + ' ' +
+    Intl.DateTimeFormat().resolvedOptions().timeZone;
+}, 1000);
+
+// Échantillonnage des séries + rattrapage de ce que la télémétrie ne couvre
+// pas (compteurs, expirations). L'audit est exclu : trop coûteux à recharger.
+setInterval(() => {
+  if (!S.token) return;
+  if (S.view === 'overview') loadOverview();
+  else if (S.view !== 'audit') LOADERS[S.view]();
+}, 15000);

intermesh-0.4.3/intermesh/console/index.html

@@ -0,0 +1,427 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>InterMesh — Mission Control</title>
+<style>
+/* Aucune dépendance externe — ni CDN, ni police distante, ni librairie de
+   graphes. La console doit s'ouvrir sur un réseau fermé, devant un Hub qui
+   n'a pas accès à Internet. Les sparklines sont du SVG calculé à la main. */
+:root{
+  --bg:#050810; --bg-2:#0A0E17; --card:#0D1220; --card-2:#111827;
+  --line:#1A2233; --line-2:#141C2B;
+  --cyan:#22D3EE; --teal:#2DD4BF; --emerald:#10B981;
+  --amber:#F59E0B; --red:#EF4444; --violet:#A78BFA;
+  --fg:#E6EDF6; --muted:#8B97AB; --dim:#5A6579;
+  --mono:'JetBrains Mono','SF Mono',ui-monospace,Menlo,Consolas,monospace;
+  --sans:Inter,-apple-system,'Segoe UI',Roboto,sans-serif;
+}
+*{box-sizing:border-box;margin:0;padding:0}
+html,body{height:100%}
+body{background:var(--bg);color:var(--fg);font-family:var(--sans);
+  font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}
+button{font-family:inherit;font-size:12px;cursor:pointer;border-radius:5px;
+  transition:background .12s,border-color .12s,color .12s}
+input,select{font-family:inherit;font-size:12.5px;background:var(--bg);
+  border:1px solid var(--line);color:var(--fg);padding:8px 10px;border-radius:5px;width:100%}
+input:focus,select:focus{outline:none;border-color:var(--cyan)}
+select{cursor:pointer}
+.mono{font-family:var(--mono)}
+.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
+
+/* ---------------- Connexion ---------------- */
+#login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;
+  background:radial-gradient(ellipse at 50% 0%,rgba(34,211,238,.06),transparent 60%)}
+.login-card{background:var(--card);border:1px solid var(--line);border-radius:10px;
+  padding:34px;width:100%;max-width:410px}
+.login-card h1{font-size:17px;font-weight:600;letter-spacing:.34em;font-family:var(--mono);margin-bottom:5px}
+.login-card .sub{color:var(--muted);font-size:12.5px;margin-bottom:24px}
+.field{margin-bottom:14px}
+.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;
+  color:var(--muted);margin-bottom:6px;font-weight:600}
+.btn{background:transparent;border:1px solid var(--line);color:var(--fg);padding:8px 13px}
+.btn:hover{border-color:var(--dim);background:rgba(255,255,255,.03)}
+.btn-primary{border-color:var(--cyan);color:var(--cyan)}
+.btn-primary:hover{background:rgba(34,211,238,.1)}
+.btn-danger{border-color:rgba(239,68,68,.5);color:#FCA5A5}
+.btn-danger:hover{background:rgba(239,68,68,.12)}
+.btn-block{width:100%;padding:10px}
+.btn-xs{padding:4px 8px;font-size:11px}
+.note{font-size:11.5px;color:var(--dim);margin-top:16px;line-height:1.65;
+  border-top:1px solid var(--line-2);padding-top:14px}
+.error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);color:#FCA5A5;
+  padding:9px 11px;border-radius:5px;font-size:12px;margin-bottom:14px}
+
+/* ---------------- Ossature ---------------- */
+#app{display:none;height:100vh;flex-direction:column}
+#app.on{display:flex}
+.topbar{height:52px;flex-shrink:0;background:var(--bg-2);border-bottom:1px solid var(--line);
+  display:flex;align-items:center;gap:22px;padding:0 18px}
+.logo{font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:.3em;
+  padding-right:20px;border-right:1px solid var(--line);height:100%;display:flex;align-items:center}
+.tabs{display:flex;gap:2px;height:100%;overflow-x:auto}
+.tabs a{display:flex;align-items:center;padding:0 15px;font-size:11.5px;font-weight:600;
+  letter-spacing:.09em;text-transform:uppercase;color:var(--muted);cursor:pointer;
+  border-bottom:2px solid transparent;white-space:nowrap}
+.tabs a:hover{color:var(--fg)}
+.tabs a.on{color:var(--cyan);border-bottom-color:var(--cyan)}
+.top-right{margin-left:auto;display:flex;align-items:center;gap:14px}
+.health{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;
+  letter-spacing:.07em;text-transform:uppercase;color:var(--emerald)}
+.health.bad{color:var(--red)}
+.avatar{width:28px;height:28px;border-radius:5px;border:1px solid var(--line);
+  display:flex;align-items:center;justify-content:center;font-size:10.5px;
+  font-family:var(--mono);color:var(--muted)}
+.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}
+.dot.up{background:var(--emerald);box-shadow:0 0 7px rgba(16,185,129,.65)}
+.dot.down{background:var(--red)}
+.dot.warn{background:var(--amber)}
+
+main{flex:1;overflow-y:auto;padding:18px}
+.statusbar{height:34px;flex-shrink:0;background:var(--bg-2);border-top:1px solid var(--line);
+  display:flex;align-items:center;gap:0;padding:0 18px;font-family:var(--mono);
+  font-size:10.5px;color:var(--dim);overflow-x:auto}
+.statusbar .cell{padding:0 16px;border-right:1px solid var(--line-2);white-space:nowrap}
+.statusbar .cell:first-child{padding-left:0}
+.statusbar .cell:last-child{border-right:none;margin-left:auto;padding-right:0}
+.statusbar b{color:var(--muted);font-weight:500}
+
+/* ---------------- KPI ---------------- */
+.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:12px;margin-bottom:16px}
+.kpi{background:var(--card);border:1px solid var(--line);border-radius:7px;padding:14px 16px}
+.kpi .k{font-size:9.5px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);
+  font-weight:600;margin-bottom:10px}
+.kpi .row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
+.kpi .v{font-size:27px;font-weight:600;font-family:var(--mono);line-height:1;
+  font-variant-numeric:tabular-nums}
+.kpi .spark{flex-shrink:0;opacity:.85}
+.kpi .s{font-size:10.5px;color:var(--dim);margin-top:8px;font-family:var(--mono)}
+.kpi .s .up{color:var(--emerald)} .kpi .s .down{color:var(--red)}
+.v.cyan{color:var(--cyan)} .v.teal{color:var(--teal)} .v.green{color:var(--emerald)}
+.v.amber{color:var(--amber)} .v.red{color:var(--red)} .v.violet{color:var(--violet)}
+
+/* ---------------- Panneaux ---------------- */
+.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
+.cols.wide-left{grid-template-columns:1.15fr .85fr}
+@media(max-width:1150px){.cols,.cols.wide-left{grid-template-columns:1fr}}
+.panel{background:var(--card);border:1px solid var(--line);border-radius:7px;
+  margin-bottom:12px;display:flex;flex-direction:column;overflow:hidden}
+.panel-head{padding:11px 15px;border-bottom:1px solid var(--line-2);flex-shrink:0;
+  display:flex;align-items:center;gap:11px}
+.panel-head h3{font-size:10.5px;text-transform:uppercase;letter-spacing:.11em;
+  color:var(--fg);font-weight:600}
+.panel-head .count{font-family:var(--mono);font-size:10.5px;color:var(--dim)}
+.panel-head .right{margin-left:auto;display:flex;align-items:center;gap:7px}
+.live{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.1em;
+  color:var(--emerald);font-weight:600}
+.live .dot{animation:pulse 2s ease-in-out infinite}
+@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
+
+.scroll{overflow:auto}
+table{width:100%;border-collapse:collapse;font-size:12px}
+th{text-align:left;padding:8px 15px;font-size:9.5px;text-transform:uppercase;
+  letter-spacing:.09em;color:var(--dim);font-weight:600;white-space:nowrap;
+  border-bottom:1px solid var(--line-2);position:sticky;top:0;background:var(--card);z-index:1}
+td{padding:9px 15px;border-bottom:1px solid var(--line-2);vertical-align:middle;white-space:nowrap}
+tbody tr:last-child td{border-bottom:none}
+tbody tr:hover{background:rgba(255,255,255,.022)}
+.empty{padding:38px 15px;text-align:center;color:var(--dim);font-size:12px}
+.name{color:var(--cyan);font-family:var(--mono);font-size:11.5px}
+.sub-id{font-family:var(--mono);font-size:9.5px;color:var(--dim);margin-top:2px}
+
+.tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;
+  font-family:var(--mono);background:var(--line);color:var(--muted);margin-right:3px}
+.st{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;
+  font-family:var(--mono);letter-spacing:.05em}
+.st.on{color:var(--emerald)} .st.off{color:var(--dim)}
+.st.run{color:var(--cyan)} .st.wait{color:var(--amber)} .st.fail{color:var(--red)}
+
+/* ---------------- Flux de logs ---------------- */
+.logs{font-family:var(--mono);font-size:11px;overflow-y:auto;padding:6px 0;flex:1}
+.log{display:flex;gap:11px;padding:3px 15px;align-items:baseline}
+.log:hover{background:rgba(255,255,255,.025)}
+.log .t{color:var(--dim);flex-shrink:0}
+.log .lv{flex-shrink:0;width:52px;text-align:center;padding:0 5px;border-radius:3px;
+  font-size:9.5px;font-weight:600;letter-spacing:.05em;border:1px solid}
+.lv.info{color:var(--cyan);border-color:rgba(34,211,238,.3)}
+.lv.task{color:var(--emerald);border-color:rgba(16,185,129,.3)}
+.lv.warn{color:var(--amber);border-color:rgba(245,158,11,.35)}
+.lv.error{color:var(--red);border-color:rgba(239,68,68,.35)}
+.lv.admin{color:var(--violet);border-color:rgba(167,139,250,.35)}
+.log .src{color:var(--muted);flex-shrink:0;width:96px;overflow:hidden;text-overflow:ellipsis}
+.log .m{color:var(--fg);opacity:.86;word-break:break-word}
+
+.bar{display:flex;align-items:center;gap:9px;padding:9px 15px;
+  border-bottom:1px solid var(--line-2);flex-wrap:wrap}
+.bar select{width:auto;min-width:132px}
+.pager{display:flex;align-items:center;gap:9px;padding:9px 15px;
+  border-top:1px solid var(--line-2);font-size:11px;color:var(--dim);font-family:var(--mono)}
+.pager .right{margin-left:auto;display:flex;gap:5px;align-items:center}
+
+.banner{padding:9px 12px;border-radius:5px;font-size:12px;margin-bottom:12px;line-height:1.6}
+.banner.ok{background:rgba(16,185,129,.07);border:1px solid rgba(16,185,129,.28);color:#6EE7B7}
+.banner.bad{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.32);color:#FCA5A5}
+
+/* ---------------- Modales ---------------- */
+.modal{position:fixed;inset:0;background:rgba(0,0,0,.76);display:none;
+  align-items:center;justify-content:center;padding:20px;z-index:50}
+.modal.on{display:flex}
+.modal-card{background:var(--card);border:1px solid var(--line);border-radius:9px;
+  padding:24px;width:100%;max-width:450px;max-height:88vh;overflow-y:auto}
+.modal-card h3{font-size:14px;margin-bottom:5px}
+.modal-card .sub{font-size:12px;color:var(--muted);margin-bottom:18px}
+.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}
+.reveal{background:var(--bg);border:1px solid var(--cyan);border-radius:5px;padding:13px;
+  font-family:var(--mono);font-size:11.5px;word-break:break-all;color:var(--cyan);margin:12px 0}
+.warn{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.32);color:#FCD34D;
+  padding:10px 12px;border-radius:5px;font-size:12px;line-height:1.6}
+.toast{position:fixed;bottom:48px;right:20px;background:var(--card-2);border:1px solid var(--line);
+  border-left:3px solid var(--cyan);border-radius:5px;padding:12px 15px;font-size:12.5px;
+  max-width:370px;z-index:60;display:none}
+.toast.on{display:block}
+.toast.bad{border-left-color:var(--red)}
+@media(max-width:760px){
+  .topbar{gap:12px;padding:0 12px} .logo{padding-right:12px}
+  main{padding:12px} .statusbar .cell{padding:0 10px}
+}
+</style>
+</head>
+<body>
+
+<!-- ============ CONNEXION ============ -->
+<div id="login">
+  <div class="login-card">
+    <h1>INTERMESH</h1>
+    <div class="sub">Mission Control · Console d'administration</div>
+    <div id="login-error" class="error" style="display:none"></div>
+
+    <div class="field">
+      <label for="hub-url">Adresse du Hub</label>
+      <input id="hub-url" class="mono" value="ws://localhost:8765" spellcheck="false">
+    </div>
+    <div class="field">
+      <label for="api-key">Clé d'API</label>
+      <input id="api-key" type="password" class="mono" placeholder="nx_live_…" spellcheck="false">
+    </div>
+
+    <button id="connect-btn" class="btn btn-primary btn-block">Se connecter</button>
+
+    <div class="note">
+      L'administration exige une clé portant le rôle <span class="mono">admin</span>.
+      Un agent qui se déclare lui-même administrateur est refusé.<br><br>
+      La clé reste en mémoire pour la durée de l'onglet — jamais écrite dans
+      le navigateur. Un rechargement la redemande.
+    </div>
+  </div>
+</div>
+
+<!-- ============ APPLICATION ============ -->
+<div id="app">
+
+  <div class="topbar">
+    <div class="logo">INTERMESH</div>
+    <div class="tabs" id="tabs">
+      <a data-view="overview" class="on">Mission Control</a>
+      <a data-view="agents">Agents</a>
+      <a data-view="tasks">Tâches</a>
+      <a data-view="audit">Audit</a>
+      <a data-view="keys">Comptes de service</a>
+    </div>
+    <div class="top-right">
+      <div class="health" id="health"><span class="dot up"></span><span id="health-txt">Opérationnel</span></div>
+      <button id="logout-btn" class="btn btn-xs">Quitter</button>
+      <div class="avatar" id="avatar">—</div>
+    </div>
+  </div>
+
+  <main>
+    <!-- Mission Control -->
+    <section id="view-overview">
+      <div class="kpis" id="kpis"></div>
+      <div class="cols wide-left">
+        <div class="panel" style="height:430px">
+          <div class="panel-head">
+            <h3>Agents connectés</h3><span class="count" id="ov-agent-count">—</span>
+            <div class="right"><button class="btn btn-xs" data-act="refresh">Rafraîchir</button></div>
+          </div>
+          <div class="scroll" style="flex:1">
+            <table>
+              <thead><tr><th>Agent</th><th>Statut</th><th>Rôles</th><th>Capacités</th><th>Tâches</th></tr></thead>
+              <tbody id="ov-agents"><tr><td colspan="5" class="empty">Chargement…</td></tr></tbody>
+            </table>
+          </div>
+        </div>
+        <div class="panel" style="height:430px">
+          <div class="panel-head">
+            <h3>Journal système</h3>
+            <div class="live"><span class="dot up"></span>LIVE</div>
+            <div class="right">
+              <select id="log-level" style="min-width:100px">
+                <option value="">Tous niveaux</option>
+                <option value="info">INFO</option>
+                <option value="task">TASK</option>
+                <option value="admin">ADMIN</option>
+                <option value="warn">WARN</option>
+                <option value="error">ERROR</option>
+              </select>
+              <button id="log-pause" class="btn btn-xs">❚❚</button>
+              <button class="btn btn-xs" data-act="clear-logs">🗑</button>
+            </div>
+          </div>
+          <div class="logs" id="logs">
+            <div class="empty">En attente d'événements…</div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- Agents -->
+    <section id="view-agents" style="display:none">
+      <div class="panel">
+        <div class="panel-head">
+          <h3>Registre des agents</h3><span class="count" id="ag-meta">—</span>
+          <div class="right"><button class="btn btn-xs" data-act="refresh">Rafraîchir</button></div>
+        </div>
+        <div class="bar">
+          <input id="ag-search" placeholder="Filtrer par nom, capacité ou rôle…" style="max-width:340px">
+          <select id="ag-status"><option value="">Tous</option>
+            <option value="online">En ligne</option><option value="offline">Hors ligne</option></select>
+        </div>
+        <div class="scroll">
+          <table>
+            <thead><tr><th>Agent</th><th>Statut</th><th>Org</th><th>Rôles</th><th>Capacités</th>
+              <th>E2E</th><th>Auth</th><th>En attente</th><th></th></tr></thead>
+            <tbody id="ag-rows"><tr><td colspan="9" class="empty">Chargement…</td></tr></tbody>
+          </table>
+        </div>
+        <div class="pager" id="ag-pager"></div>
+      </div>
+    </section>
+
+    <!-- Tâches -->
+    <section id="view-tasks" style="display:none">
+      <div class="panel">
+        <div class="panel-head">
+          <h3>Tâches</h3><span class="count" id="tk-meta">—</span>
+          <div class="right"><button class="btn btn-xs" data-act="refresh">Rafraîchir</button></div>
+        </div>
+        <div class="bar">
+          <input id="tk-search" placeholder="Filtrer par titre ou exécutant…" style="max-width:340px">
+          <select id="tk-filter">
+            <option value="">Tous les statuts</option>
+            <option value="pending">En attente</option><option value="running">En cours</option>
+            <option value="completed">Terminées</option><option value="failed">Échouées</option>
+          </select>
+        </div>
+        <div class="scroll">
+          <table>
+            <thead><tr><th>Tâche</th><th>Statut</th><th>Orchestrateur</th><th>Exécutant</th>
+              <th>Créée</th><th>Mise à jour</th><th></th></tr></thead>
+            <tbody id="tk-rows"><tr><td colspan="7" class="empty">Chargement…</td></tr></tbody>
+          </table>
+        </div>
+        <div class="pager" id="tk-pager"></div>
+      </div>
+    </section>
+
+    <!-- Audit -->
+    <section id="view-audit" style="display:none">
+      <div id="au-banner"></div>
+      <div class="panel">
+        <div class="panel-head">
+          <h3>Journal d'audit</h3><span class="count" id="au-meta">—</span>
+          <div class="right">
+            <button class="btn btn-xs" data-act="verify">Vérifier l'intégrité</button>
+            <button class="btn btn-xs" data-act="refresh">Rafraîchir</button>
+          </div>
+        </div>
+        <div class="bar">
+          <input id="au-search" placeholder="Filtrer par événement ou auteur…" style="max-width:340px">
+        </div>
+        <div class="scroll">
+          <table>
+            <thead><tr><th>#</th><th>Horodatage</th><th>Événement</th><th>Auteur</th>
+              <th>Cible</th><th>Détail</th><th>Empreinte</th></tr></thead>
+            <tbody id="au-rows"><tr><td colspan="7" class="empty">Chargement…</td></tr></tbody>
+          </table>
+        </div>
+        <div class="pager" id="au-pager"></div>
+      </div>
+    </section>
+
+    <!-- Comptes de service -->
+    <section id="view-keys" style="display:none">
+      <div class="panel">
+        <div class="panel-head">
+          <h3>Comptes de service</h3><span class="count" id="kt-meta">—</span>
+          <div class="right">
+            <button class="btn btn-primary btn-xs" data-act="new-key">+ Nouvelle clé</button>
+            <button class="btn btn-xs" data-act="refresh">Rafraîchir</button>
+          </div>
+        </div>
+        <div class="scroll">
+          <table>
+            <thead><tr><th>Empreinte</th><th>Libellé</th><th>Organisation</th>
+              <th>Rôles</th><th>Permissions</th><th>Créée</th><th></th></tr></thead>
+            <tbody id="kt-rows"><tr><td colspan="7" class="empty">Chargement…</td></tr></tbody>
+          </table>
+        </div>
+      </div>
+      <div class="panel"><div style="padding:14px 15px;font-size:12px;color:var(--muted);line-height:1.7">
+        Le Hub ne conserve que l'empreinte SHA-256 de chaque clé. Il peut en vérifier
+        une, jamais la révéler — même si sa configuration fuit. Une clé perdue ne se
+        récupère pas : elle se révoque et se remplace.
+      </div></div>
+    </section>
+  </main>
+
+  <div class="statusbar">
+    <div class="cell">INTERMESH <b id="sb-version">—</b></div>
+    <div class="cell">ORG <b id="sb-org">—</b></div>
+    <div class="cell">ÉTAT <b id="sb-state">—</b></div>
+    <div class="cell">AUDIT <b id="sb-audit">—</b></div>
+    <div class="cell">FÉDÉRATION <b id="sb-peers">—</b></div>
+    <div class="cell">SESSION <b id="sb-as">—</b></div>
+    <div class="cell"><b id="sb-clock">—</b></div>
+  </div>
+</div>
+
+<!-- ============ MODALES ============ -->
+<div id="modal-key" class="modal"><div class="modal-card">
+  <h3>Créer un compte de service</h3>
+  <div class="sub">La clé générée ne sera affichée qu'une seule fois.</div>
+  <div class="field"><label>Organisation</label><input id="nk-org" class="mono" placeholder="acme"></div>
+  <div class="field"><label>Libellé</label><input id="nk-label" placeholder="Pipeline de facturation"></div>
+  <div class="field"><label>Rôles (virgules)</label><input id="nk-roles" class="mono" value="service_account"></div>
+  <div class="field"><label>Permissions (virgules)</label><input id="nk-perms" class="mono" placeholder="compute:execute"></div>
+  <div class="modal-actions">
+    <button class="btn btn-xs" data-close>Annuler</button>
+    <button id="nk-create" class="btn btn-primary btn-xs">Créer</button>
+  </div>
+</div></div>
+
+<div id="modal-reveal" class="modal"><div class="modal-card">
+  <h3>Clé créée</h3><div class="sub">Copiez-la maintenant.</div>
+  <div class="reveal" id="rv-key"></div>
+  <div class="warn">Cette valeur ne sera plus jamais affichée. Le Hub n'en garde que
+    l'empreinte. Ne la capturez pas en image : une clé dans une capture d'écran est
+    une clé compromise.</div>
+  <div class="modal-actions">
+    <button id="rv-copy" class="btn btn-primary btn-xs">Copier</button>
+    <button class="btn btn-xs" data-close>Fermer</button>
+  </div>
+</div></div>
+
+<div id="modal-confirm" class="modal"><div class="modal-card">
+  <h3 id="cf-title">Confirmer</h3><div class="sub" id="cf-text"></div>
+  <div class="modal-actions">
+    <button class="btn btn-xs" data-close>Annuler</button>
+    <button id="cf-ok" class="btn btn-danger btn-xs">Confirmer</button>
+  </div>
+</div></div>
+
+<div id="toast" class="toast"></div>
+<script src="app.js"></script>
+</body>
+</html>

{intermesh-0.4.2 → intermesh-0.4.3}/intermesh/store.py

@@ -140,7 +140,13 @@ class InterMeshStore:
                 os.close(fd)
             else:
                 os.chmod(self.path, 0o600)
-            self._conn = sqlite3.connect(str(self.path))
+            # `timeout` laisse SQLite attendre le verrou d'écriture au lieu
+            # d'échouer aussitôt sur « database is locked ». Deux Hubs qui
+            # partagent un fichier se croisent au démarrage ; sans cela, la
+            # création du schéma se réglait par des réessais côté Python,
+            # bien plus lents que l'attente native — assez pour qu'un Hub ne
+            # soit pas encore à l'écoute quand on l'attend.
+            self._conn = sqlite3.connect(str(self.path), timeout=15.0)
             self.description = f"sqlite:{self.path}"
 
         self._create_schema()

{intermesh-0.4.2 → intermesh-0.4.3}/intermesh.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: intermesh
-Version: 0.4.2
+Version: 0.4.3
 Summary: Universal coordination protocol for AI agents — E2E encrypted, cross-language, federated
 Author: InterMesh Protocol Authors
 License: Apache-2.0

{intermesh-0.4.2 → intermesh-0.4.3}/intermesh.egg-info/SOURCES.txt

@@ -36,4 +36,7 @@ intermesh.egg-info/SOURCES.txt
 intermesh.egg-info/dependency_links.txt
 intermesh.egg-info/entry_points.txt
 intermesh.egg-info/requires.txt
-intermesh.egg-info/top_level.txt
+intermesh.egg-info/top_level.txt
+intermesh/console/__init__.py
+intermesh/console/app.js
+intermesh/console/index.html

{intermesh-0.4.2 → intermesh-0.4.3}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "intermesh"
-version = "0.4.2"
+version = "0.4.3"
 description = "Universal coordination protocol for AI agents — E2E encrypted, cross-language, federated"
 readme = "README.md"
 license = {text = "Apache-2.0"}
@@ -59,3 +59,10 @@ intermesh = "intermesh.cli:main"
 [tool.setuptools.packages.find]
 where = ["."]
 include = ["intermesh*"]
+
+# La console d'exploitation voyage avec le paquet. Sans cela, `intermesh
+# console` servait un chemin codé en dur vers l'arborescence du
+# développeur : la commande annonçait « actif » puis répondait 404 chez
+# tout le monde sauf lui.
+[tool.setuptools.package-data]
+"intermesh.console" = ["*.html", "*.js", "*.css"]