agent-office 0.0.13 → 0.0.15

package/dist/commands/communicator.js

@@ -59,11 +59,12 @@ function renderMessage(msg, humanName, spacingClass) {
     const isMine = msg.from_name === humanName;
     const bubbleClass = isMine ? "bubble bubble-mine" : "bubble bubble-theirs";
     const wrapClass = `msg-wrap ${isMine ? "msg-wrap-mine" : "msg-wrap-theirs"} ${spacingClass}`;
-    const bodyHtml = escapeHtml(msg.body).replace(/\n/g, "<br>");
+    // Base64 encode to preserve newlines and special chars reliably
+    const bodyEncoded = Buffer.from(msg.body).toString('base64');
     const unreadDot = !isMine && !msg.read ? `<span class="unread-dot"></span>` : "";
     return `<div class="${wrapClass}" data-id="${msg.id}">
   <div class="${bubbleClass}">
-    <div class="bubble-body">${bodyHtml}</div>
+    <div class="bubble-body markdown-body" data-markdown-b64="${bodyEncoded}"></div>
     <div class="bubble-time">${unreadDot}${formatTime(msg.created_at)}</div>
   </div>
 </div>`;
@@ -91,6 +92,9 @@ function renderPage(coworker, msgs, humanName) {
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   <title>${escapeHtml(coworker)} — agent-office</title>
   <script src="https://unpkg.com/htmx.org@2.0.4/dist/htmx.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/marked@11.1.1/marked.min.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.5.1/github-markdown-light.min.css" media="(prefers-color-scheme: light)">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.5.1/github-markdown-dark.min.css" media="(prefers-color-scheme: dark)">
   <style>
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
@@ -264,6 +268,66 @@ function renderPage(coworker, msgs, humanName) {
     }
 
     .bubble-body { font-size: 14.5px; }
+    .bubble-body.markdown-body {
+      background: transparent;
+      color: inherit;
+      font-size: 14px;
+      line-height: 1.5;
+    }
+    .bubble-body.markdown-body p { margin: 0 0 8px 0; }
+    .bubble-body.markdown-body p:last-child { margin-bottom: 0; }
+    .bubble-body.markdown-body pre {
+      background: rgba(0,0,0,0.3);
+      border-radius: 6px;
+      padding: 8px 12px;
+      overflow-x: auto;
+      margin: 8px 0;
+    }
+    .bubble-body.markdown-body code {
+      background: rgba(0,0,0,0.2);
+      padding: 2px 5px;
+      border-radius: 3px;
+      font-size: 13px;
+      font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+    }
+    .bubble-body.markdown-body pre code {
+      background: transparent;
+      padding: 0;
+    }
+    .bubble-body.markdown-body ul, .bubble-body.markdown-body ol {
+      margin: 8px 0;
+      padding-left: 20px;
+    }
+    .bubble-body.markdown-body li { margin: 4px 0; }
+    .bubble-body.markdown-body blockquote {
+      border-left: 3px solid var(--accent);
+      margin: 8px 0;
+      padding-left: 12px;
+      color: var(--text-dim);
+    }
+    .bubble-body.markdown-body h1, .bubble-body.markdown-body h2,
+    .bubble-body.markdown-body h3, .bubble-body.markdown-body h4 {
+      margin: 12px 0 8px 0;
+      font-size: 15px;
+      font-weight: 600;
+    }
+    .bubble-body.markdown-body table {
+      border-collapse: collapse;
+      margin: 8px 0;
+      font-size: 13px;
+    }
+    .bubble-body.markdown-body th, .bubble-body.markdown-body td {
+      border: 1px solid var(--border);
+      padding: 6px 10px;
+    }
+    .bubble-body.markdown-body th {
+      background: var(--surface2);
+    }
+    .bubble-body.markdown-body strong,
+    .bubble-body.markdown-body b {
+      color: #ffffff;
+      font-weight: 600;
+    }
     .bubble-time {
       font-size: 10px;
       color: var(--text-dim);
@@ -498,6 +562,28 @@ function renderPage(coworker, msgs, humanName) {
     clearTimeout(el._hideTimer)
     el._hideTimer = setTimeout(() => el.classList.remove('visible'), 3000)
   }
+
+  // Render markdown in chat bubbles
+  function renderMarkdown() {
+    if (typeof marked === 'undefined') return
+    document.querySelectorAll('.markdown-body[data-markdown-b64]').forEach(el => {
+      const b64 = el.getAttribute('data-markdown-b64')
+      if (b64 && !el.hasAttribute('data-rendered')) {
+        // Decode base64 to get original text with preserved newlines
+        const text = atob(b64)
+        el.innerHTML = marked.parse(text)
+        el.setAttribute('data-rendered', 'true')
+      }
+    })
+  }
+
+  // Initial render
+  renderMarkdown()
+
+  // Re-render after HTMX swaps new content
+  document.addEventListener('htmx:afterSwap', () => {
+    renderMarkdown()
+  })
 </script>
 </body>
 </html>`;
@@ -609,10 +695,19 @@ export async function communicatorWeb(coworker, options) {
     app.get("/ping", (_req, res) => {
         res.status(204).end();
     });
-    app.listen(port, host, () => {
+    const server = app.listen(port, host, () => {
         console.log(`Communicator running at http://${host}:${port}`);
         console.log(`Press Ctrl+C to stop.`);
     });
+    server.on('error', (err) => {
+        if (err.code === 'EADDRINUSE') {
+            console.error(`Error: Port ${port} is already in use. Is another instance running?`);
+        }
+        else {
+            console.error(`Error: ${err.message}`);
+        }
+        process.exit(1);
+    });
     // Keep process alive
     await new Promise(() => { });
 }

package/dist/db/index.d.ts

@@ -6,7 +6,7 @@ export interface SessionRow {
     name: string;
     session_id: string;
     agent_code: string;
-    agent: string | null;
+    agent: string;
     status: string | null;
     created_at: Date;
 }

package/dist/lib/agentic-coding-server.d.ts

@@ -35,9 +35,9 @@ export interface AgenticCodingServer {
      * Inject a text message into a session (fire-and-forget).
      * The server processes the message asynchronously.
      *
-     * @param agent  optional agent-mode identifier to route the prompt.
+     * @param agent  agent-mode identifier to route the prompt.
      */
-    sendMessage(sessionID: string, text: string, agent?: string): Promise<void>;
+    sendMessage(sessionID: string, text: string, agent: string): Promise<void>;
     /**
      * Retrieve the message history for a session.
      *

package/dist/lib/opencode-coding-server.d.ts

@@ -4,7 +4,7 @@ export declare class OpenCodeCodingServer implements AgenticCodingServer {
     constructor(baseURL: string);
     createSession(): Promise<string>;
     deleteSession(sessionID: string): Promise<void>;
-    sendMessage(sessionID: string, text: string, agent?: string): Promise<void>;
+    sendMessage(sessionID: string, text: string, agent: string): Promise<void>;
     getMessages(sessionID: string, limit?: number): Promise<SessionMessage[]>;
     revertSession(sessionID: string, messageID: string): Promise<void>;
     getAgentModes(): Promise<AgentMode[]>;

package/dist/lib/opencode-coding-server.js

@@ -22,7 +22,7 @@ export class OpenCodeCodingServer {
         await this.client.session.promptAsync({
             sessionID,
             parts: [{ type: "text", text }],
-            ...(agent ? { agent } : {}),
+            agent,
         });
     }
     async getMessages(sessionID, limit) {

package/dist/manage/components/CreateSession.d.ts

@@ -1,7 +1,8 @@
 interface CreateSessionProps {
     serverUrl: string;
     password: string;
+    agent: string;
     onBack: () => void;
 }
-export declare function CreateSession({ serverUrl, password, onBack }: CreateSessionProps): import("react/jsx-runtime").JSX.Element;
+export declare function CreateSession({ serverUrl, password, agent, onBack }: CreateSessionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/manage/components/CreateSession.js

@@ -3,7 +3,7 @@ import { useState, useEffect } from "react";
 import { Box, Text } from "ink";
 import { TextInput, Spinner } from "@inkjs/ui";
 import { useApi, useAsyncState } from "../hooks/useApi.js";
-export function CreateSession({ serverUrl, password, onBack }) {
+export function CreateSession({ serverUrl, password, agent, onBack }) {
     const { createSession } = useApi(serverUrl, password);
     const { loading, error, run } = useAsyncState();
     const [created, setCreated] = useState(null);
@@ -20,7 +20,7 @@ export function CreateSession({ serverUrl, password, onBack }) {
         if (!trimmed)
             return;
         setSubmitted(true);
-        const result = await run(() => createSession(trimmed));
+        const result = await run(() => createSession(trimmed, agent));
         if (result)
             setCreated(result);
     };

package/dist/manage/components/SessionList.js

@@ -474,7 +474,7 @@ function MemoryView({ serverUrl, password, sessionName, contentHeight, onClose }
 }
 // ─── Main component ──────────────────────────────────────────────────────────
 export function SessionList({ serverUrl, password, contentHeight, onSubViewChange }) {
-    const { listSessions, createSession, deleteSession, regenerateCode, getModes, revertToStart, revertAll } = useApi(serverUrl, password);
+    const { listSessions, createSession, deleteSession, updateSessionAgent, regenerateCode, getModes, revertToStart, revertAll } = useApi(serverUrl, password);
     const { data: sessions, loading, error: loadError, run } = useAsyncState();
     const [cursor, setCursor] = useState(0);
     const [revealedRows, setRevealedRows] = useState(new Set());
@@ -554,6 +554,26 @@ export function SessionList({ serverUrl, password, contentHeight, onSubViewChang
                 setActionMsg(null);
                 setMode("confirm-revert-all");
             }
+            if (input === "a" && rows.length > 0) {
+                setActionError(null);
+                setActionMsg(null);
+                setModeCursor(0);
+                setMode("changing-agent-loading");
+                getModes().then((modes) => {
+                    const safeMode = Array.isArray(modes) ? modes : [];
+                    setAvailableModes(safeMode);
+                    if (safeMode.length > 0) {
+                        setMode("changing-agent-pick");
+                    }
+                    else {
+                        setActionError("No agent modes available");
+                        setMode("create-error");
+                    }
+                }).catch(() => {
+                    setActionError("Failed to fetch agent modes");
+                    setMode("create-error");
+                });
+            }
             if (rows.length > 0) {
                 if (input === "t")
                     setSubView("tail");
@@ -582,6 +602,23 @@ export function SessionList({ serverUrl, password, contentHeight, onSubViewChang
             }
             return;
         }
+        if (mode === "changing-agent-pick") {
+            const total = availableModes.length;
+            if (key.upArrow)
+                setModeCursor((c) => (c - 1 + total) % total);
+            if (key.downArrow)
+                setModeCursor((c) => (c + 1) % total);
+            if (key.return) {
+                const selected = availableModes[modeCursor]?.name;
+                if (selected && rows[cursor]) {
+                    void handleChangeAgent(rows[cursor].name, selected);
+                }
+            }
+            if (key.escape) {
+                setMode("browse");
+            }
+            return;
+        }
         if (mode === "creating-name" && key.escape) {
             setMode("browse");
             return;
@@ -601,9 +638,14 @@ export function SessionList({ serverUrl, password, contentHeight, onSubViewChang
         const trimmed = name.trim();
         if (!trimmed)
             return;
+        if (!pendingAgent) {
+            setActionError("Agent mode is required");
+            setMode("create-error");
+            return;
+        }
         setMode("creating-busy");
         try {
-            await createSession(trimmed, pendingAgent ?? undefined);
+            await createSession(trimmed, pendingAgent);
             const modeNote = pendingAgent ? ` [${pendingAgent}]` : "";
             setActionMsg(`Coworker "${trimmed}"${modeNote} created.`);
             setMode("create-done");
@@ -614,6 +656,19 @@ export function SessionList({ serverUrl, password, contentHeight, onSubViewChang
             setMode("create-error");
         }
     };
+    const handleChangeAgent = async (sessionName, agent) => {
+        setMode("changing-agent-busy");
+        try {
+            await updateSessionAgent(sessionName, agent);
+            setActionMsg(`Agent for "${sessionName}" changed to [${agent}].`);
+            setMode("create-done");
+            reload();
+        }
+        catch (err) {
+            setActionError(err instanceof Error ? err.message : String(err));
+            setMode("create-error");
+        }
+    };
     const handleConfirmDelete = async (confirmed) => {
         if (!confirmed) {
             setMode("browse");
@@ -709,6 +764,20 @@ export function SessionList({ serverUrl, password, contentHeight, onSubViewChang
             setMode("create-error");
         }
     };
+    // ── Full-screen change-agent flow ──────────────────────────────────────────
+    if (mode === "changing-agent-loading") {
+        return (_jsx(Box, { height: contentHeight, alignItems: "center", justifyContent: "center", children: _jsx(Spinner, { label: "Loading agent configs..." }) }));
+    }
+    if (mode === "changing-agent-pick") {
+        const target = rows[cursor];
+        return (_jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsxs(Box, { gap: 2, marginBottom: 1, children: [_jsx(Text, { bold: true, children: "Change Agent" }), _jsxs(Text, { dimColor: true, children: ["for \"", target?.name, "\""] }), target?.agent ? _jsxs(Text, { color: "yellow", children: ["[current: ", target.agent, "]"] }) : null] }), _jsx(Box, { flexDirection: "column", children: availableModes.map((m, i) => {
+                        const sel = i === modeCursor;
+                        return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: sel ? "cyan" : undefined, bold: sel, children: sel ? "▶" : " " }), _jsx(Text, { color: sel ? "cyan" : undefined, bold: sel, children: m.name }), m.description ? _jsxs(Text, { dimColor: true, children: ["\u2014 ", m.description] }) : null] }, i));
+                    }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191\u2193 navigate \u00B7 Enter select \u00B7 Esc cancel" }) })] }));
+    }
+    if (mode === "changing-agent-busy") {
+        return (_jsx(Box, { height: contentHeight, alignItems: "center", justifyContent: "center", children: _jsx(Spinner, { label: "Changing agent..." }) }));
+    }
     // ── Full-screen create flow ───────────────────────────────────────────────
     if (mode === "creating-loading") {
         return (_jsx(Box, { height: contentHeight, alignItems: "center", justifyContent: "center", children: _jsx(Spinner, { label: "Loading agent configs..." }) }));

package/dist/manage/hooks/useApi.d.ts

@@ -64,8 +64,9 @@ export interface MemoryRecord {
 }
 export declare function useApi(serverUrl: string, password: string): {
     listSessions: () => Promise<Session[]>;
-    createSession: (name: string, agent?: string) => Promise<Session>;
+    createSession: (name: string, agent: string) => Promise<Session>;
     deleteSession: (name: string) => Promise<void>;
+    updateSessionAgent: (name: string, agent: string) => Promise<Session>;
     checkHealth: () => Promise<boolean>;
     getMessages: (name: string, limit?: number) => Promise<SessionMessage[]>;
     injectText: (name: string, text: string) => Promise<{

package/dist/manage/hooks/useApi.js

@@ -31,7 +31,7 @@ export function useApi(serverUrl, password) {
     const createSession = useCallback(async (name, agent) => {
         return apiFetch(`${base}/sessions`, password, {
             method: "POST",
-            body: JSON.stringify({ name, ...(agent ? { agent } : {}) }),
+            body: JSON.stringify({ name, agent }),
         });
     }, [base, password]);
     const getModes = useCallback(async () => {
@@ -42,6 +42,12 @@ export function useApi(serverUrl, password) {
             method: "DELETE",
         });
     }, [base, password]);
+    const updateSessionAgent = useCallback(async (name, agent) => {
+        return apiFetch(`${base}/sessions/${encodeURIComponent(name)}/agent`, password, {
+            method: "PATCH",
+            body: JSON.stringify({ agent }),
+        });
+    }, [base, password]);
     const checkHealth = useCallback(async () => {
         try {
             await apiFetch(`${base}/health`, password);
@@ -131,6 +137,7 @@ export function useApi(serverUrl, password) {
         listSessions,
         createSession,
         deleteSession,
+        updateSessionAgent,
         checkHealth,
         getMessages,
         injectText,

package/dist/server/cron.js

@@ -65,7 +65,7 @@ export class CronScheduler {
                 throw new Error(`Session "${job.session_name}" not found`);
             }
             const injectText = `[Cron Job "${job.name}" — ${executedAt.toISOString()}]\n${job.message}${CRON_INJECTION_BLURB}`;
-            await this.agenticCodingServer.sendMessage(session.session_id, injectText, session.agent ?? undefined);
+            await this.agenticCodingServer.sendMessage(session.session_id, injectText, session.agent);
             await this.sql `
         UPDATE cron_jobs SET last_run = ${executedAt} WHERE id = ${job.id}
       `;

package/dist/server/routes.js

@@ -164,8 +164,12 @@ export function createRouter(sql, agenticCodingServer, serverUrl, scheduler, mem
             res.status(400).json({ error: "name is required" });
             return;
         }
+        if (!agentArg || typeof agentArg !== "string" || !agentArg.trim()) {
+            res.status(400).json({ error: "agent is required" });
+            return;
+        }
         const trimmedName = name.trim();
-        const trimmedAgent = typeof agentArg === "string" && agentArg.trim() ? agentArg.trim() : null;
+        const trimmedAgent = agentArg.trim();
         const existing = await sql `
       SELECT id FROM sessions WHERE name = ${trimmedName}
     `;
@@ -203,7 +207,7 @@ export function createRouter(sql, agenticCodingServer, serverUrl, scheduler, mem
         try {
             const clockInToken = `${row.agent_code}@${serverUrl}`;
             const enrollmentMessage = generateEnrollmentMessage(clockInToken);
-            await agenticCodingServer.sendMessage(opencodeSessionId, enrollmentMessage, trimmedAgent ?? undefined);
+            await agenticCodingServer.sendMessage(opencodeSessionId, enrollmentMessage, trimmedAgent);
         }
         catch (err) {
             console.warn("Warning: could not send first message to session:", err);
@@ -233,6 +237,35 @@ export function createRouter(sql, agenticCodingServer, serverUrl, scheduler, mem
             res.status(500).json({ error: "Internal server error" });
         }
     });
+    router.patch("/sessions/:name/agent", async (req, res) => {
+        const { name } = req.params;
+        const { agent } = req.body;
+        if (!agent || typeof agent !== "string" || !agent.trim()) {
+            res.status(400).json({ error: "agent is required" });
+            return;
+        }
+        const trimmedAgent = agent.trim();
+        const rows = await sql `
+      SELECT id FROM sessions WHERE name = ${name}
+    `;
+        if (rows.length === 0) {
+            res.status(404).json({ error: `Session "${name}" not found` });
+            return;
+        }
+        try {
+            const [updated] = await sql `
+        UPDATE sessions
+        SET agent = ${trimmedAgent}
+        WHERE name = ${name}
+        RETURNING id, name, session_id, agent_code, agent, created_at
+      `;
+            res.json(updated);
+        }
+        catch (err) {
+            console.error("PATCH /sessions/:name/agent error:", err);
+            res.status(500).json({ error: "Internal server error" });
+        }
+    });
     router.get("/sessions/:name/messages", async (req, res) => {
         const { name } = req.params;
         const limit = Math.min(parseInt(req.query.limit ?? "20", 10), 100);
@@ -286,7 +319,7 @@ export function createRouter(sql, agenticCodingServer, serverUrl, scheduler, mem
             return;
         }
         const rows = await sql `
-      SELECT id, name, session_id, agent_code, created_at FROM sessions WHERE name = ${name}
+      SELECT id, name, session_id, agent_code, agent, created_at FROM sessions WHERE name = ${name}
     `;
         if (rows.length === 0) {
             res.status(404).json({ error: `Session "${name}" not found` });
@@ -294,7 +327,7 @@ export function createRouter(sql, agenticCodingServer, serverUrl, scheduler, mem
         }
         const row = rows[0];
         try {
-            await agenticCodingServer.sendMessage(row.session_id, text.trim());
+            await agenticCodingServer.sendMessage(row.session_id, text.trim(), row.agent);
             res.json({ ok: true });
         }
         catch (err) {
@@ -482,8 +515,8 @@ export function createRouter(sql, agenticCodingServer, serverUrl, scheduler, mem
         }
         const trimmedFrom = from.trim();
         const trimmedBody = body.trim();
-        const sessions = await sql `SELECT name, session_id FROM sessions`;
-        const sessionMap = new Map(sessions.map((s) => [s.name, s.session_id]));
+        const sessions = await sql `SELECT name, session_id, agent FROM sessions`;
+        const sessionMap = new Map(sessions.map((s) => [s.name, { sessionId: s.session_id, agent: s.agent }]));
         const validRecipients = [];
         for (const recipient of to) {
             if (typeof recipient !== "string" || !recipient.trim())
@@ -509,10 +542,10 @@ export function createRouter(sql, agenticCodingServer, serverUrl, scheduler, mem
             const msgId = msgRow.id;
             let injected = false;
             if (sessionMap.has(recipient)) {
-                const sessionId = sessionMap.get(recipient);
+                const { sessionId, agent } = sessionMap.get(recipient);
                 const injectText = `[Message from "${trimmedFrom}"]: ${trimmedBody}${MAIL_INJECTION_BLURB}`;
                 try {
-                    await agenticCodingServer.sendMessage(sessionId, injectText);
+                    await agenticCodingServer.sendMessage(sessionId, injectText, agent ?? undefined);
                     await sql `UPDATE messages SET injected = TRUE WHERE id = ${msgId}`;
                     injected = true;
                 }
@@ -1043,8 +1076,8 @@ export function createWorkerRouter(sql, agenticCodingServer, serverUrl, memoryMa
             return;
         }
         const trimmedBody = body.trim();
-        const sessions = await sql `SELECT name, session_id FROM sessions`;
-        const sessionMap = new Map(sessions.map((s) => [s.name, s.session_id]));
+        const sessions = await sql `SELECT name, session_id, agent FROM sessions`;
+        const sessionMap = new Map(sessions.map((s) => [s.name, { sessionId: s.session_id, agent: s.agent }]));
         const config = await sql `SELECT value FROM config WHERE key = 'human_name'`;
         const humanName = config[0]?.value ?? "Human";
         const validRecipients = [];
@@ -1070,10 +1103,10 @@ export function createWorkerRouter(sql, agenticCodingServer, serverUrl, memoryMa
             const msgId = msgRow.id;
             let injected = false;
             if (sessionMap.has(recipient)) {
-                const recipientSessionId = sessionMap.get(recipient);
+                const { sessionId: recipientSessionId, agent: recipientAgent } = sessionMap.get(recipient);
                 const injectText = `[Message from "${session.name}"]: ${trimmedBody}${MAIL_INJECTION_BLURB}`;
                 try {
-                    await agenticCodingServer.sendMessage(recipientSessionId, injectText);
+                    await agenticCodingServer.sendMessage(recipientSessionId, injectText, recipientAgent ?? undefined);
                     await sql `UPDATE messages SET injected = TRUE WHERE id = ${msgId}`;
                     injected = true;
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-office",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "An office for your AI agents",
   "type": "module",
   "license": "MIT",