agent-comms 1.4.2 → 1.5.0

package/dist/bridges/user/tui.js

@@ -0,0 +1,237 @@
+/**
+ * TUI — terminal chat interface using readline + ANSI escape codes.
+ *
+ * Commands:
+ *   /join <room>      Join or switch to a room
+ *   /leave [room]     Leave the current (or specified) room
+ *   /rooms            List all rooms
+ *   /agents           List all agents
+ *   /read [room]      Read messages in current (or specified) room
+ *   /dm <agent> <msg> Send a direct message
+ *   /create <name>    Create a public room
+ *   /invite <room> <agent>  Invite an agent to a room
+ *   /kick <room> <agent>    Kick an agent from a room
+ *   /destroy <room>   Destroy a room
+ *   /help             Show commands
+ *   /quit             Exit
+ *
+ * Anything without / is sent to the current room.
+ */
+import * as readline from "node:readline";
+import { ChatController } from "./controller.js";
+// ANSI helpers
+const BOLD = "\x1b[1m";
+const DIM = "\x1b[2m";
+const CYAN = "\x1b[36m";
+const GREEN = "\x1b[32m";
+const YELLOW = "\x1b[33m";
+const RED = "\x1b[31m";
+const MAGENTA = "\x1b[35m";
+const RESET = "\x1b[0m";
+const CLEAR_LINE = "\r\x1b[2K";
+function prompt(controller) {
+    const room = controller.activeRoom;
+    return room ? `${GREEN}${room}${RESET} > ` : `${DIM}>${RESET} `;
+}
+export async function runTui(userName) {
+    const controller = new ChatController(userName);
+    await controller.init();
+    console.log(`${CYAN}Connected as ${BOLD}${userName} (user)${RESET} [${controller.agentId}]`);
+    console.log(`${DIM}Type /help for commands. Anything else goes to the current room.${RESET}\n`);
+    const rl = readline.createInterface({
+        input: process.stdin,
+        output: process.stdout,
+    });
+    // Delivery event handler — print above the prompt
+    function onMessage(event) {
+        const line = formatForTerminal(event);
+        process.stdout.write(`${CLEAR_LINE}${line}\n${prompt(controller)}`);
+    }
+    controller.on("message", onMessage);
+    function onError(err) {
+        process.stdout.write(`${CLEAR_LINE}${RED}Error: ${err.message}${RESET}\n${prompt(controller)}`);
+    }
+    controller.on("error", onError);
+    // Input loop
+    async function handleInput(input) {
+        const trimmed = input.trim();
+        if (trimmed.length === 0)
+            return;
+        if (trimmed.startsWith("/")) {
+            await handleCommand(trimmed, controller);
+        }
+        else if (controller.activeRoom) {
+            const result = await controller.sendToCurrentRoom(trimmed);
+            if (result.isError) {
+                process.stdout.write(`${RED}${result.content}${RESET}\n`);
+            }
+        }
+        else {
+            process.stdout.write(`${YELLOW}No active room. /join a room first or use /dm.${RESET}\n`);
+        }
+    }
+    function ask() {
+        rl.question(prompt(controller), (input) => {
+            void handleInput(input).then(() => {
+                ask();
+            });
+        });
+    }
+    ask();
+    // Graceful shutdown
+    rl.on("close", () => {
+        controller.off("message", onMessage);
+        controller.off("error", onError);
+        void controller.shutdown().then(() => process.exit(0));
+    });
+}
+// ---------------------------------------------------------------------------
+// Command handler
+// ---------------------------------------------------------------------------
+async function handleCommand(input, c) {
+    const parts = input.slice(1).split(/\s+/);
+    const cmd = parts[0]?.toLowerCase();
+    const arg1 = parts[1];
+    const arg2 = parts.slice(2).join(" ");
+    switch (cmd) {
+        case "join": {
+            if (!arg1) {
+                process.stdout.write(`${YELLOW}Usage: /join <room>${RESET}\n`);
+                return;
+            }
+            const result = await c.switchRoom(arg1);
+            printResult(result);
+            if (!result.isError) {
+                const read = await c.readRoom();
+                if (!read.isError && read.content !== "No messages.") {
+                    process.stdout.write(`${DIM}${read.content}${RESET}\n`);
+                }
+            }
+            return;
+        }
+        case "leave": {
+            const result = await c.leaveRoom(arg1);
+            printResult(result);
+            return;
+        }
+        case "rooms": {
+            const result = await c.listRooms();
+            printResult(result);
+            return;
+        }
+        case "agents": {
+            const result = await c.listAgents();
+            printResult(result);
+            return;
+        }
+        case "read": {
+            const result = await c.readRoom(arg1);
+            printResult(result);
+            return;
+        }
+        case "dm": {
+            if (!arg1 || !arg2) {
+                process.stdout.write(`${YELLOW}Usage: /dm <agent> <message>${RESET}\n`);
+                return;
+            }
+            const result = await c.dm(arg1, arg2);
+            printResult(result);
+            return;
+        }
+        case "create": {
+            if (!arg1) {
+                process.stdout.write(`${YELLOW}Usage: /create <name>${RESET}\n`);
+                return;
+            }
+            const result = await c.createRoom(arg1, "public", arg2);
+            printResult(result);
+            return;
+        }
+        case "invite": {
+            const agentId = parts[2];
+            if (!arg1 || !agentId) {
+                process.stdout.write(`${YELLOW}Usage: /invite <room> <agent>${RESET}\n`);
+                return;
+            }
+            const result = await c.invite(arg1, agentId);
+            printResult(result);
+            return;
+        }
+        case "kick": {
+            const agentId = parts[2];
+            if (!arg1 || !agentId) {
+                process.stdout.write(`${YELLOW}Usage: /kick <room> <agent>${RESET}\n`);
+                return;
+            }
+            const result = await c.kick(arg1, agentId);
+            printResult(result);
+            return;
+        }
+        case "destroy": {
+            if (!arg1) {
+                process.stdout.write(`${YELLOW}Usage: /destroy <room>${RESET}\n`);
+                return;
+            }
+            const result = await c.destroyRoom(arg1);
+            printResult(result);
+            return;
+        }
+        case "help":
+            process.stdout.write(`${CYAN}Commands:${RESET}
+  ${GREEN}/join${RESET} <room>         Join or switch to a room
+  ${GREEN}/leave${RESET} [room]        Leave current (or specified) room
+  ${GREEN}/rooms${RESET}               List all rooms
+  ${GREEN}/agents${RESET}              List all agents
+  ${GREEN}/read${RESET} [room]         Read messages in room
+  ${GREEN}/dm${RESET} <agent> <msg>    Send a direct message
+  ${GREEN}/create${RESET} <name>       Create a public room
+  ${GREEN}/invite${RESET} <room> <id>  Invite agent to room
+  ${GREEN}/kick${RESET} <room> <id>    Kick agent from room
+  ${GREEN}/destroy${RESET} <room>      Destroy a room
+  ${GREEN}/help${RESET}                Show this help
+  ${GREEN}/quit${RESET}                Exit
+\n${DIM}Anything without / is sent to the current room.${RESET}\n`);
+            return;
+        case "quit":
+            process.stdout.write(`${DIM}Goodbye!${RESET}\n`);
+            process.exit(0);
+        default:
+            process.stdout.write(`${YELLOW}Unknown command: /${String(cmd)}. Type /help for commands.${RESET}\n`);
+    }
+}
+// ---------------------------------------------------------------------------
+// Formatting
+// ---------------------------------------------------------------------------
+function printResult(result) {
+    if (result.isError) {
+        process.stdout.write(`${RED}${result.content}${RESET}\n`);
+    }
+    else {
+        process.stdout.write(`${result.content}\n`);
+    }
+}
+function formatForTerminal(event) {
+    switch (event.type) {
+        case "room_message":
+            return `${BOLD}[${event.message.room}] ${event.message.from}:${RESET} ${event.message.content}`;
+        case "dm":
+            return `${MAGENTA}DM from ${event.message.from}:${RESET} ${event.message.content}`;
+        case "member_joined":
+            return `${GREEN}→ ${event.agent} joined ${event.room}${RESET}`;
+        case "member_left":
+            return `${YELLOW}← ${event.agent} left ${event.room}${RESET}`;
+        case "member_status":
+            return `${CYAN}● ${event.agent} is now ${event.status} in ${event.room}${RESET}`;
+        case "delivery_status":
+            return `${DIM}✓ Message ${event.messageId} ${event.status} by ${event.agent}${RESET}`;
+        case "room_invite":
+            return `${CYAN}_invite to ${event.room} from ${event.from}${RESET}`;
+        case "room_members": {
+            const names = event.members
+                .map((m) => `${m.name} (${m.status})`)
+                .join(", ");
+            return `${DIM}Members of ${event.room}: ${names}${RESET}`;
+        }
+    }
+}
+//# sourceMappingURL=tui.js.map

