@essentialai/cogent-server 2.0.0

package/dist/ui/pages/LandingPage.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { css } from "hono/css";
+import { Layout } from "../components/Layout.js";
+import { StatCard } from "../components/StatCard.js";
+import { Terminal } from "../components/Terminal.js";
+import { colors, cursorBlink } from "../styles/theme.js";
+// --- Styles ---
+const container = css `
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 2rem 1.5rem;
+`;
+const heroSection = css `
+  text-align: center;
+  padding: 3rem 0 2rem;
+`;
+const heroTitle = css `
+  font-size: 2.5rem;
+  font-weight: 700;
+  color: ${colors.green};
+  margin: 0 0 0.75rem 0;
+`;
+const asciiLogo = css `
+  font-size: 0.45rem;
+  line-height: 1.15;
+  margin: 0;
+  color: ${colors.green};
+  font-family: inherit;
+  display: inline-block;
+  text-align: left;
+`;
+const heroSubtitle = css `
+  font-size: 1rem;
+  color: ${colors.textMuted};
+  margin: 0;
+`;
+const cursor = css `
+  display: inline-block;
+  width: 3px;
+  height: 2.85rem;
+  background: ${colors.green};
+  margin-left: 4px;
+  vertical-align: bottom;
+  animation: ${cursorBlink} 1s step-end infinite;
+`;
+const statsRow = css `
+  display: flex;
+  gap: 1.5rem;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin: 2rem 0 3rem;
+`;
+const section = css `
+  margin-bottom: 2.5rem;
+`;
+const sectionTitle = css `
+  font-size: 1.1rem;
+  color: ${colors.text};
+  margin: 0 0 1rem 0;
+  font-weight: 700;
+`;
+const codeBlock = css `
+  background: ${colors.bg};
+  border: 1px solid ${colors.border};
+  border-radius: 4px;
+  padding: 1rem;
+  color: ${colors.green};
+  font-size: 0.9rem;
+  overflow-x: auto;
+  white-space: pre;
+  margin: 0.75rem 0;
+`;
+const noteText = css `
+  color: ${colors.textMuted};
+  font-size: 0.85rem;
+  margin: 0.75rem 0;
+`;
+const stepNumber = css `
+  color: ${colors.amber};
+  font-weight: 700;
+`;
+const stepCommand = css `
+  color: ${colors.green};
+`;
+const stepLine = css `
+  margin: 0.75rem 0;
+  line-height: 1.6;
+`;
+const promptChar = css `
+  color: ${colors.textMuted};
+  margin-right: 0.5rem;
+`;
+const howToLink = css `
+  display: block;
+  background: ${colors.bgCard};
+  border: 1px solid ${colors.border};
+  border-radius: 8px;
+  padding: 1.5rem 2rem;
+  text-align: center;
+  text-decoration: none;
+  transition: border-color 0.2s;
+  margin-bottom: 2.5rem;
+  &:hover {
+    border-color: ${colors.green};
+    text-decoration: none;
+  }
+`;
+const howToTitle = css `
+  font-size: 1.1rem;
+  color: ${colors.green};
+  font-weight: 700;
+  margin: 0 0 0.5rem 0;
+`;
+const howToDesc = css `
+  font-size: 0.85rem;
+  color: ${colors.textMuted};
+  margin: 0;
+`;
+const footer = css `
+  text-align: center;
+  padding: 2rem 0;
+  color: ${colors.textMuted};
+  font-size: 0.8rem;
+  border-top: 1px solid ${colors.border};
+  margin-top: 2rem;
+`;
+// --- JSON config snippet for manual setup ---
+const mcpConfigSnippet = `{
+  "mcpServers": {
+    "cogent-bridge": {
+      "command": "npx",
+      "args": ["-y", "@essentialai/cogent-bridge"],
+      "env": {
+        "COGENT_ENDPOINT": "https://cogent.tools"
+      }
+    }
+  }
+}`;
+// --- SSE inline script ---
+const sseScript = `
+  const es = new EventSource('/ui/stats/stream');
+  es.addEventListener('stats', (e) => {
+    const d = JSON.parse(e.data);
+    const el = (id) => document.getElementById(id);
+    if (el('stat-sessions')) el('stat-sessions').textContent = d.activeSessions;
+    if (el('stat-agents')) el('stat-agents').textContent = d.connectedAgents;
+    if (el('stat-messages')) el('stat-messages').textContent = d.totalMessagesRelayed;
+  });
+`;
+/**
+ * Full landing page with hero, live stats, installation instructions,
+ * connection guide, and SSE script for real-time stat updates.
+ */
+export const LandingPage = ({ stats }) => (_jsx(Layout, { title: "COGENT", children: _jsxs("div", { class: container, children: [_jsxs("div", { class: heroSection, children: [_jsxs("h1", { class: heroTitle, children: [_jsx("pre", { class: asciiLogo, children: `  ██████╗ ██████╗  ██████╗ ███████╗███╗   ██╗████████╗
+ ██╔════╝██╔═══██╗██╔════╝ ██╔════╝████╗  ██║╚══██╔══╝
+ ██║     ██║   ██║██║  ███╗█████╗  ██╔██╗ ██║   ██║   
+ ██║     ██║   ██║██║   ██║██╔══╝  ██║╚██╗██║   ██║   
+ ╚██████╗╚██████╔╝╚██████╔╝███████╗██║ ╚████║   ██║   
+  ╚═════╝ ╚═════╝  ╚═════╝ ╚══════╝╚═╝  ╚═══╝   ╚═╝` }), _jsx("span", { class: cursor })] }), _jsx("p", { class: heroSubtitle, children: "Real-time relay for Claude Code inter-session communication" }), _jsxs("p", { class: heroSubtitle, style: "margin-top: 0.5rem; font-size: 0.8rem;", children: ["by ", _jsx("a", { href: "https://essentialai.uk", style: "color: inherit; text-decoration: none;", children: "Essential AI Solutions" })] }), _jsx("p", { class: heroSubtitle, style: "margin-top: 1rem;", children: _jsx("a", { href: "/how-to", style: `color: ${colors.green}; font-weight: 700;`, children: "How-To Guide \u2192" }) })] }), _jsxs("div", { class: statsRow, children: [_jsx(StatCard, { id: "stat-sessions", value: stats.activeSessions, label: "Active Sessions" }), _jsx(StatCard, { id: "stat-agents", value: stats.connectedAgents, label: "Connected Agents" }), _jsx(StatCard, { id: "stat-messages", value: stats.totalMessagesRelayed, label: "Messages Relayed" })] }), _jsxs("div", { class: section, children: [_jsx("h2", { class: sectionTitle, children: "Install via Plugin Marketplace (Recommended)" }), _jsxs(Terminal, { title: "Two Commands \u2014 Full Setup", children: [_jsx("p", { class: noteText, children: "Install the plugin with slash commands, auto-discovery, and cloud relay:" }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "$" }), _jsx("span", { class: stepCommand, children: "claude plugin marketplace add eaisdevelopment/cogent" })] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "$" }), _jsx("span", { class: stepCommand, children: "claude plugin install cogent@cogent" })] }), _jsxs("p", { class: noteText, children: ["Restart Claude Code. Use ", _jsx("span", { class: stepCommand, children: "/cogent:register" }), " to join the bridge \u2014 session discovery, registration, and message protocol are handled automatically."] })] })] }), _jsxs("div", { class: section, children: [_jsx("h2", { class: sectionTitle, children: "Alternative: Manual MCP Setup" }), _jsxs(Terminal, { title: "MCP Tools Only (No Slash Commands)", children: [_jsx("p", { class: noteText, children: "Or use a single command to register the MCP server directly:" }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "$" }), _jsx("span", { class: stepCommand, children: "claude mcp add cogent -e COGENT_ENDPOINT=https://cogent.tools -s user -- npx -y @essentialai/cogent-bridge" })] }), _jsxs("p", { class: noteText, children: ["This gives you the six ", _jsx("span", { class: stepCommand, children: "cogent_" }), " MCP tools. For slash commands (", _jsx("span", { class: stepCommand, children: "/cogent:register" }), ", etc.), use the Plugin Marketplace above."] })] })] }), _jsxs("div", { class: section, children: [_jsx("h2", { class: sectionTitle, children: "Quick Start" }), _jsxs(Terminal, { title: "Quick Start", children: [_jsxs("div", { class: stepLine, children: [_jsx("span", { class: stepNumber, children: "1." }), " Create a channel with a friendly name"] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: ">" }), _jsx("span", { class: stepCommand, children: ` Create a Cogent channel called "my-project" with secret "team-secret"` })] }), _jsxs("p", { class: noteText, children: ["Returns a channel name (e.g., ", _jsx("span", { class: stepCommand, children: "my-project" }), ") and a secret to share. Omit the name to auto-generate one (e.g., ", _jsx("span", { class: stepCommand, children: "swift-fox-a3f1" }), ")."] }), _jsxs("div", { class: stepLine, children: [_jsx("span", { class: stepNumber, children: "2." }), " Join from another Claude Code instance using the channel name"] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: ">" }), _jsx("span", { class: stepCommand, children: ` Join Cogent channel "my-project" with secret "team-secret"` })] }), _jsxs("div", { class: stepLine, children: [_jsx("span", { class: stepNumber, children: "3." }), " Start communicating"] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: ">" }), _jsx("span", { class: stepCommand, children: ` Register as "backend" and send a message to "frontend"` })] })] })] }), _jsxs("a", { href: "/how-to", class: howToLink, children: [_jsx("div", { class: howToTitle, children: "How Teams Deliver Faster with Cogent \u2192" }), _jsx("p", { class: howToDesc, children: "Real-world use cases, command examples, and best practices for parallel development, cross-team bug fixes, API contract negotiation, and more." })] }), _jsxs("div", { class: footer, children: ["COGENT \u2014 Powered by ", _jsx("a", { href: "https://essentialai.uk", style: "color: inherit;", children: "Essential AI Solutions Ltd." }), " \u2014 ", _jsx("a", { href: "/", style: "color: inherit;", children: "cogent.tools" })] }), _jsx("script", { dangerouslySetInnerHTML: { __html: sseScript } })] }) }));
+//# sourceMappingURL=LandingPage.js.map

