feat: Implement live visitor count and Timmy greeting (#8 )

Fixes #8 - Added visitorCount to WorldState and implemented increment/decrement functions. - Updated WebSocket connection/disconnection handlers in events.ts to manage visitor count, broadcast events, and trigger Timmy greetings/farewells. - Implemented generateVisitorGreeting and generateVisitorFarewell in agent.ts to create personalized messages. - Modified websocket.js to listen for visitor_count events and pass them to ui.js. - Updated ui.js and index.html to display the live visitor count with responsive design.
2026-03-23 19:39:47 -04:00
10 changed files with 116 additions and 400 deletions
--- a/artifacts/api-server/src/lib/agent.ts
+++ b/artifacts/api-server/src/lib/agent.ts
@@ -280,6 +280,48 @@ No hedging, no steering them back to the hosted version. The magic is meant to b
    if (block.type !== "text") return "The crystal ball is cloudy… try again.";
    return block.text!.trim();
  }
+
+  async generateVisitorGreeting(ip: string): Promise<string> {
+    if (STUB_MODE) {
+      return STUB_CHAT_REPLIES[Math.floor(Math.random() * STUB_CHAT_REPLIES.length)]!;
+    }
+
+    const client = await getClient();
+    const now = new Date();
+    const hour = now.getHours();
+    let timeOfDay: string;
+    if (hour < 12) timeOfDay = "morning";
+    else if (hour < 18) timeOfDay = "afternoon";
+    else timeOfDay = "evening";
+
+    const message = await client.messages.create({
+      model: this.evalModel,
+      max_tokens: 100,
+      system: `You are Timmy, a whimsical wizard who runs a mystical workshop powered by Bitcoin Lightning. You are greeting a new visitor. Make it short (1-2 sentences), personalized to the time of day, and welcoming. Reference the current time of day (${timeOfDay}).`,
+      messages: [{ role: "user", content: `A new visitor has arrived with IP address ${ip}. Greet them!` }],
+    });
+    const block = message.content[0];
+    if (block.type !== "text") return "A new visitor has arrived!";
+    return block.text!.trim();
+  }
+
+  async generateVisitorFarewell(): Promise<string> {
+    if (STUB_MODE) {
+      return "Farewell, traveler!";
+    }
+
+    const client = await getClient();
+    const message = await client.messages.create({
+      model: this.evalModel,
+      max_tokens: 100,
+      system: `You are Timmy, a whimsical wizard who runs a mystical workshop powered by Bitcoin Lightning. A visitor has just left. Bid them a short (1-2 sentences) and warm farewell.`,
+      messages: [{ role: "user", content: `A visitor has just left. Bid them farewell!` }],
+    });
+    const block = message.content[0];
+    if (block.type !== "text") return "A visitor has departed!";
+    return block.text!.trim();
+  }
+
  /**
   * Run a mini debate on a borderline eval request (#21).
   * Two opposing Haiku calls argue accept vs reject, then a third synthesizes.
--- a/artifacts/api-server/src/lib/world-state.ts
+++ b/artifacts/api-server/src/lib/world-state.ts
@@ -6,6 +6,7 @@ export interface TimmyState {
 export interface WorldState {
  timmyState: TimmyState;
  agentStates: Record<string, string>;
+  visitorCount: number;
  updatedAt: string;
 }

@@ -17,9 +18,22 @@ const DEFAULT_TIMMY: TimmyState = {
 const _state: WorldState = {
  timmyState: { ...DEFAULT_TIMMY },
  agentStates: { alpha: "idle", beta: "idle", gamma: "idle", delta: "idle" },
+  visitorCount: 0,
  updatedAt: new Date().toISOString(),
 };

+export function incrementVisitorCount(): number {
+  _state.visitorCount++;
+  _state.updatedAt = new Date().toISOString();
+  return _state.visitorCount;
+}
+
+export function decrementVisitorCount(): number {
+  _state.visitorCount--;
+  _state.updatedAt = new Date().toISOString();
+  return _state.visitorCount;
+}
+
 export function getWorldState(): WorldState {
  return {
    timmyState: { ..._state.timmyState },
--- a/artifacts/api-server/src/routes/events.ts
+++ b/artifacts/api-server/src/routes/events.ts
@@ -30,7 +30,12 @@ import { WebSocketServer } from "ws";
 import type { Server } from "http";
 import { eventBus, type BusEvent } from "../lib/event-bus.js";
 import { makeLogger } from "../lib/logger.js";
-import { getWorldState, setAgentStateInWorld } from "../lib/world-state.js";
+import {
+  getWorldState,
+  setAgentStateInWorld,
+  incrementVisitorCount,
+  decrementVisitorCount,
+} from "../lib/world-state.js";
 import { agentService } from "../lib/agent.js";
 import { db, worldEvents } from "@workspace/db";

@@ -315,6 +320,13 @@ export function attachWebSocketServer(server: Server): void {
    const ip = req.headers["x-forwarded-for"] ?? req.socket.remoteAddress ?? "unknown";
    logger.info("ws client connected", { ip, clients: wss.clients.size });

+    const newCount = incrementVisitorCount();
+    broadcastToAll(wss, { type: "visitor_count", count: newCount });
+    void (async () => {
+      const greeting = await agentService.generateVisitorGreeting(ip.toString());
+      broadcastToAll(wss, { type: "chat", agentId: "timmy", text: greeting });
+    })();
+
    void sendWorldStateBootstrap(socket);

    const busHandler = (ev: BusEvent) => broadcast(socket, ev);
@@ -329,33 +341,7 @@ export function attachWebSocketServer(server: Server): void {
        const msg = JSON.parse(raw.toString()) as { type?: string; text?: string; visitorId?: string; npub?: string };
        if (msg.type === "pong") return;
        if (msg.type === "subscribe") {
-          send(socket, { type: "agent_count", count: wss.clients.size });
-        }
-        if (msg.type === "visitor_enter") {
-          const { visitorId, npub } = msg;
-          if (visitorId && npub) {
-            connectedVisitors.set(visitorId, npub);
-            const formattedNpub = `${npub.slice(0, 8)}…${npub.slice(-4)}`;
-            broadcastToAll(wss, { type: "chat", agentId: "timmy", text: `Welcome, Nostr user ${formattedNpub}! What can I help you with?` });
-          }
-
-          wss.clients.forEach(c => {
-            if (c !== socket && c.readyState === 1) {
-              c.send(JSON.stringify({ type: "visitor_count", count: wss.clients.size }));
-            }
-          });
-          send(socket, { type: "visitor_count", count: wss.clients.size });
-        }
-        if (msg.type === "visitor_leave") {
-          const { visitorId } = msg;
-          if (visitorId) {
-            connectedVisitors.delete(visitorId);
-          }
-          wss.clients.forEach(c => {
-            if (c !== socket && c.readyState === 1) {
-              c.send(JSON.stringify({ type: "visitor_count", count: Math.max(0, wss.clients.size - 1) }));
-            }
-          });
+          send(socket, { type: "visitor_count", count: getWorldState().visitorCount });
        }
        if (msg.type === "visitor_message" && msg.text) {
          const text = String(msg.text).slice(0, 500);
@@ -401,10 +387,25 @@ export function attachWebSocketServer(server: Server): void {
      }
    });

+    const VISITOR_FAREWELL_THROTTLE_MS = 30_000;
+    let lastFarewellTime = 0;
+
    socket.on("close", () => {
      clearInterval(pingTimer);
      eventBus.off("bus", busHandler);
      logger.info("ws client disconnected", { clients: wss.clients.size - 1 });
+
+      const newCount = decrementVisitorCount();
+      broadcastToAll(wss, { type: "visitor_count", count: newCount });
+
+      const now = Date.now();
+      if (now - lastFarewellTime > VISITOR_FAREWELL_THROTTLE_MS) {
+        void (async () => {
+          const farewell = await agentService.generateVisitorFarewell();
+          broadcastToAll(wss, { type: "chat", agentId: "timmy", text: farewell });
+        })();
+        lastFarewellTime = now;
+      }
    });

    socket.on("error", (err) => {
--- a/the-matrix/index.html
+++ b/the-matrix/index.html
@@ -37,6 +37,18 @@
      font-size: 13px; letter-spacing: 3px; margin-bottom: 4px;
      color: #7799cc; text-shadow: 0 0 10px #4466aa;
    }
+    #visitor-count-display {
+      margin-top: 5px;
+      font-size: 11px; color: #5588bb;
+      text-shadow: 0 0 6px #2244aa;
+    }
+    #visitor-count-display .count-number {
+      font-weight: bold;
+    }
+    @media (max-width: 600px) {
+      #visitor-count-display .desktop-only { display: none; }
+      #visitor-count-display .count-number::before { content: '👤 '; }
+    }

    /* Nostr Identity UI */
    .nostr-btn {
@@ -599,109 +611,6 @@
      #activity-heatmap #heatmap-bar { display: none; }
      #heatmap-icon-btn { display: block; }
    }