package/dist/bridges/user/tui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui.js","sourceRoot":"","sources":["../../../src/bridges/user/tui.ts"],"names":[],"mappings":"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"}

package/dist/bridges/user/web/index.html.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Frontend HTML — single-page chat UI served as a string constant.
+ *
+ * Vanilla JS + CSS, no build step, no framework. Communicates via
+ * REST API + WebSocket.
+ */
+export declare const FRONTEND_HTML = "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Agent Comms</title>\n<style>\n  :root {\n    --bg: #1a1a2e;\n    --surface: #16213e;\n    --border: #0f3460;\n    --text: #e4e4e4;\n    --dim: #888;\n    --accent: #00b4d8;\n    --green: #06d6a0;\n    --red: #ef476f;\n    --yellow: #ffd166;\n    --purple: #b5838d;\n  }\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    background: var(--bg);\n    color: var(--text);\n    height: 100vh;\n    display: flex;\n  }\n  #sidebar {\n    width: 260px;\n    background: var(--surface);\n    border-right: 1px solid var(--border);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n  #sidebar h2 {\n    padding: 12px 16px;\n    font-size: 14px;\n    color: var(--accent);\n    border-bottom: 1px solid var(--border);\n  }\n  .sidebar-section {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px;\n  }\n  .sidebar-section h3 {\n    font-size: 11px;\n    text-transform: uppercase;\n    color: var(--dim);\n    padding: 8px 8px 4px;\n  }\n  .room-item, .agent-item {\n    padding: 6px 10px;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .room-item:hover, .agent-item:hover { background: rgba(255,255,255,0.05); }\n  .room-item.active { background: var(--border); }\n  .status-dot {\n    width: 8px; height: 8px;\n    border-radius: 50%;\n    display: inline-block;\n  }\n  .status-dot.active { background: var(--green); }\n  .status-dot.idle { background: var(--yellow); }\n  .status-dot.busy { background: var(--red); }\n  .status-dot.offline { background: var(--dim); }\n  #main {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n  #header {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--border);\n    font-size: 15px;\n    font-weight: 600;\n    background: var(--surface);\n  }\n  #messages {\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n  .msg {\n    font-size: 13px;\n    line-height: 1.5;\n  }\n  .msg .sender { font-weight: 600; color: var(--accent); }\n  .msg .time { color: var(--dim); font-size: 11px; margin-left: 8px; }\n  .msg.system { color: var(--dim); font-style: italic; }\n  .msg.status { color: var(--yellow); font-size: 12px; }\n  .msg.dm { color: var(--purple); }\n  .msg .dm-badge {\n    background: var(--purple);\n    color: #fff;\n    font-size: 10px;\n    padding: 1px 5px;\n    border-radius: 3px;\n    font-weight: 600;\n  }\n  #input-bar {\n    display: flex;\n    padding: 12px 20px;\n    gap: 8px;\n    background: var(--surface);\n    border-top: 1px solid var(--border);\n  }\n  #input {\n    flex: 1;\n    background: var(--bg);\n    border: 1px solid var(--border);\n    border-radius: 6px;\n    padding: 8px 12px;\n    color: var(--text);\n    font-size: 13px;\n    outline: none;\n  }\n  #input:focus { border-color: var(--accent); }\n  #send-btn {\n    background: var(--accent);\n    border: none;\n    border-radius: 6px;\n    padding: 8px 16px;\n    color: #fff;\n    font-weight: 600;\n    cursor: pointer;\n  }\n  #send-btn:hover { opacity: 0.9; }\n  #empty-state {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--dim);\n    font-size: 14px;\n  }\n</style>\n</head>\n<body>\n\n<div id=\"sidebar\">\n  <h2>Agent Comms</h2>\n  <div class=\"sidebar-section\">\n    <h3>Rooms</h3>\n    <div id=\"room-list\"></div>\n    <h3>Agents</h3>\n    <div id=\"agent-list\"></div>\n  </div>\n</div>\n\n<div id=\"main\">\n  <div id=\"header\">Select a room</div>\n  <div id=\"messages\"></div>\n  <div id=\"input-bar\">\n    <input id=\"input\" type=\"text\" placeholder=\"Type a message or /command...\" autocomplete=\"off\" />\n    <button id=\"send-btn\">Send</button>\n  </div>\n</div>\n\n<script>\nconst $ = (s) => document.querySelector(s);\nconst messagesEl = $('#messages');\nconst inputEl = $('#input');\nconst headerEl = $('#header');\nconst roomListEl = $('#room-list');\nconst agentListEl = $('#agent-list');\n\nlet currentRoom = null;\nlet ws = null;\n\n// Connect WebSocket\nfunction connect() {\n  const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';\n  ws = new WebSocket(proto + '//' + location.host);\n\n  ws.onopen = () => { addSystem('Connected to mesh'); };\n  ws.onclose = () => { addSystem('Disconnected \u2014 reconnecting...'); setTimeout(connect, 3000); };\n  ws.onerror = () => {};\n\n  ws.onmessage = (e) => {\n    const frame = JSON.parse(e.data);\n    if (frame.type === 'delivery') handleDelivery(frame.event);\n    if (frame.type === 'result') addSystem(frame.result.content);\n    if (frame.type === 'error') addSystem('Error: ' + frame.message);\n    if (frame.type === 'state') {\n      renderAgents(frame.agents);\n      renderRooms(frame.rooms);\n    }\n  };\n}\n\nfunction sendAction(params) {\n  if (ws && ws.readyState === WebSocket.OPEN) {\n    ws.send(JSON.stringify(params));\n  }\n}\n\n// Delivery event handling\nfunction handleDelivery(event) {\n  switch (event.type) {\n    case 'room_message':\n      if (!currentRoom || event.message.room !== currentRoom) return;\n      addMessage(event.message.from, event.message.content, event.message.timestamp);\n      break;\n    case 'dm':\n      addDm(event.message.from, event.message.content, event.message.timestamp);\n      break;\n    case 'member_joined':\n      addSystem(event.agent + ' joined ' + event.room);\n      refreshState();\n      break;\n    case 'member_left':\n      addSystem(event.agent + ' left ' + event.room);\n      refreshState();\n      break;\n    case 'member_status':\n      addStatus(event.agent + ' is now ' + event.status + ' in ' + event.room);\n      refreshState();\n      break;\n    case 'delivery_status':\n      addStatus('Message ' + event.messageId + ' ' + event.status + ' by ' + event.agent);\n      break;\n    case 'room_members':\n      if (currentRoom === event.room) {\n        addSystem('Members: ' + event.members.map(m => m.name + ' (' + m.status + ')').join(', '));\n      }\n      break;\n    case 'room_invite':\n      addSystem('Invited to ' + event.room + ' by ' + event.from);\n      break;\n  }\n}\n\n// UI rendering\nfunction addMessage(sender, content, timestamp) {\n  const time = (timestamp || new Date().toISOString()).slice(11, 19);\n  const div = document.createElement('div');\n  div.className = 'msg';\n  div.innerHTML = '<span class=\"sender\">' + esc(sender) + '</span><span class=\"time\">' + time + '</span>: ' + esc(content);\n  messagesEl.appendChild(div);\n  messagesEl.scrollTop = messagesEl.scrollHeight;\n}\n\nfunction addDm(sender, content, timestamp) {\n  const time = (timestamp || new Date().toISOString()).slice(11, 19);\n  const div = document.createElement('div');\n  div.className = 'msg dm';\n  div.innerHTML = '<span class=\"dm-badge\">DM</span> <span class=\"sender\">' + esc(sender) + '</span><span class=\"time\">' + time + '</span>: ' + esc(content);\n  messagesEl.appendChild(div);\n  messagesEl.scrollTop = messagesEl.scrollHeight;\n}\n\nfunction addSystem(text) {\n  const div = document.createElement('div');\n  div.className = 'msg system';\n  div.textContent = text;\n  messagesEl.appendChild(div);\n  messagesEl.scrollTop = messagesEl.scrollHeight;\n}\n\nfunction addStatus(text) {\n  const div = document.createElement('div');\n  div.className = 'msg status';\n  div.textContent = text;\n  messagesEl.appendChild(div);\n  messagesEl.scrollTop = messagesEl.scrollHeight;\n}\n\nfunction clearMessages() {\n  messagesEl.innerHTML = '';\n}\n\nfunction esc(s) {\n  const d = document.createElement('div');\n  d.textContent = s;\n  return d.innerHTML;\n}\n\n// State refresh\nasync function refreshState() {\n  const [agentsRes, roomsRes] = await Promise.all([\n    fetch('/api/agents'), fetch('/api/rooms')\n  ]);\n  renderAgents(await agentsRes.json());\n  renderRooms(await roomsRes.json());\n}\n\nfunction renderAgents(agents) {\n  agentListEl.innerHTML = '';\n  for (const a of agents) {\n    const div = document.createElement('div');\n    div.className = 'agent-item';\n    const dot = a.status || 'offline';\n    div.innerHTML = '<span class=\"status-dot ' + dot + '\"></span> ' + esc(a.name);\n    agentListEl.appendChild(div);\n  }\n}\n\nfunction renderRooms(rooms) {\n  roomListEl.innerHTML = '';\n  for (const r of rooms) {\n    const div = document.createElement('div');\n    div.className = 'room-item' + (currentRoom === r.id ? ' active' : '');\n    const joined = r.members.length;\n    div.innerHTML = r.type.charAt(0).toUpperCase() + ' ' + esc(r.name) + ' <span style=\"color:var(--dim)\">(' + joined + ')</span>';\n    div.onclick = () => joinRoom(r.id);\n    roomListEl.appendChild(div);\n  }\n}\n\nasync function joinRoom(roomId) {\n  currentRoom = roomId;\n  headerEl.textContent = roomId;\n  clearMessages();\n\n  // Highlight in sidebar\n  document.querySelectorAll('.room-item').forEach(el => el.classList.remove('active'));\n  sendAction({ action: 'join_room', room: roomId });\n\n  // Load history\n  const res = await fetch('/api/rooms/' + encodeURIComponent(roomId) + '/messages');\n  const messages = await res.json();\n  for (const m of messages) {\n    addMessage(m.from, m.content, m.timestamp);\n  }\n  addSystem('Joined ' + roomId);\n  inputEl.focus();\n}\n\n// Input handling\nfunction handleInput() {\n  const text = inputEl.value.trim();\n  if (!text) return;\n  inputEl.value = '';\n\n  if (text.startsWith('/')) {\n    const parts = text.slice(1).split(/\\s+/);\n    const cmd = parts[0].toLowerCase();\n    switch (cmd) {\n      case 'join': sendAction({ action: 'join_room', room: parts[1] }); break;\n      case 'leave': sendAction({ action: 'leave_room', room: parts[1] || currentRoom }); break;\n      case 'rooms': refreshState(); break;\n      case 'agents': refreshState(); break;\n      case 'dm': sendAction({ action: 'dm', target: parts[1], content: parts.slice(2).join(' ') }); break;\n      case 'create': sendAction({ action: 'create_room', name: parts[1], type: 'public' }); break;\n      case 'destroy': sendAction({ action: 'destroy_room', room: parts[1] }); break;\n      case 'help':\n        addSystem('Commands: /join, /leave, /rooms, /agents, /dm, /create, /destroy, /help');\n        break;\n      default:\n        addSystem('Unknown command: /' + cmd);\n    }\n  } else if (currentRoom) {\n    sendAction({ action: 'send', target: currentRoom, content: text });\n  } else {\n    addSystem('Join a room first (click one in the sidebar)');\n  }\n}\n\n$('#send-btn').onclick = handleInput;\ninputEl.addEventListener('keydown', (e) => { if (e.key === 'Enter') handleInput(); });\n\n// Boot\nconnect();\nrefreshState();\ninputEl.focus();\n</script>\n</body>\n</html>";
+//# sourceMappingURL=index.html.d.ts.map