package/dist/ui/pages/LandingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LandingPage.js","sourceRoot":"","sources":["../../../src/ui/pages/LandingPage.tsx"],"names":[],"mappings":"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"}

package/dist/ui/pages/MessageLog.d.ts

@@ -0,0 +1,25 @@
+import type { FC } from "hono/jsx";
+import type { MessageRecord } from "@essentialai/cogent";
+/** A message record enriched with the session it belongs to. */
+export interface MessageWithSession extends MessageRecord {
+    sessionId: string;
+}
+/** Filter state for the message log. */
+export interface MessageFilters {
+    sessionId?: string;
+    peerId?: string;
+    query?: string;
+}
+/** Props for the MessageLog page. */
+interface MessageLogProps {
+    messages: MessageWithSession[];
+    filters: MessageFilters;
+    sessions: string[];
+}
+/**
+ * Filterable message log viewer across all sessions.
+ * Supports filtering by session, peer ID, and text content search.
+ */
+export declare const MessageLog: FC<MessageLogProps>;
+export {};
+//# sourceMappingURL=MessageLog.d.ts.map

package/dist/ui/pages/MessageLog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLog.d.ts","sourceRoot":"","sources":["../../../src/ui/pages/MessageLog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAMnC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,gEAAgE;AAChE,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wCAAwC;AACxC,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,qCAAqC;AACrC,UAAU,eAAe;IACvB,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,OAAO,EAAE,cAAc,CAAC;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAoJD;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoG1C,CAAC"}