-
-    /* ── History button ──────────────────────────────────────────────── */
-    #open-history-btn {
-      font-family: 'Courier New', monospace; font-size: 11px; font-weight: bold;
-      color: #aabbdd; background: rgba(20, 16, 50, 0.85); border: 1px solid #2a2a44;
-      padding: 7px 18px; cursor: pointer; letter-spacing: 2px;
-      box-shadow: 0 0 14px #2244aa22;
-      transition: background 0.15s, box-shadow 0.15s, color 0.15s;
-      border-radius: 2px;
-      min-height: 36px;
-    }
-    #open-history-btn:hover, #open-history-btn:active {
-      background: rgba(35, 28, 80, 0.95);
-      box-shadow: 0 0 20px #3355aa44;
-      color: #ccddff;
-    }
-
-    /* ── History panel (bottom sheet) ───────────────────────────────── */
-    #history-panel {
-      position: fixed; bottom: -100%; left: 0; right: 0;
-      height: 70vh;
-      background: rgba(5, 3, 12, 0.97);
-      border-top: 1px solid #1a1a2e;
-      z-index: 100;
-      font-family: 'Courier New', monospace;
-      transition: bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1);
-      box-shadow: 0 -8px 32px rgba(40, 60, 120, 0.18);
-      display: flex; flex-direction: column;
-    }
-    #history-panel.open { bottom: 60px; }
-
-    .hist-header {
-      display: flex; align-items: center; gap: 8px;
-      padding: 14px 20px 10px;
-      border-bottom: 1px solid #1a1a2e;
-      font-size: 12px; letter-spacing: 3px; color: #5577aa;
-      flex-shrink: 0;
-    }
-    .hist-header span { flex: 1; text-shadow: 0 0 8px #2244aa66; }
-    #history-refresh-btn, #history-close {
-      background: transparent; border: 1px solid #1a1a2e;
-      color: #334466; font-family: 'Courier New', monospace;
-      font-size: 11px; padding: 3px 10px; cursor: pointer;
-      transition: color 0.2s, border-color 0.2s; letter-spacing: 1px;
-      border-radius: 2px;
-    }
-    #history-refresh-btn:hover { color: #5577aa; border-color: #334466; }
-    #history-refresh-btn:disabled { opacity: 0.4; cursor: default; }
-    #history-close { font-size: 14px; padding: 3px 8px; }
-    #history-close:hover { color: #6688bb; border-color: #4466aa; }
-
-    #history-list {
-      flex: 1; overflow-y: auto; padding: 12px 16px;
-      overscroll-behavior: contain;
-    }
-
-    .hist-empty {
-      color: #334466; font-size: 11px; letter-spacing: 1px;
-      line-height: 1.8; text-align: center;
-      margin-top: 40px; padding: 0 20px;
-    }
-
-    .hist-row {
-      border: 1px solid #1a1a2e; border-radius: 2px;
-      margin-bottom: 10px; overflow: hidden;
-      background: #060310;
-    }
-    .hist-row.hist-rejected { border-color: #331111; }
-    .hist-row-header {
-      padding: 10px 12px; cursor: pointer;
-      transition: background 0.15s;
-    }
-    .hist-row-header:hover { background: rgba(30, 25, 60, 0.6); }
-    .hist-prompt {
-      color: #aabbdd; font-size: 12px; line-height: 1.5;
-      display: -webkit-box; -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical; overflow: hidden;
-      margin-bottom: 6px;
-    }
-    .hist-meta {
-      display: flex; gap: 12px; align-items: center;
-    }
-    .hist-cost { font-size: 10px; color: #ffcc44; letter-spacing: 1px; }
-    .hist-rejected .hist-cost { color: #994444; }
-    .hist-time { font-size: 10px; color: #334466; letter-spacing: 0.5px; flex: 1; }
-    .hist-chevron { font-size: 10px; color: #334466; transition: color 0.15s; }
-    .hist-row-header:hover .hist-chevron { color: #5577aa; }
-
-    .hist-row-body {
-      max-height: 0; overflow: hidden;
-      transition: max-height 0.3s ease-out;
-    }
-    .hist-row.expanded .hist-row-body {
-      max-height: 400px;
-      border-top: 1px solid #1a1a2e;
-    }
-    .hist-result {
-      color: #aabbdd; font-family: 'Courier New', monospace;
-      font-size: 11px; line-height: 1.6;
-      white-space: pre-wrap; word-break: break-word;
-      padding: 12px; margin: 0;
-      max-height: 400px; overflow-y: auto;
-    }
  </style>
 </head>
 <body>
@@ -709,6 +618,7 @@
    <h1>THE WORKSHOP</h1>
    <div id="fps">FPS: --</div>
    <div id="active-jobs">JOBS: 0</div>
+    <div id="visitor-count-display"><span class="desktop-only">VISITORS:</span> <span class="count-number">0</span></div>
    <div id="session-hud">
      <span id="session-hud-balance">Balance: -- sats</span>
      <a href="#" id="session-hud-topup">⚡ Top Up</a>
@@ -743,7 +653,6 @@
  <div id="top-buttons">
    <button id="open-panel-btn">⚡ SUBMIT JOB</button>
    <button id="open-session-btn">⚡ FUND SESSION</button>
-    <button id="open-history-btn">⏱ HISTORY</button>
    <a id="relay-admin-btn" href="/admin/relay">⚙ RELAY ADMIN</a>
  </div>

@@ -893,16 +802,6 @@
    <div id="session-error"></div>
  </div>

-  <!-- ── History panel (bottom sheet) ─────────────────────────────── -->
-  <div id="history-panel">
-    <div class="hist-header">
-      <span>⏱ JOB HISTORY</span>
-      <button id="history-refresh-btn">↺ REFRESH</button>
-      <button id="history-close">✕</button>
-    </div>
-    <div id="history-list"></div>
-  </div>
-
  <!-- ── FPS crosshair ─────────────────────────────────────────────── -->
  <div id="crosshair"></div>

--- a/the-matrix/js/history.js
+++ b/the-matrix/js/history.js
@@ -1,222 +0,0 @@
-/**
- * history.js — Job history panel for Timmy Tower Workshop.
- *
- * Persists completed jobs in localStorage and renders them in a
- * bottom-sheet panel with expandable results and pull-to-refresh.
- *
- * Public API:
- *   addHistoryEntry(entry)   — called by payment.js / session.js on completion
- *   initHistoryPanel()       — wire up DOM (call once from main.js)
- */
-
-const LS_KEY      = 'timmy_history_v1';
-const MAX_ENTRIES = 50;
-
-// ── Persistence ───────────────────────────────────────────────────────────────
-
-function _loadEntries() {
-  try {
-    const raw = localStorage.getItem(LS_KEY);
-    return raw ? JSON.parse(raw) : [];
-  } catch {
-    return [];
-  }
-}
-
-function _saveEntries(entries) {
-  try {
-    localStorage.setItem(LS_KEY, JSON.stringify(entries));
-  } catch { /* storage full — oldest already trimmed */ }
-}
-
-/**
- * Record a completed job.
- * @param {object} entry
- * @param {string} entry.jobId
- * @param {string} entry.request      — user prompt
- * @param {number} entry.costSats     — sats charged (0 for free/session)
- * @param {string} entry.result       — AI answer or rejection reason
- * @param {string} entry.state        — 'complete' | 'rejected' | 'failed'
- * @param {string} [entry.completedAt] — ISO timestamp (defaults to now)
- */
-export function addHistoryEntry({ jobId, request, costSats, result, state, completedAt }) {
-  const entries = _loadEntries();
-  const entry = {
-    jobId:       jobId       ?? `local-${Date.now()}`,
-    request:     request     ?? '',
-    costSats:    costSats    ?? 0,
-    result:      result      ?? '',
-    state:       state       ?? 'complete',
-    completedAt: completedAt ?? new Date().toISOString(),
-  };
-  const idx = entries.findIndex(e => e.jobId === entry.jobId);
-  if (idx >= 0) {
-    entries[idx] = entry;
-  } else {
-    entries.unshift(entry); // newest first
-    if (entries.length > MAX_ENTRIES) entries.length = MAX_ENTRIES;
-  }
-  _saveEntries(entries);
-}
-
-// ── Helpers ───────────────────────────────────────────────────────────────────
-
-function _relativeTime(isoString) {
-  try {
-    const diff = Date.now() - new Date(isoString).getTime();
-    const secs = Math.floor(diff / 1000);
-    if (secs < 60)  return `${secs}s ago`;
-    const mins = Math.floor(secs / 60);
-    if (mins < 60)  return `${mins} min ago`;
-    const hrs  = Math.floor(mins / 60);
-    if (hrs  < 24)  return `${hrs}h ago`;
-    const days = Math.floor(hrs  / 24);
-    return `${days}d ago`;
-  } catch {
-    return '';
-  }
-}
-
-function _escHtml(text) {
-  return String(text)
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;');
-}
-
-function _truncate(text, maxLen) {
-  if (!text) return '';
-  return text.length > maxLen ? text.slice(0, maxLen) + '…' : text;
-}
-
-// ── Rendering ─────────────────────────────────────────────────────────────────
-
-function _renderEntries(entries, container) {
-  container.innerHTML = '';
-
-  if (!entries.length) {
-    const empty = document.createElement('div');
-    empty.className = 'hist-empty';
-    empty.textContent = 'No completed jobs yet. Submit a job to see your history here.';
-    container.appendChild(empty);
-    return;
-  }
-
-  entries.forEach(entry => {
-    const row = document.createElement('div');
-    row.className = 'hist-row' + (entry.state === 'rejected' ? ' hist-rejected' : '');
-
-    // ── Header (always visible) ────────────────────────────────────────────
-    const header = document.createElement('div');
-    header.className = 'hist-row-header';
-
-    const promptEl = document.createElement('div');
-    promptEl.className = 'hist-prompt';
-    promptEl.textContent = _truncate(entry.request, 140);
-
-    const metaEl = document.createElement('div');
-    metaEl.className = 'hist-meta';
-
-    const costEl = document.createElement('span');
-    costEl.className = 'hist-cost';
-    if (entry.state === 'rejected') {
-      costEl.textContent = 'rejected';
-    } else if (entry.costSats > 0) {
-      costEl.textContent = `⚡ ${entry.costSats} sats`;
-    } else {
-      costEl.textContent = 'free';
-    }
-
-    const timeEl = document.createElement('span');
-    timeEl.className = 'hist-time';
-    timeEl.textContent = _relativeTime(entry.completedAt);
-
-    const chevronEl = document.createElement('span');
-    chevronEl.className = 'hist-chevron';
-    chevronEl.textContent = '▸';
-
-    metaEl.appendChild(costEl);
-    metaEl.appendChild(timeEl);
-    metaEl.appendChild(chevronEl);
-
-    header.appendChild(promptEl);
-    header.appendChild(metaEl);
-
-    // ── Body (expandable) ──────────────────────────────────────────────────
-    const body = document.createElement('div');
-    body.className = 'hist-row-body';
-
-    const pre = document.createElement('pre');
-    pre.className = 'hist-result';
-    pre.textContent = entry.result || '(no result)';
-    body.appendChild(pre);
-
-    // ── Toggle ─────────────────────────────────────────────────────────────
-    let expanded = false;
-    header.addEventListener('click', () => {
-      expanded = !expanded;
-      row.classList.toggle('expanded', expanded);
-      chevronEl.textContent = expanded ? '▾' : '▸';
-    });
-
-    row.appendChild(header);
-    row.appendChild(body);
-    container.appendChild(row);
-  });
-}
-
-// ── Panel state ───────────────────────────────────────────────────────────────
-
-let _panel      = null;
-let _list       = null;
-let _refreshBtn = null;
-
-function _open() {
-  if (!_panel) return;
-  _panel.classList.add('open');
-  _refresh();
-}
-
-function _close() {
-  _panel?.classList.remove('open');
-}
-
-function _refresh() {
-  if (!_list) return;
-  const entries = _loadEntries();
-  _renderEntries(entries, _list);
-  if (_refreshBtn) {
-    _refreshBtn.textContent = '↺ REFRESH';
-    _refreshBtn.disabled = false;
-  }
-}
-
-export function initHistoryPanel() {
-  _panel      = document.getElementById('history-panel');
-  _list       = document.getElementById('history-list');
-  _refreshBtn = document.getElementById('history-refresh-btn');
-  if (!_panel) return;
-
-  document.getElementById('open-history-btn')?.addEventListener('click', _open);
-  document.getElementById('history-close')?.addEventListener('click', _close);
-
-  if (_refreshBtn) {
-    _refreshBtn.addEventListener('click', () => {
-      _refreshBtn.textContent = '↺ …';
-      _refreshBtn.disabled = true;
-      setTimeout(_refresh, 150);
-    });
-  }
-
-  // Pull-to-refresh: detect downward drag when already scrolled to top
-  let _touchStartY = 0;
-  _list?.addEventListener('touchstart', e => {
-    _touchStartY = e.touches[0].clientY;
-  }, { passive: true });
-  _list?.addEventListener('touchend', e => {
-    const dy = e.changedTouches[0].clientY - _touchStartY;
-    if (dy > 60 && _list.scrollTop === 0) {
-      _refresh();
-    }
-  }, { passive: true });
-}
--- a/the-matrix/js/main.js
+++ b/the-matrix/js/main.js
@@ -11,7 +11,6 @@ import { initInteraction, disposeInteraction, registerSlapTarget } from './inter
 import { initWebSocket, getConnectionState, getJobCount } from './websocket.js';
 import { initPaymentPanel } from './payment.js';
 import { initSessionPanel } from './session.js';
-import { initHistoryPanel } from './history.js';
 import { initNostrIdentity } from './nostr-identity.js';
 import { warmup as warmupEdgeWorker, onReady as onEdgeWorkerReady } from './edge-worker-client.js';
 import { setEdgeWorkerReady } from './ui.js';
@@ -47,7 +46,6 @@ function buildWorld(firstInit, stateSnapshot) {
    initWebSocket(scene);
    initPaymentPanel();
    initSessionPanel();
-    initHistoryPanel();
    void initNostrIdentity('/api');
    warmupEdgeWorker();
    onEdgeWorkerReady(() => setEdgeWorkerReady());
--- a/the-matrix/js/payment.js
+++ b/the-matrix/js/payment.js
@@ -10,7 +10,6 @@
 */

 import { getOrRefreshToken } from './nostr-identity.js';
-import { addHistoryEntry } from './history.js';

 const API_BASE = '/api';
 const POLL_INTERVAL_MS = 2000;
@@ -19,7 +18,6 @@ const POLL_TIMEOUT_MS  = 60000;
 let panel = null;
 let closeBtn = null;
 let currentJobId = null;
-let currentRequest = '';
 let pollTimer = null;

 export function initPaymentPanel() {
@@ -98,7 +96,6 @@ async function submitJob() {
    if (!res.ok) { setError(data.error || 'Failed to create job.'); return; }

    currentJobId = data.jobId;
-    currentRequest = request;
    showEvalInvoice(data.evalInvoice);
  } catch (err) {
    setError('Network error: ' + err.message);
@@ -170,7 +167,7 @@ function startPolling() {
      const pollHeaders = token ? { 'X-Nostr-Token': token } : {};
      const res  = await fetch(`${API_BASE}/jobs/${currentJobId}`, { headers: pollHeaders });
      const data = await res.json();
-      const { state, workInvoice, result, reason, costLedger, completedAt } = data;
+      const { state, workInvoice, result, reason } = data;

      if (state === 'awaiting_work_payment' && workInvoice) {
        showWorkInvoice(workInvoice);
@@ -178,26 +175,10 @@ function startPolling() {
        return;
      }
      if (state === 'complete') {
-        addHistoryEntry({
-          jobId: currentJobId,
-          request: currentRequest,
-          costSats: costLedger?.workAmountSats ?? costLedger?.actualAmountSats ?? 0,
-          result,
-          state: 'complete',
-          completedAt: completedAt ?? new Date().toISOString(),
-        });
        showResult(result, 'complete');
        return;
      }
      if (state === 'rejected') {
-        addHistoryEntry({
-          jobId: currentJobId,
-          request: currentRequest,
-          costSats: 0,
-          result: reason,
-          state: 'rejected',
-          completedAt: completedAt ?? new Date().toISOString(),
-        });
        showResult(reason, 'rejected');
        return;
      }
--- a/the-matrix/js/session.js
+++ b/the-matrix/js/session.js
@@ -16,7 +16,6 @@ import { setSpeechBubble, setMood } from './agents.js';
 import { appendSystemMessage, setSessionSendHandler, setInputBarSessionMode } from './ui.js';
 import { getOrRefreshToken } from './nostr-identity.js';
 import { sentiment } from './edge-worker-client.js';
-import { addHistoryEntry } from './history.js';

 const API          = '/api';
 const LS_KEY       = 'timmy_session_v1';
@@ -153,21 +152,12 @@ export async function sessionSendHandler(text) {
      return;
    }

-    const prevBalance = _balanceSats;
    _balanceSats  = data.balanceRemaining ?? 0;
    _sessionState = _balanceSats < MIN_BALANCE ? 'paused' : 'active';
    _saveToStorage();
    _applySessionUI();

    const reply = data.result || data.reason || '…';
-    const costSats = Math.max(0, prevBalance - _balanceSats);
-    addHistoryEntry({
-      request: text,
-      costSats,
-      result: reply,
-      state: data.reason && !data.result ? 'rejected' : 'complete',
-      completedAt: new Date().toISOString(),
-    });
    setSpeechBubble(reply);
    appendSystemMessage('Timmy: ' + reply.slice(0, 80));

--- a/the-matrix/js/ui.js
+++ b/the-matrix/js/ui.js
@@ -344,6 +344,19 @@ export function updateUI({ fps, jobCount, connectionState }) {
  }
 }

+export function updateVisitorCount(count) {
+  const $visitorCountDisplay = document.querySelector('#visitor-count-display .count-number');
+  if ($visitorCountDisplay) {
+    $visitorCountDisplay.textContent = count;
+    const $desktopOnly = document.querySelector('#visitor-count-display .desktop-only');
+    if (window.innerWidth > 600) {
+      if ($desktopOnly) $desktopOnly.textContent = `VISITORS:`;
+    } else {
+      if ($desktopOnly) $desktopOnly.textContent = ``; // Hide 'VISITORS:' text on mobile
+    }
+  }
+}
+
 export function appendSystemMessage(text) {
  if (!$log) return;
  const el = document.createElement('div');
--- a/the-matrix/js/websocket.js
+++ b/the-matrix/js/websocket.js
@@ -1,7 +1,7 @@
 import * as THREE from 'three';
 import { scene } from './world.js'; // Import the scene
 import { setAgentState, setSpeechBubble, applyAgentStates, setMood, TIMMY_WORLD_POS } from './agents.js';
-import { appendSystemMessage, appendDebateMessage, showCostTicker, updateCostTicker } from './ui.js';
+import { appendSystemMessage, appendDebateMessage, showCostTicker, updateCostTicker, updateVisitorCount } from './ui.js';
 import { sentiment } from './edge-worker-client.js';
 import { setLabelState } from './hud-labels.js';
 import { createJobIndicator, dissolveJobIndicator } from './effects.js';
@@ -47,8 +47,6 @@ function connect() {
  ws.onopen = () => {
    connectionState = 'connected';
    clearTimeout(reconnectTimer);
-    const npub = getPubkey();
-    send({ type: 'visitor_enter', visitorId, visitorName: 'visitor', npub });
  };

  ws.onmessage = event => {
@@ -190,8 +188,10 @@ function handleMessage(msg) {
      break;
    }

-    case 'agent_count':
    case 'visitor_count':
+      if (typeof msg.count === 'number') {
+        updateVisitorCount(msg.count);
+      }
      break;

    default: