agent-comms 1.12.0 → 1.14.0

package/dist/bridges/user/web/frontend/state.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Client state — minimal observable state for the UI.
+ *
+ * No DOM dependency. Testable in isolation.
+ * Consumers subscribe to changes and re-render as needed.
+ */
+import type { Agent, DisplayMessage, Room } from "./types.js";
+export type StateChangeListener = (state: Readonly<ClientState>) => void;
+export interface ClientState {
+    currentRoom: string | undefined;
+    dmTarget: string | undefined;
+    agents: Agent[];
+    rooms: Room[];
+    messages: DisplayMessage[];
+    connected: boolean;
+}
+export declare class State {
+    private state;
+    private readonly listeners;
+    /** Subscribe to state changes. Returns an unsubscribe function. */
+    subscribe(listener: StateChangeListener): () => void;
+    /** Read the current state (shallow copy). */
+    get(): Readonly<ClientState>;
+    setCurrentRoom(roomId: string | undefined): void;
+    setDmTarget(agentId: string | undefined): void;
+    setAgents(agents: Agent[]): void;
+    setRooms(rooms: Room[]): void;
+    setConnected(connected: boolean): void;
+    /** Add a display message to the message list. */
+    addMessage(message: DisplayMessage): void;
+    /** Replace all messages (e.g. when loading history). */
+    setMessages(messages: DisplayMessage[]): void;
+    /** Clear all messages. */
+    clearMessages(): void;
+    /** Bulk update from a state frame (initial WS connection). */
+    applyState(agents: Agent[], rooms: Room[]): void;
+    /** Reset to initial state. */
+    reset(): void;
+    private notify;
+}
+//# sourceMappingURL=state.d.ts.map

package/dist/bridges/user/web/frontend/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../../src/bridges/user/web/frontend/state.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAE9D,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;AAEzE,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;CACpB;AAWD,qBAAa,KAAK;IAChB,OAAO,CAAC,KAAK,CAAqC;IAClD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAkC;IAE5D,mEAAmE;IACnE,SAAS,CAAC,QAAQ,EAAE,mBAAmB,GAAG,MAAM,IAAI;IAOpD,6CAA6C;IAC7C,GAAG,IAAI,QAAQ,CAAC,WAAW,CAAC;IAQ5B,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAKhD,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI;IAK9C,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI;IAKhC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI;IAK7B,YAAY,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAKtC,iDAAiD;IACjD,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAKzC,wDAAwD;IACxD,WAAW,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI;IAK7C,0BAA0B;IAC1B,aAAa,IAAI,IAAI;IAKrB,8DAA8D;IAC9D,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI;IAKhD,8BAA8B;IAC9B,KAAK,IAAI,IAAI;IASb,OAAO,CAAC,MAAM;CAMf"}

package/dist/bridges/user/web/frontend/state.js

@@ -0,0 +1,87 @@
+/**
+ * Client state — minimal observable state for the UI.
+ *
+ * No DOM dependency. Testable in isolation.
+ * Consumers subscribe to changes and re-render as needed.
+ */
+const INITIAL_STATE = {
+    currentRoom: undefined,
+    dmTarget: undefined,
+    agents: [],
+    rooms: [],
+    messages: [],
+    connected: false,
+};
+export class State {
+    state = { ...INITIAL_STATE };
+    listeners = new Set();
+    /** Subscribe to state changes. Returns an unsubscribe function. */
+    subscribe(listener) {
+        this.listeners.add(listener);
+        return () => {
+            this.listeners.delete(listener);
+        };
+    }
+    /** Read the current state (shallow copy). */
+    get() {
+        return this.state;
+    }
+    // -----------------------------------------------------------------------
+    // Mutations — each notifies listeners
+    // -----------------------------------------------------------------------
+    setCurrentRoom(roomId) {
+        this.state = { ...this.state, currentRoom: roomId };
+        this.notify();
+    }
+    setDmTarget(agentId) {
+        this.state = { ...this.state, dmTarget: agentId };
+        this.notify();
+    }
+    setAgents(agents) {
+        this.state = { ...this.state, agents };
+        this.notify();
+    }
+    setRooms(rooms) {
+        this.state = { ...this.state, rooms };
+        this.notify();
+    }
+    setConnected(connected) {
+        this.state = { ...this.state, connected };
+        this.notify();
+    }
+    /** Add a display message to the message list. */
+    addMessage(message) {
+        this.state = { ...this.state, messages: [...this.state.messages, message] };
+        this.notify();
+    }
+    /** Replace all messages (e.g. when loading history). */
+    setMessages(messages) {
+        this.state = { ...this.state, messages };
+        this.notify();
+    }
+    /** Clear all messages. */
+    clearMessages() {
+        this.state = { ...this.state, messages: [] };
+        this.notify();
+    }
+    /** Bulk update from a state frame (initial WS connection). */
+    applyState(agents, rooms) {
+        this.state = { ...this.state, agents, rooms };
+        this.notify();
+    }
+    /** Reset to initial state. */
+    reset() {
+        this.state = { ...INITIAL_STATE, messages: [] };
+        this.notify();
+    }
+    // -----------------------------------------------------------------------
+    // Internal
+    // -----------------------------------------------------------------------
+    notify() {
+        const snapshot = this.state;
+        for (const listener of this.listeners) {
+            listener(snapshot);
+        }
+    }
+}
+//# sourceMappingURL=state.js.map

package/dist/bridges/user/web/frontend/state.js.map

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

package/dist/bridges/user/web/frontend/types.d.ts

@@ -0,0 +1,209 @@
+/**
+ * Client-side types for the agent-comms web UI.
+ *
+ * These mirror the wire format from server.ts and core/types.ts.
+ * No Zod — just interfaces for the browser bundle.
+ */
+export interface Agent {
+    id: string;
+    name: string;
+    harness: string;
+    cwd: string;
+    pid: number;
+    startedAt: string;
+    visibility: "visible" | "hidden" | "ghost";
+    status: "active" | "idle" | "busy" | "offline";
+    tags: string[];
+    subscribedRooms: string[];
+}
+export interface Room {
+    id: string;
+    name: string;
+    type: "public" | "private" | "secret";
+    owner: string;
+    createdAt: string;
+    description: string;
+    members: string[];
+    invited: string[];
+}
+export interface RoomMessage {
+    id: string;
+    from: string;
+    room: string;
+    content: string;
+    timestamp: string;
+    replyTo?: string;
+    readBy: string[];
+}
+export interface DmMessage {
+    id: string;
+    from: string;
+    to: string;
+    content: string;
+    timestamp: string;
+    readBy: string[];
+}
+export interface RoomMember {
+    id: string;
+    name: string;
+    status: Agent["status"];
+}
+export type DeliveryEvent = {
+    type: "room_message";
+    message: RoomMessage;
+} | {
+    type: "dm";
+    message: DmMessage;
+} | {
+    type: "room_invite";
+    room: string;
+    roomDescription: string;
+    from: string;
+    fromName: string;
+    fromCwd: string;
+} | {
+    type: "member_joined";
+    room: string;
+    agent: string;
+} | {
+    type: "member_left";
+    room: string;
+    agent: string;
+} | {
+    type: "room_members";
+    room: string;
+    members: RoomMember[];
+} | {
+    type: "member_status";
+    room: string;
+    agent: string;
+    status: Agent["status"];
+} | {
+    type: "delivery_status";
+    messageId: string;
+    agent: string;
+    status: "delivered" | "read";
+    room?: string;
+} | {
+    type: "invite_declined";
+    room: string;
+    agent: string;
+    agentName: string;
+    reason: string;
+} | {
+    type: "name_changed";
+    agent: string;
+    oldName: string;
+    newName: string;
+};
+export type WsFrame = {
+    type: "delivery";
+    event: DeliveryEvent;
+} | {
+    type: "result";
+    result: ActionResult;
+} | {
+    type: "error";
+    message: string;
+} | {
+    type: "state";
+    agents: Agent[];
+    rooms: Room[];
+};
+export type Action = {
+    action: "send";
+    target: string;
+    content: string;
+} | {
+    action: "dm";
+    target: string;
+    content: string;
+} | {
+    action: "join_room";
+    room: string;
+} | {
+    action: "leave_room";
+    room: string;
+} | {
+    action: "create_room";
+    name: string;
+    type: "public" | "private" | "secret";
+    description?: string;
+} | {
+    action: "list_rooms";
+} | {
+    action: "list_agents";
+} | {
+    action: "read_room";
+    room: string;
+} | {
+    action: "destroy_room";
+    room: string;
+} | {
+    action: "invite";
+    room: string;
+    agent: string;
+} | {
+    action: "decline_invite";
+    room: string;
+    reason: string;
+} | {
+    action: "kick";
+    room: string;
+    agent: string;
+} | {
+    action: "rename_agent";
+    agent: string;
+    name: string;
+};
+export interface ActionResult {
+    content: string;
+    isError: boolean;
+}
+export type DisplayMessage = {
+    type: "chat";
+    sender: string;
+    content: string;
+    timestamp: string;
+} | {
+    type: "dm";
+    sender: string;
+    content: string;
+    timestamp: string;
+} | {
+    type: "system";
+    text: string;
+} | {
+    type: "status";
+    text: string;
+};
+export type AgentsResponse = Agent[];
+export type RoomsResponse = Room[];
+export type MessagesResponse = RoomMessage[];
+/** A directory node in the project tree. Contains child directories and agents. */
+export interface DirectoryNode {
+    type: "directory";
+    /** Directory basename (e.g. "agent-comms") */
+    name: string;
+    /** Full absolute path */
+    path: string;
+    /** Project room ID if a room exists for this directory */
+    roomId?: string;
+    children: TreeNode[];
+}
+/** An agent leaf node in the project tree. */
+export interface AgentNode {
+    type: "agent";
+    name: string;
+    agentId: string;
+    status: Agent["status"];
+    cwd: string;
+}
+export type TreeNode = DirectoryNode | AgentNode;
+/** The full project tree with manually-created rooms separated out. */
+export interface ProjectTree {
+    roots: TreeNode[];
+    /** Rooms not auto-created per cwd */
+    manualRooms: Room[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/bridges/user/web/frontend/types.d.ts.map

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

package/dist/bridges/user/web/frontend/types.js

@@ -0,0 +1,8 @@
+/**
+ * Client-side types for the agent-comms web UI.
+ *
+ * These mirror the wire format from server.ts and core/types.ts.
+ * No Zod — just interfaces for the browser bundle.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/bridges/user/web/frontend/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/bridges/user/web/frontend/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/bridges/user/web/generated-html.d.ts

@@ -0,0 +1,6 @@
+/**
+ * GENERATED FILE — do not edit.
+ * Rebuild with: pnpm build:frontend
+ */
+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</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>\n\"use strict\";(()=>{var O=Object.defineProperty;var U=(e,n,t)=>n in e?O(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var m=(e,n,t)=>U(e,typeof n!=\"symbol\"?n+\"\":n,t);document.head.appendChild(Object.assign(document.createElement(\"style\"),{textContent:`: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; }\nbody {\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`}));function q(e){return typeof e==\"object\"&&e!==null}function K(e){return Array.isArray(e)}function J(e){return Array.isArray(e)}function B(e){return Array.isArray(e)}function G(e){return q(e)&&typeof e.type==\"string\"}async function M(){let n=await(await fetch(\"/api/agents\")).json();if(!K(n))throw new Error(\"Invalid agents response\");return n}async function A(){let n=await(await fetch(\"/api/rooms\")).json();if(!J(n))throw new Error(\"Invalid rooms response\");return n}async function C(e,n){let t=n?`/api/rooms/${encodeURIComponent(e)}/messages?since=${encodeURIComponent(n)}`:`/api/rooms/${encodeURIComponent(e)}/messages`,s=await(await fetch(t)).json();if(!B(s))throw new Error(\"Invalid messages response\");return s}var f=class{constructor(n){m(this,\"ws\");m(this,\"reconnectTimer\");m(this,\"handler\");this.handler=n}connect(){let n=location.protocol===\"https:\"?\"wss:\":\"ws:\",t=new WebSocket(`${n}//${location.host}`);this.ws=t,t.onopen=()=>{this.handler.onOpen?.()},t.onclose=()=>{this.handler.onClose?.(),this.scheduleReconnect()},t.onerror=()=>{},t.onmessage=o=>{let s=JSON.parse(typeof o.data==\"string\"?o.data:String(o.data));G(s)&&this.handler.onFrame?.(s)}}sendAction(n){let t=this.ws;t?.readyState===WebSocket.OPEN&&t.send(JSON.stringify(n))}disconnect(){this.reconnectTimer!==void 0&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=void 0);let n=this.ws;n&&n.close(),this.ws=void 0}scheduleReconnect(){this.reconnectTimer=setTimeout(()=>{this.connect()},3e3)}};function l(e,n,t){let o=e.querySelector(n);if(!o)throw new Error(`Required element not found: ${n}`);if(t&&o.tagName.toLowerCase()!==t)throw new Error(`Element ${n} must be <${t}>, got <${o.tagName.toLowerCase()}>`);return o}function p(e,n){let t=e.createElement(\"div\");return t.textContent=n,t.innerHTML}function $(e,n,t,...o){let s=e.createElement(n);if(t)for(let[r,a]of Object.entries(t))s.setAttribute(r,a);for(let r of o)typeof r==\"string\"?s.appendChild(e.createTextNode(r)):s.appendChild(r);return s}function h(e){e.innerHTML=\"\"}function k(e){return e.slice(11,19)}function L(e,n,t){let o=e.trim();return o.length===0?{kind:\"ignored\"}:o.startsWith(\"/\")?Q(o,n):n?{kind:\"action\",action:{action:\"send\",target:n,content:o}}:t?{kind:\"action\",action:{action:\"dm\",target:t,content:o}}:{kind:\"local\",result:{type:\"error\",text:\"Join a room or select an agent first\"}}}function Q(e,n){let t=e.slice(1).split(/\\s+/),o=(t[0]??\"\").toLowerCase();switch(o){case\"join\":return t[1]?{kind:\"action\",action:{action:\"join_room\",room:t[1]}}:{kind:\"local\",result:{type:\"error\",text:\"Usage: /join <room>\"}};case\"leave\":return{kind:\"action\",action:{action:\"leave_room\",room:t[1]??n??\"\"}};case\"rooms\":return{kind:\"action\",action:{action:\"list_rooms\"}};case\"agents\":return{kind:\"action\",action:{action:\"list_agents\"}};case\"dm\":return!t[1]||!t[2]?{kind:\"local\",result:{type:\"error\",text:\"Usage: /dm <agent> <message>\"}}:{kind:\"action\",action:{action:\"dm\",target:t[1],content:t.slice(2).join(\" \")}};case\"create\":return t[1]?{kind:\"action\",action:{action:\"create_room\",name:t[1],type:\"public\"}}:{kind:\"local\",result:{type:\"error\",text:\"Usage: /create <name>\"}};case\"destroy\":return t[1]?{kind:\"action\",action:{action:\"destroy_room\",room:t[1]}}:{kind:\"local\",result:{type:\"error\",text:\"Usage: /destroy <room>\"}};case\"help\":return{kind:\"local\",result:{type:\"help\",text:\"Commands: /join, /leave, /rooms, /agents, /dm, /create, /destroy, /help\"}};default:return{kind:\"local\",result:{type:\"unknown\",text:`Unknown command: /${o}`}}}}function S(e,n,t,o,s){let r=k(s),a=e.createElement(\"div\");a.className=\"msg\",a.innerHTML=`<span class=\"sender\">${p(e,t)}</span><span class=\"time\">${r}</span>: ${p(e,o)}`,n.messagesEl.appendChild(a),n.messagesEl.scrollTop=n.messagesEl.scrollHeight}function V(e,n,t,o,s){let r=k(s),a=e.createElement(\"div\");a.className=\"msg dm\",a.innerHTML=`<span class=\"dm-badge\">DM</span> <span class=\"sender\">${p(e,t)}</span><span class=\"time\">${r}</span>: ${p(e,o)}`,n.messagesEl.appendChild(a),n.messagesEl.scrollTop=n.messagesEl.scrollHeight}function c(e,n,t){let o=e.createElement(\"div\");o.className=\"msg system\",o.textContent=t,n.messagesEl.appendChild(o),n.messagesEl.scrollTop=n.messagesEl.scrollHeight}function y(e,n,t){let o=e.createElement(\"div\");o.className=\"msg status\",o.textContent=t,n.messagesEl.appendChild(o),n.messagesEl.scrollTop=n.messagesEl.scrollHeight}function w(e){h(e.messagesEl)}function H(e,n,t,o){switch(t.type){case\"room_message\":o===t.message.room&&S(e,n,t.message.from,t.message.content,t.message.timestamp);break;case\"dm\":V(e,n,t.message.from,t.message.content,t.message.timestamp);break;case\"member_joined\":c(e,n,`${t.agent} joined ${t.room}`);break;case\"member_left\":c(e,n,`${t.agent} left ${t.room}`);break;case\"member_status\":y(e,n,`${t.agent} is now ${t.status} in ${t.room}`);break;case\"delivery_status\":y(e,n,`Message ${t.messageId} ${t.status} by ${t.agent}`);break;case\"room_members\":if(o===t.room){let s=t.members.map(r=>`${r.name} (${r.status})`).join(\", \");c(e,n,`Members: ${s}`)}break;case\"room_invite\":{let s=t.roomDescription?` \\u2014 ${t.roomDescription}`:\"\";c(e,n,`${t.fromName} invited you to \"${t.room}\"${s}`);break}case\"invite_declined\":c(e,n,`${t.agentName} declined invite to ${t.room}: \"${t.reason}\"`);break}}function N(e,n,t,o,s){h(n.roomListEl);for(let r of t){let a=o===r.id,E=r.type.charAt(0).toUpperCase(),F=r.members.length,g=e.createElement(\"div\");g.className=`room-item${a?\" active\":\"\"}`,g.innerHTML=`${E} ${p(e,r.name)} <span style=\"color:var(--dim)\">(${String(F)})</span>`,g.onclick=()=>{s(r.id)},n.roomListEl.appendChild(g)}}function j(e,n,t,o){h(n.agentListEl);for(let s of t){let r=e.createElement(\"div\");r.className=\"agent-item\";let a=$(e,\"span\",{class:`status-dot ${s.status}`}),E=e.createTextNode(` ${s.name}`);r.appendChild(a),r.appendChild(E),o&&(r.onclick=()=>{o(s.id)}),n.agentListEl.appendChild(r)}}function x(e,n){e.headerEl.textContent=n}function D(e,n,t){for(let o of t)S(e,n,o.from,o.content,o.timestamp)}var _={currentRoom:void 0,dmTarget:void 0,agents:[],rooms:[],connected:!1},b=class{constructor(){m(this,\"state\",{..._});m(this,\"listeners\",new Set)}subscribe(n){return this.listeners.add(n),()=>{this.listeners.delete(n)}}get(){return this.state}setCurrentRoom(n){this.state={...this.state,currentRoom:n},this.notify()}setDmTarget(n){this.state={...this.state,dmTarget:n},this.notify()}setAgents(n){this.state={...this.state,agents:n},this.notify()}setRooms(n){this.state={...this.state,rooms:n},this.notify()}setConnected(n){this.state={...this.state,connected:n},this.notify()}applyState(n,t){this.state={...this.state,agents:n,rooms:t},this.notify()}reset(){this.state={..._},this.notify()}notify(){let n=this.state;for(let t of this.listeners)t(n)}};var X=l(document,\"#messages\"),u=l(document,\"#input\",\"input\"),R=l(document,\"#header\"),Y=l(document,\"#room-list\"),Z=l(document,\"#agent-list\"),d={messagesEl:X},I={roomListEl:Y,agentListEl:Z},i=new b;i.subscribe(e=>{N(document,I,e.rooms,e.currentRoom,ne),j(document,I,e.agents,te)});var P=new f({onOpen:()=>{i.setConnected(!0),c(document,d,\"Connected to mesh\")},onClose:()=>{i.setConnected(!1),c(document,d,\"Disconnected \\u2014 reconnecting...\")},onFrame:ee});function ee(e){switch(e.type){case\"delivery\":H(document,d,e.event,i.get().currentRoom),(e.event.type===\"member_joined\"||e.event.type===\"member_left\"||e.event.type===\"member_status\")&&T();break;case\"result\":if(c(document,d,e.result.content),!e.result.isError){if(v?.action===\"join_room\"&&!i.get().currentRoom){let n=v.room;i.setDmTarget(void 0),i.setCurrentRoom(n),x({headerEl:R},n)}T()}v=void 0;break;case\"error\":y(document,d,`Error: ${e.message}`);break;case\"state\":i.applyState(e.agents,e.rooms);break}}var v;function W(e){v=e,P.sendAction(e)}async function T(){let[e,n]=await Promise.all([M(),A()]);i.setAgents(e),i.setRooms(n)}async function ne(e){i.setDmTarget(void 0),i.setCurrentRoom(e),x({headerEl:R},e),w(d),W({action:\"join_room\",room:e});let n=await C(e);D(document,d,n),c(document,d,`Joined ${e}`),u.focus()}function te(e){i.setCurrentRoom(void 0),i.setDmTarget(e),w(d),x({headerEl:R},`DM with ${e}`),u.focus()}function z(){let e=u.value;u.value=\"\";let n=L(e,i.get().currentRoom,i.get().dmTarget);switch(n.kind){case\"action\":W(n.action);break;case\"local\":c(document,d,n.result.text);break;case\"ignored\":break}}var oe=l(document,\"#send-btn\");oe.onclick=z;u.addEventListener(\"keydown\",e=>{e.key===\"Enter\"&&z()});P.connect();T();u.focus();})();\n\n  </script>\n</body>\n</html>\n";
+//# sourceMappingURL=generated-html.d.ts.map

package/dist/bridges/user/web/generated-html.d.ts.map

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

package/dist/bridges/user/web/generated-html.js

@@ -0,0 +1,179 @@
+/**
+ * GENERATED FILE — do not edit.
+ * Rebuild with: pnpm build:frontend
+ */
+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>
+</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>
+"use strict";(()=>{var O=Object.defineProperty;var U=(e,n,t)=>n in e?O(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var m=(e,n,t)=>U(e,typeof n!="symbol"?n+"":n,t);document.head.appendChild(Object.assign(document.createElement("style"),{textContent:\`: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;
+}
+\`}));function q(e){return typeof e=="object"&&e!==null}function K(e){return Array.isArray(e)}function J(e){return Array.isArray(e)}function B(e){return Array.isArray(e)}function G(e){return q(e)&&typeof e.type=="string"}async function M(){let n=await(await fetch("/api/agents")).json();if(!K(n))throw new Error("Invalid agents response");return n}async function A(){let n=await(await fetch("/api/rooms")).json();if(!J(n))throw new Error("Invalid rooms response");return n}async function C(e,n){let t=n?\`/api/rooms/\${encodeURIComponent(e)}/messages?since=\${encodeURIComponent(n)}\`:\`/api/rooms/\${encodeURIComponent(e)}/messages\`,s=await(await fetch(t)).json();if(!B(s))throw new Error("Invalid messages response");return s}var f=class{constructor(n){m(this,"ws");m(this,"reconnectTimer");m(this,"handler");this.handler=n}connect(){let n=location.protocol==="https:"?"wss:":"ws:",t=new WebSocket(\`\${n}//\${location.host}\`);this.ws=t,t.onopen=()=>{this.handler.onOpen?.()},t.onclose=()=>{this.handler.onClose?.(),this.scheduleReconnect()},t.onerror=()=>{},t.onmessage=o=>{let s=JSON.parse(typeof o.data=="string"?o.data:String(o.data));G(s)&&this.handler.onFrame?.(s)}}sendAction(n){let t=this.ws;t?.readyState===WebSocket.OPEN&&t.send(JSON.stringify(n))}disconnect(){this.reconnectTimer!==void 0&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=void 0);let n=this.ws;n&&n.close(),this.ws=void 0}scheduleReconnect(){this.reconnectTimer=setTimeout(()=>{this.connect()},3e3)}};function l(e,n,t){let o=e.querySelector(n);if(!o)throw new Error(\`Required element not found: \${n}\`);if(t&&o.tagName.toLowerCase()!==t)throw new Error(\`Element \${n} must be <\${t}>, got <\${o.tagName.toLowerCase()}>\`);return o}function p(e,n){let t=e.createElement("div");return t.textContent=n,t.innerHTML}function \$(e,n,t,...o){let s=e.createElement(n);if(t)for(let[r,a]of Object.entries(t))s.setAttribute(r,a);for(let r of o)typeof r=="string"?s.appendChild(e.createTextNode(r)):s.appendChild(r);return s}function h(e){e.innerHTML=""}function k(e){return e.slice(11,19)}function L(e,n,t){let o=e.trim();return o.length===0?{kind:"ignored"}:o.startsWith("/")?Q(o,n):n?{kind:"action",action:{action:"send",target:n,content:o}}:t?{kind:"action",action:{action:"dm",target:t,content:o}}:{kind:"local",result:{type:"error",text:"Join a room or select an agent first"}}}function Q(e,n){let t=e.slice(1).split(/\\s+/),o=(t[0]??"").toLowerCase();switch(o){case"join":return t[1]?{kind:"action",action:{action:"join_room",room:t[1]}}:{kind:"local",result:{type:"error",text:"Usage: /join <room>"}};case"leave":return{kind:"action",action:{action:"leave_room",room:t[1]??n??""}};case"rooms":return{kind:"action",action:{action:"list_rooms"}};case"agents":return{kind:"action",action:{action:"list_agents"}};case"dm":return!t[1]||!t[2]?{kind:"local",result:{type:"error",text:"Usage: /dm <agent> <message>"}}:{kind:"action",action:{action:"dm",target:t[1],content:t.slice(2).join(" ")}};case"create":return t[1]?{kind:"action",action:{action:"create_room",name:t[1],type:"public"}}:{kind:"local",result:{type:"error",text:"Usage: /create <name>"}};case"destroy":return t[1]?{kind:"action",action:{action:"destroy_room",room:t[1]}}:{kind:"local",result:{type:"error",text:"Usage: /destroy <room>"}};case"help":return{kind:"local",result:{type:"help",text:"Commands: /join, /leave, /rooms, /agents, /dm, /create, /destroy, /help"}};default:return{kind:"local",result:{type:"unknown",text:\`Unknown command: /\${o}\`}}}}function S(e,n,t,o,s){let r=k(s),a=e.createElement("div");a.className="msg",a.innerHTML=\`<span class="sender">\${p(e,t)}</span><span class="time">\${r}</span>: \${p(e,o)}\`,n.messagesEl.appendChild(a),n.messagesEl.scrollTop=n.messagesEl.scrollHeight}function V(e,n,t,o,s){let r=k(s),a=e.createElement("div");a.className="msg dm",a.innerHTML=\`<span class="dm-badge">DM</span> <span class="sender">\${p(e,t)}</span><span class="time">\${r}</span>: \${p(e,o)}\`,n.messagesEl.appendChild(a),n.messagesEl.scrollTop=n.messagesEl.scrollHeight}function c(e,n,t){let o=e.createElement("div");o.className="msg system",o.textContent=t,n.messagesEl.appendChild(o),n.messagesEl.scrollTop=n.messagesEl.scrollHeight}function y(e,n,t){let o=e.createElement("div");o.className="msg status",o.textContent=t,n.messagesEl.appendChild(o),n.messagesEl.scrollTop=n.messagesEl.scrollHeight}function w(e){h(e.messagesEl)}function H(e,n,t,o){switch(t.type){case"room_message":o===t.message.room&&S(e,n,t.message.from,t.message.content,t.message.timestamp);break;case"dm":V(e,n,t.message.from,t.message.content,t.message.timestamp);break;case"member_joined":c(e,n,\`\${t.agent} joined \${t.room}\`);break;case"member_left":c(e,n,\`\${t.agent} left \${t.room}\`);break;case"member_status":y(e,n,\`\${t.agent} is now \${t.status} in \${t.room}\`);break;case"delivery_status":y(e,n,\`Message \${t.messageId} \${t.status} by \${t.agent}\`);break;case"room_members":if(o===t.room){let s=t.members.map(r=>\`\${r.name} (\${r.status})\`).join(", ");c(e,n,\`Members: \${s}\`)}break;case"room_invite":{let s=t.roomDescription?\` \\u2014 \${t.roomDescription}\`:"";c(e,n,\`\${t.fromName} invited you to "\${t.room}"\${s}\`);break}case"invite_declined":c(e,n,\`\${t.agentName} declined invite to \${t.room}: "\${t.reason}"\`);break}}function N(e,n,t,o,s){h(n.roomListEl);for(let r of t){let a=o===r.id,E=r.type.charAt(0).toUpperCase(),F=r.members.length,g=e.createElement("div");g.className=\`room-item\${a?" active":""}\`,g.innerHTML=\`\${E} \${p(e,r.name)} <span style="color:var(--dim)">(\${String(F)})</span>\`,g.onclick=()=>{s(r.id)},n.roomListEl.appendChild(g)}}function j(e,n,t,o){h(n.agentListEl);for(let s of t){let r=e.createElement("div");r.className="agent-item";let a=\$(e,"span",{class:\`status-dot \${s.status}\`}),E=e.createTextNode(\` \${s.name}\`);r.appendChild(a),r.appendChild(E),o&&(r.onclick=()=>{o(s.id)}),n.agentListEl.appendChild(r)}}function x(e,n){e.headerEl.textContent=n}function D(e,n,t){for(let o of t)S(e,n,o.from,o.content,o.timestamp)}var _={currentRoom:void 0,dmTarget:void 0,agents:[],rooms:[],connected:!1},b=class{constructor(){m(this,"state",{..._});m(this,"listeners",new Set)}subscribe(n){return this.listeners.add(n),()=>{this.listeners.delete(n)}}get(){return this.state}setCurrentRoom(n){this.state={...this.state,currentRoom:n},this.notify()}setDmTarget(n){this.state={...this.state,dmTarget:n},this.notify()}setAgents(n){this.state={...this.state,agents:n},this.notify()}setRooms(n){this.state={...this.state,rooms:n},this.notify()}setConnected(n){this.state={...this.state,connected:n},this.notify()}applyState(n,t){this.state={...this.state,agents:n,rooms:t},this.notify()}reset(){this.state={..._},this.notify()}notify(){let n=this.state;for(let t of this.listeners)t(n)}};var X=l(document,"#messages"),u=l(document,"#input","input"),R=l(document,"#header"),Y=l(document,"#room-list"),Z=l(document,"#agent-list"),d={messagesEl:X},I={roomListEl:Y,agentListEl:Z},i=new b;i.subscribe(e=>{N(document,I,e.rooms,e.currentRoom,ne),j(document,I,e.agents,te)});var P=new f({onOpen:()=>{i.setConnected(!0),c(document,d,"Connected to mesh")},onClose:()=>{i.setConnected(!1),c(document,d,"Disconnected \\u2014 reconnecting...")},onFrame:ee});function ee(e){switch(e.type){case"delivery":H(document,d,e.event,i.get().currentRoom),(e.event.type==="member_joined"||e.event.type==="member_left"||e.event.type==="member_status")&&T();break;case"result":if(c(document,d,e.result.content),!e.result.isError){if(v?.action==="join_room"&&!i.get().currentRoom){let n=v.room;i.setDmTarget(void 0),i.setCurrentRoom(n),x({headerEl:R},n)}T()}v=void 0;break;case"error":y(document,d,\`Error: \${e.message}\`);break;case"state":i.applyState(e.agents,e.rooms);break}}var v;function W(e){v=e,P.sendAction(e)}async function T(){let[e,n]=await Promise.all([M(),A()]);i.setAgents(e),i.setRooms(n)}async function ne(e){i.setDmTarget(void 0),i.setCurrentRoom(e),x({headerEl:R},e),w(d),W({action:"join_room",room:e});let n=await C(e);D(document,d,n),c(document,d,\`Joined \${e}\`),u.focus()}function te(e){i.setCurrentRoom(void 0),i.setDmTarget(e),w(d),x({headerEl:R},\`DM with \${e}\`),u.focus()}function z(){let e=u.value;u.value="";let n=L(e,i.get().currentRoom,i.get().dmTarget);switch(n.kind){case"action":W(n.action);break;case"local":c(document,d,n.result.text);break;case"ignored":break}}var oe=l(document,"#send-btn");oe.onclick=z;u.addEventListener("keydown",e=>{e.key==="Enter"&&z()});P.connect();T();u.focus();})();
+
+  </script>
+</body>
+</html>
+`;
+//# sourceMappingURL=generated-html.js.map

package/dist/bridges/user/web/generated-html.js.map

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

package/dist/bridges/user/web/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../../src/bridges/user/web/server.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,eAAe,EAAkB,MAAM,IAAI,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASlD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE,cAAc,CAAC;IAC3B,GAAG,EAAE,eAAe,CAAC;CACtB;AAMD;;;GAGG;AACH,wBAAsB,iBAAiB,IAAI,OAAO,CAChD,eAAe,GAAG,SAAS,CAC5B,CAEA;AAED;;;GAGG;AACH,wBAAsB,eAAe,CAAC,IAAI,SAAI,GAAG,OAAO,CAAC,eAAe,CAAC,CAoBxE;AAMD,wBAAsB,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CA0BtE"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../../src/bridges/user/web/server.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAGlC,OAAO,EAAE,eAAe,EAAkB,MAAM,IAAI,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAwBlD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE,cAAc,CAAC;IAC3B,GAAG,EAAE,eAAe,CAAC;CACtB;AAMD;;;GAGG;AACH,wBAAsB,iBAAiB,IAAI,OAAO,CAChD,eAAe,GAAG,SAAS,CAC5B,CAEA;AAED;;;GAGG;AACH,wBAAsB,eAAe,CAAC,IAAI,SAAI,GAAG,OAAO,CAAC,eAAe,CAAC,CAoBxE;AAMD,wBAAsB,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,SAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CA0BtE"}