package/dist/bridges/user/web/index.html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.html.d.ts","sourceRoot":"","sources":["../../../../src/bridges/user/web/index.html.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,eAAO,MAAM,aAAa,2xVA0XlB,CAAC"}

package/dist/bridges/user/web/index.html.js

@@ -0,0 +1,386 @@
+/**
+ * Frontend HTML — single-page chat UI served as a string constant.
+ *
+ * Vanilla JS + CSS, no build step, no framework. Communicates via
+ * REST API + WebSocket.
+ */
+export const FRONTEND_HTML = `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Agent Comms</title>
+<style>
+  :root {
+    --bg: #1a1a2e;
+    --surface: #16213e;
+    --border: #0f3460;
+    --text: #e4e4e4;
+    --dim: #888;
+    --accent: #00b4d8;
+    --green: #06d6a0;
+    --red: #ef476f;
+    --yellow: #ffd166;
+    --purple: #b5838d;
+  }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    background: var(--bg);
+    color: var(--text);
+    height: 100vh;
+    display: flex;
+  }
+  #sidebar {
+    width: 260px;
+    background: var(--surface);
+    border-right: 1px solid var(--border);
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+  #sidebar h2 {
+    padding: 12px 16px;
+    font-size: 14px;
+    color: var(--accent);
+    border-bottom: 1px solid var(--border);
+  }
+  .sidebar-section {
+    flex: 1;
+    overflow-y: auto;
+    padding: 8px;
+  }
+  .sidebar-section h3 {
+    font-size: 11px;
+    text-transform: uppercase;
+    color: var(--dim);
+    padding: 8px 8px 4px;
+  }
+  .room-item, .agent-item {
+    padding: 6px 10px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 13px;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+  .room-item:hover, .agent-item:hover { background: rgba(255,255,255,0.05); }
+  .room-item.active { background: var(--border); }
+  .status-dot {
+    width: 8px; height: 8px;
+    border-radius: 50%;
+    display: inline-block;
+  }
+  .status-dot.active { background: var(--green); }
+  .status-dot.idle { background: var(--yellow); }
+  .status-dot.busy { background: var(--red); }
+  .status-dot.offline { background: var(--dim); }
+  #main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+  #header {
+    padding: 12px 20px;
+    border-bottom: 1px solid var(--border);
+    font-size: 15px;
+    font-weight: 600;
+    background: var(--surface);
+  }
+  #messages {
+    flex: 1;
+    overflow-y: auto;
+    padding: 16px 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+  .msg {
+    font-size: 13px;
+    line-height: 1.5;
+  }
+  .msg .sender { font-weight: 600; color: var(--accent); }
+  .msg .time { color: var(--dim); font-size: 11px; margin-left: 8px; }
+  .msg.system { color: var(--dim); font-style: italic; }
+  .msg.status { color: var(--yellow); font-size: 12px; }
+  .msg.dm { color: var(--purple); }
+  .msg .dm-badge {
+    background: var(--purple);
+    color: #fff;
+    font-size: 10px;
+    padding: 1px 5px;
+    border-radius: 3px;
+    font-weight: 600;
+  }
+  #input-bar {
+    display: flex;
+    padding: 12px 20px;
+    gap: 8px;
+    background: var(--surface);
+    border-top: 1px solid var(--border);
+  }
+  #input {
+    flex: 1;
+    background: var(--bg);
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    padding: 8px 12px;
+    color: var(--text);
+    font-size: 13px;
+    outline: none;
+  }
+  #input:focus { border-color: var(--accent); }
+  #send-btn {
+    background: var(--accent);
+    border: none;
+    border-radius: 6px;
+    padding: 8px 16px;
+    color: #fff;
+    font-weight: 600;
+    cursor: pointer;
+  }
+  #send-btn:hover { opacity: 0.9; }
+  #empty-state {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--dim);
+    font-size: 14px;
+  }
+</style>
+</head>
+<body>
+
+<div id="sidebar">
+  <h2>Agent Comms</h2>
+  <div class="sidebar-section">
+    <h3>Rooms</h3>
+    <div id="room-list"></div>
+    <h3>Agents</h3>
+    <div id="agent-list"></div>
+  </div>
+</div>
+
+<div id="main">
+  <div id="header">Select a room</div>
+  <div id="messages"></div>
+  <div id="input-bar">
+    <input id="input" type="text" placeholder="Type a message or /command..." autocomplete="off" />
+    <button id="send-btn">Send</button>
+  </div>
+</div>
+
+<script>
+const $ = (s) => document.querySelector(s);
+const messagesEl = $('#messages');
+const inputEl = $('#input');
+const headerEl = $('#header');
+const roomListEl = $('#room-list');
+const agentListEl = $('#agent-list');
+
+let currentRoom = null;
+let ws = null;
+
+// Connect WebSocket
+function connect() {
+  const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+  ws = new WebSocket(proto + '//' + location.host);
+
+  ws.onopen = () => { addSystem('Connected to mesh'); };
+  ws.onclose = () => { addSystem('Disconnected — reconnecting...'); setTimeout(connect, 3000); };
+  ws.onerror = () => {};
+
+  ws.onmessage = (e) => {
+    const frame = JSON.parse(e.data);
+    if (frame.type === 'delivery') handleDelivery(frame.event);
+    if (frame.type === 'result') addSystem(frame.result.content);
+    if (frame.type === 'error') addSystem('Error: ' + frame.message);
+    if (frame.type === 'state') {
+      renderAgents(frame.agents);
+      renderRooms(frame.rooms);
+    }
+  };
+}
+
+function sendAction(params) {
+  if (ws && ws.readyState === WebSocket.OPEN) {
+    ws.send(JSON.stringify(params));
+  }
+}
+
+// Delivery event handling
+function handleDelivery(event) {
+  switch (event.type) {
+    case 'room_message':
+      if (!currentRoom || event.message.room !== currentRoom) return;
+      addMessage(event.message.from, event.message.content, event.message.timestamp);
+      break;
+    case 'dm':
+      addDm(event.message.from, event.message.content, event.message.timestamp);
+      break;
+    case 'member_joined':
+      addSystem(event.agent + ' joined ' + event.room);
+      refreshState();
+      break;
+    case 'member_left':
+      addSystem(event.agent + ' left ' + event.room);
+      refreshState();
+      break;
+    case 'member_status':
+      addStatus(event.agent + ' is now ' + event.status + ' in ' + event.room);
+      refreshState();
+      break;
+    case 'delivery_status':
+      addStatus('Message ' + event.messageId + ' ' + event.status + ' by ' + event.agent);
+      break;
+    case 'room_members':
+      if (currentRoom === event.room) {
+        addSystem('Members: ' + event.members.map(m => m.name + ' (' + m.status + ')').join(', '));
+      }
+      break;
+    case 'room_invite':
+      addSystem('Invited to ' + event.room + ' by ' + event.from);
+      break;
+  }
+}
+
+// UI rendering
+function addMessage(sender, content, timestamp) {
+  const time = (timestamp || new Date().toISOString()).slice(11, 19);
+  const div = document.createElement('div');
+  div.className = 'msg';
+  div.innerHTML = '<span class="sender">' + esc(sender) + '</span><span class="time">' + time + '</span>: ' + esc(content);
+  messagesEl.appendChild(div);
+  messagesEl.scrollTop = messagesEl.scrollHeight;
+}
+
+function addDm(sender, content, timestamp) {
+  const time = (timestamp || new Date().toISOString()).slice(11, 19);
+  const div = document.createElement('div');
+  div.className = 'msg dm';
+  div.innerHTML = '<span class="dm-badge">DM</span> <span class="sender">' + esc(sender) + '</span><span class="time">' + time + '</span>: ' + esc(content);
+  messagesEl.appendChild(div);
+  messagesEl.scrollTop = messagesEl.scrollHeight;
+}
+
+function addSystem(text) {
+  const div = document.createElement('div');
+  div.className = 'msg system';
+  div.textContent = text;
+  messagesEl.appendChild(div);
+  messagesEl.scrollTop = messagesEl.scrollHeight;
+}
+
+function addStatus(text) {
+  const div = document.createElement('div');
+  div.className = 'msg status';
+  div.textContent = text;
+  messagesEl.appendChild(div);
+  messagesEl.scrollTop = messagesEl.scrollHeight;
+}
+
+function clearMessages() {
+  messagesEl.innerHTML = '';
+}
+
+function esc(s) {
+  const d = document.createElement('div');
+  d.textContent = s;
+  return d.innerHTML;
+}
+
+// State refresh
+async function refreshState() {
+  const [agentsRes, roomsRes] = await Promise.all([
+    fetch('/api/agents'), fetch('/api/rooms')
+  ]);
+  renderAgents(await agentsRes.json());
+  renderRooms(await roomsRes.json());
+}
+
+function renderAgents(agents) {
+  agentListEl.innerHTML = '';
+  for (const a of agents) {
+    const div = document.createElement('div');
+    div.className = 'agent-item';
+    const dot = a.status || 'offline';
+    div.innerHTML = '<span class="status-dot ' + dot + '"></span> ' + esc(a.name);
+    agentListEl.appendChild(div);
+  }
+}
+
+function renderRooms(rooms) {
+  roomListEl.innerHTML = '';
+  for (const r of rooms) {
+    const div = document.createElement('div');
+    div.className = 'room-item' + (currentRoom === r.id ? ' active' : '');
+    const joined = r.members.length;
+    div.innerHTML = r.type.charAt(0).toUpperCase() + ' ' + esc(r.name) + ' <span style="color:var(--dim)">(' + joined + ')</span>';
+    div.onclick = () => joinRoom(r.id);
+    roomListEl.appendChild(div);
+  }
+}
+
+async function joinRoom(roomId) {
+  currentRoom = roomId;
+  headerEl.textContent = roomId;
+  clearMessages();
+
+  // Highlight in sidebar
+  document.querySelectorAll('.room-item').forEach(el => el.classList.remove('active'));
+  sendAction({ action: 'join_room', room: roomId });
+
+  // Load history
+  const res = await fetch('/api/rooms/' + encodeURIComponent(roomId) + '/messages');
+  const messages = await res.json();
+  for (const m of messages) {
+    addMessage(m.from, m.content, m.timestamp);
+  }
+  addSystem('Joined ' + roomId);
+  inputEl.focus();
+}
+
+// Input handling
+function handleInput() {
+  const text = inputEl.value.trim();
+  if (!text) return;
+  inputEl.value = '';
+
+  if (text.startsWith('/')) {
+    const parts = text.slice(1).split(/\\s+/);
+    const cmd = parts[0].toLowerCase();
+    switch (cmd) {
+      case 'join': sendAction({ action: 'join_room', room: parts[1] }); break;
+      case 'leave': sendAction({ action: 'leave_room', room: parts[1] || currentRoom }); break;
+      case 'rooms': refreshState(); break;
+      case 'agents': refreshState(); break;
+      case 'dm': sendAction({ action: 'dm', target: parts[1], content: parts.slice(2).join(' ') }); break;
+      case 'create': sendAction({ action: 'create_room', name: parts[1], type: 'public' }); break;
+      case 'destroy': sendAction({ action: 'destroy_room', room: parts[1] }); break;
+      case 'help':
+        addSystem('Commands: /join, /leave, /rooms, /agents, /dm, /create, /destroy, /help');
+        break;
+      default:
+        addSystem('Unknown command: /' + cmd);
+    }
+  } else if (currentRoom) {
+    sendAction({ action: 'send', target: currentRoom, content: text });
+  } else {
+    addSystem('Join a room first (click one in the sidebar)');
+  }
+}
+
+$('#send-btn').onclick = handleInput;
+inputEl.addEventListener('keydown', (e) => { if (e.key === 'Enter') handleInput(); });
+
+// Boot
+connect();
+refreshState();
+inputEl.focus();
+</script>
+</body>
+</html>`;
+//# sourceMappingURL=index.html.js.map

package/dist/bridges/user/web/index.html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../../../../src/bridges/user/web/index.html.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA0XrB,CAAC"}