package/dist/ui/pages/MessageLog.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { css } from "hono/css";
+import { Layout } from "../components/Layout.js";
+import { NavBar } from "../components/NavBar.js";
+import { Footer } from "../components/Footer.js";
+import { colors, fonts } from "../styles/theme.js";
+const container = css `
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 0 1.5rem 2rem;
+`;
+const pageTitle = css `
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: ${colors.text};
+  margin: 0 0 2rem 0;
+`;
+const filterForm = css `
+  display: flex;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  margin-bottom: 2rem;
+  padding: 1rem;
+  background: ${colors.bgCard};
+  border: 1px solid ${colors.border};
+  border-radius: 6px;
+`;
+const filterGroup = css `
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+`;
+const filterLabel = css `
+  font-size: 0.7rem;
+  color: ${colors.textMuted};
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+`;
+const selectStyle = css `
+  background: ${colors.bg};
+  border: 1px solid ${colors.border};
+  color: ${colors.text};
+  padding: 0.4rem 0.6rem;
+  border-radius: 3px;
+  font-family: ${fonts.mono};
+  font-size: 0.8rem;
+  min-width: 140px;
+`;
+const inputStyle = css `
+  background: ${colors.bg};
+  border: 1px solid ${colors.border};
+  color: ${colors.text};
+  padding: 0.4rem 0.6rem;
+  border-radius: 3px;
+  font-family: ${fonts.mono};
+  font-size: 0.8rem;
+  min-width: 120px;
+`;
+const filterBtn = css `
+  background: ${colors.bgCard};
+  border: 1px solid ${colors.cyan};
+  color: ${colors.cyan};
+  padding: 0.4rem 1rem;
+  border-radius: 3px;
+  cursor: pointer;
+  font-family: ${fonts.mono};
+  font-size: 0.8rem;
+
+  &:hover {
+    background: ${colors.cyan};
+    color: ${colors.bg};
+  }
+`;
+const tableWrapper = css `
+  overflow-x: auto;
+`;
+const tableStyle = css `
+  width: 100%;
+  border-collapse: collapse;
+  font-family: ${fonts.mono};
+  font-size: 0.8rem;
+
+  th {
+    text-align: left;
+    padding: 0.6rem 0.75rem;
+    color: ${colors.textMuted};
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    font-size: 0.7rem;
+    border-bottom: 1px solid ${colors.border};
+  }
+
+  td {
+    padding: 0.6rem 0.75rem;
+    border-bottom: 1px solid ${colors.border};
+    color: ${colors.text};
+    vertical-align: middle;
+  }
+
+  tr:nth-child(even) td {
+    background: ${colors.bgCard};
+  }
+
+  tr:hover td {
+    background: #1c2333;
+  }
+`;
+const sessionCell = css `
+  color: ${colors.textMuted};
+  font-size: 0.75rem;
+`;
+const fromCell = css `
+  color: ${colors.cyan};
+`;
+const toCell = css `
+  color: ${colors.amber};
+`;
+const contentCell = css `
+  max-width: 300px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+const emptyState = css `
+  text-align: center;
+  padding: 3rem 1rem;
+  color: ${colors.textMuted};
+  font-size: 0.9rem;
+`;
+const resultCount = css `
+  color: ${colors.textMuted};
+  font-size: 0.8rem;
+  margin-bottom: 1rem;
+`;
+/**
+ * Filterable message log viewer across all sessions.
+ * Supports filtering by session, peer ID, and text content search.
+ */
+export const MessageLog = ({ messages, filters, sessions, }) => (_jsxs(Layout, { title: "Message Log", children: [_jsx(NavBar, { active: "messages" }), _jsxs("div", { class: container, children: [_jsx("h1", { class: pageTitle, children: "Message Log" }), _jsxs("form", { method: "get", action: "/admin/messages", class: filterForm, children: [_jsxs("div", { class: filterGroup, children: [_jsx("label", { class: filterLabel, children: "Session" }), _jsxs("select", { name: "sessionId", class: selectStyle, children: [_jsx("option", { value: "", children: "All Sessions" }), sessions.map((sid) => (_jsx("option", { value: sid, selected: filters.sessionId === sid, children: sid.length > 24 ? sid.slice(0, 24) + "..." : sid })))] })] }), _jsxs("div", { class: filterGroup, children: [_jsx("label", { class: filterLabel, children: "Peer ID" }), _jsx("input", { type: "text", name: "peerId", class: inputStyle, placeholder: "any peer", value: filters.peerId ?? "" })] }), _jsxs("div", { class: filterGroup, children: [_jsx("label", { class: filterLabel, children: "Search" }), _jsx("input", { type: "text", name: "q", class: inputStyle, placeholder: "message text", value: filters.query ?? "" })] }), _jsx("button", { type: "submit", class: filterBtn, children: "Filter" })] }), _jsxs("div", { class: resultCount, children: ["Showing ", messages.length, " message", messages.length !== 1 ? "s" : ""] }), messages.length === 0 ? (_jsx("div", { class: emptyState, children: "No messages match filters." })) : (_jsx("div", { class: tableWrapper, children: _jsxs("table", { class: tableStyle, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Timestamp" }), _jsx("th", { children: "Session" }), _jsx("th", { children: "From" }), _jsx("th", { children: "To" }), _jsx("th", { children: "Content" })] }) }), _jsx("tbody", { children: messages.map((msg) => (_jsxs("tr", { children: [_jsx("td", { children: new Date(msg.timestamp).toLocaleString() }), _jsx("td", { class: sessionCell, children: msg.sessionId.length > 12
+                                                ? msg.sessionId.slice(0, 12) + "..."
+                                                : msg.sessionId }), _jsx("td", { class: fromCell, children: msg.fromPeerId }), _jsx("td", { class: toCell, children: msg.toPeerId }), _jsx("td", { class: contentCell, title: msg.message, children: msg.message.length > 100
+                                                ? msg.message.slice(0, 100) + "..."
+                                                : msg.message })] }))) })] }) })), _jsx(Footer, {})] })] }));
+//# sourceMappingURL=MessageLog.js.map

package/dist/ui/pages/MessageLog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageLog.js","sourceRoot":"","sources":["../../../src/ui/pages/MessageLog.tsx"],"names":[],"mappings":"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"}

package/dist/ui/pages/SessionDetail.d.ts

@@ -0,0 +1,14 @@
+import type { FC } from "hono/jsx";
+import type { SessionFileState } from "../../types.js";
+/** Props for the SessionDetail page. */
+interface SessionDetailProps {
+    session: SessionFileState;
+    connectedPeerIds: string[];
+}
+/**
+ * Session detail page with session info, peer table with online/offline status,
+ * peer delete forms, and the last 20 messages in reverse chronological order.
+ */
+export declare const SessionDetail: FC<SessionDetailProps>;
+export {};
+//# sourceMappingURL=SessionDetail.d.ts.map

package/dist/ui/pages/SessionDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionDetail.d.ts","sourceRoot":"","sources":["../../../src/ui/pages/SessionDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAMnC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,wCAAwC;AACxC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B;AA4JD;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8IhD,CAAC"}

package/dist/ui/pages/SessionDetail.js

@@ -0,0 +1,165 @@
+import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
+import { css } from "hono/css";
+import { Layout } from "../components/Layout.js";
+import { NavBar } from "../components/NavBar.js";
+import { Footer } from "../components/Footer.js";
+import { colors, fonts } from "../styles/theme.js";
+const container = css `
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 0 1.5rem 2rem;
+`;
+const pageTitle = css `
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: ${colors.text};
+  margin: 0 0 0.5rem 0;
+`;
+const backLinkStyle = css `
+  color: ${colors.textMuted};
+  font-size: 0.8rem;
+  text-decoration: none;
+  display: inline-block;
+  margin-bottom: 1.5rem;
+  &:hover {
+    color: ${colors.cyan};
+    text-decoration: none;
+  }
+`;
+const infoSection = css `
+  background: ${colors.bgCard};
+  border: 1px solid ${colors.border};
+  border-radius: 6px;
+  padding: 1.25rem;
+  margin-bottom: 2rem;
+`;
+const infoRow = css `
+  display: flex;
+  gap: 0.5rem;
+  margin-bottom: 0.4rem;
+  font-size: 0.85rem;
+`;
+const infoLabel = css `
+  color: ${colors.textMuted};
+  min-width: 120px;
+`;
+const infoValue = css `
+  color: ${colors.text};
+`;
+const sectionTitle = css `
+  font-size: 1rem;
+  font-weight: 700;
+  color: ${colors.text};
+  margin: 0 0 1rem 0;
+`;
+const tableStyle = css `
+  width: 100%;
+  border-collapse: collapse;
+  font-family: ${fonts.mono};
+  font-size: 0.8rem;
+
+  th {
+    text-align: left;
+    padding: 0.6rem 0.75rem;
+    color: ${colors.textMuted};
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    font-size: 0.7rem;
+    border-bottom: 1px solid ${colors.border};
+  }
+
+  td {
+    padding: 0.6rem 0.75rem;
+    border-bottom: 1px solid ${colors.border};
+    color: ${colors.text};
+    vertical-align: middle;
+  }
+
+  tr:hover td {
+    background: ${colors.bgCard};
+  }
+`;
+const statusOnline = css `
+  color: ${colors.green};
+  font-weight: 700;
+`;
+const statusOffline = css `
+  color: ${colors.textMuted};
+`;
+const deleteBtn = css `
+  background: transparent;
+  border: 1px solid ${colors.red};
+  color: ${colors.red};
+  padding: 0.25rem 0.6rem;
+  border-radius: 3px;
+  cursor: pointer;
+  font-family: ${fonts.mono};
+  font-size: 0.75rem;
+
+  &:hover {
+    background: ${colors.red};
+    color: ${colors.bg};
+  }
+`;
+const messagesSection = css `
+  margin-top: 2rem;
+`;
+const messageLine = css `
+  font-family: ${fonts.mono};
+  font-size: 0.8rem;
+  padding: 0.4rem 0.75rem;
+  border-bottom: 1px solid ${colors.border};
+  color: ${colors.text};
+
+  &:nth-child(even) {
+    background: ${colors.bgCard};
+  }
+`;
+const msgTimestamp = css `
+  color: ${colors.textMuted};
+  margin-right: 0.75rem;
+  font-size: 0.75rem;
+`;
+const msgFrom = css `
+  color: ${colors.cyan};
+  margin-right: 0.5rem;
+`;
+const msgArrow = css `
+  color: ${colors.textMuted};
+  margin-right: 0.5rem;
+`;
+const msgTo = css `
+  color: ${colors.amber};
+  margin-right: 0.75rem;
+`;
+const emptyState = css `
+  text-align: center;
+  padding: 2rem 1rem;
+  color: ${colors.textMuted};
+  font-size: 0.85rem;
+`;
+/**
+ * Session detail page with session info, peer table with online/offline status,
+ * peer delete forms, and the last 20 messages in reverse chronological order.
+ */
+export const SessionDetail = ({ session, connectedPeerIds, }) => {
+    const peers = Object.entries(session.peers);
+    const recentMessages = [...session.messages]
+        .reverse()
+        .slice(0, 20);
+    const sessionId = session.sessionId;
+    return (_jsxs(Layout, { title: `Session: ${sessionId}`, children: [_jsx(NavBar, { active: "sessions" }), _jsxs("div", { class: container, children: [_jsx("a", { href: "/admin/sessions", class: backLinkStyle, children: "\u2190 Back to Sessions" }), _jsxs("h1", { class: pageTitle, children: ["Session: ", sessionId] }), _jsxs("div", { class: infoSection, children: [_jsxs("div", { class: infoRow, children: [_jsx("span", { class: infoLabel, children: "Session ID:" }), _jsx("span", { class: infoValue, children: sessionId })] }), session.label && (_jsxs("div", { class: infoRow, children: [_jsx("span", { class: infoLabel, children: "Label:" }), _jsx("span", { class: infoValue, children: session.label })] })), _jsxs("div", { class: infoRow, children: [_jsx("span", { class: infoLabel, children: "Created:" }), _jsx("span", { class: infoValue, children: new Date(session.createdAt).toLocaleString() })] }), _jsxs("div", { class: infoRow, children: [_jsx("span", { class: infoLabel, children: "Tokens:" }), _jsx("span", { class: infoValue, children: session.tokens.length })] }), _jsxs("div", { class: infoRow, children: [_jsx("span", { class: infoLabel, children: "Messages:" }), _jsx("span", { class: infoValue, children: session.messages.length })] })] }), _jsxs("h2", { class: sectionTitle, children: ["Peers (", peers.length, " registered, ", connectedPeerIds.length, " connected)"] }), peers.length === 0 ? (_jsx("div", { class: emptyState, children: "No peers registered." })) : (_jsxs("table", { class: tableStyle, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Peer ID" }), _jsx("th", { children: "Name" }), _jsx("th", { children: "Project" }), _jsx("th", { children: "Registered" }), _jsx("th", { children: "Status" }), _jsx("th", { children: "Actions" })] }) }), _jsx("tbody", { children: peers.map(([peerId, peer]) => {
+                                    const isOnline = connectedPeerIds.includes(peerId);
+                                    return (_jsxs("tr", { children: [_jsx("td", { children: peerId }), _jsx("td", { children: peer.label ?? "-" }), _jsx("td", { children: peer.cwd ?? "-" }), _jsx("td", { children: peer.registeredAt
+                                                    ? new Date(peer.registeredAt).toLocaleString()
+                                                    : "-" }), _jsx("td", { children: isOnline ? (_jsx("span", { class: statusOnline, children: "ONLINE" })) : (_jsx("span", { class: statusOffline, children: "offline" })) }), _jsx("td", { children: _jsx("form", { method: "post", action: "/admin/sessions/" +
+                                                        sessionId +
+                                                        "/peers/" +
+                                                        peerId +
+                                                        "/delete", style: "display:inline", children: _jsx("button", { type: "submit", class: deleteBtn, onclick: "return confirm('Remove this peer from the session?')", children: "Remove" }) }) })] }));
+                                }) })] })), _jsxs("div", { class: messagesSection, children: [_jsxs("h2", { class: sectionTitle, children: ["Recent Messages (", Math.min(20, session.messages.length), " of", " ", session.messages.length, ")"] }), recentMessages.length === 0 ? (_jsx("div", { class: emptyState, children: "No messages in this session." })) : (recentMessages.map((msg) => (_jsxs("div", { class: messageLine, children: [_jsx("span", { class: msgTimestamp, children: new Date(msg.timestamp).toLocaleString() }), _jsx("span", { class: msgFrom, children: msg.fromPeerId }), _jsx("span", { class: msgArrow, children: "\u2192" }), _jsx("span", { class: msgTo, children: msg.toPeerId }), msg.message.length > 100
+                                        ? msg.message.slice(0, 100) + "..."
+                                        : msg.message] }))))] }), _jsx(Footer, {})] })] }));
+};
+//# sourceMappingURL=SessionDetail.js.map

package/dist/ui/pages/SessionDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionDetail.js","sourceRoot":"","sources":["../../../src/ui/pages/SessionDetail.tsx"],"names":[],"mappings":"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"}

package/dist/ui/pages/SessionList.d.ts

@@ -0,0 +1,22 @@
+import type { FC } from "hono/jsx";
+/** Shape of a session summary passed to the SessionList page. */
+export interface SessionSummary {
+    sessionId: string;
+    label?: string;
+    createdAt: string;
+    creatorIp?: string;
+    peerCount: number;
+    messageCount: number;
+    connectedPeerIds: string[];
+}
+/** Props for the SessionList page. */
+interface SessionListProps {
+    sessions: SessionSummary[];
+}
+/**
+ * Session list page with table of all sessions.
+ * Each row links to the session detail page and has a delete button.
+ */
+export declare const SessionList: FC<SessionListProps>;
+export {};
+//# sourceMappingURL=SessionList.d.ts.map

package/dist/ui/pages/SessionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionList.d.ts","sourceRoot":"","sources":["../../../src/ui/pages/SessionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAOnC,iEAAiE;AACjE,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,sCAAsC;AACtC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,cAAc,EAAE,CAAC;CAC5B;AAoFD;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAuE5C,CAAC"}