@bradygaster/squad-cli 0.8.22 → 0.8.24

package/dist/remote-ui/app.js

@@ -0,0 +1,334 @@
+/**
+ * Squad Remote Control — PTY Terminal PWA
+ * Raw terminal rendering via xterm.js + WebSocket
+ */
+(function () {
+  'use strict';
+
+  let ws = null;
+  let connected = false;
+  let replaying = false;
+  let reconnectDelay = 1000;
+
+  const $ = (sel) => document.querySelector(sel);
+  const terminal = $('#terminal');
+  const inputEl = $('#input');
+  const formEl = $('#input-form');
+  const statusEl = $('#status-indicator');
+  const statusText = $('#status-text');
+  const permOverlay = $('#permission-overlay');
+  const dashboard = $('#dashboard');
+  const termContainer = $('#terminal-container');
+  let currentView = 'terminal'; // 'dashboard' or 'terminal'
+
+  // ─── xterm.js Terminal ───────────────────────────────────
+  let xterm = null;
+  let fitAddon = null;
+
+  function initXterm() {
+    if (xterm) return;
+    xterm = new Terminal({
+      theme: {
+        background: '#0d1117',
+        foreground: '#c9d1d9',
+        cursor: '#3fb950',
+        selectionBackground: '#264f78',
+        black: '#0d1117',
+        red: '#f85149',
+        green: '#3fb950',
+        yellow: '#d29922',
+        blue: '#58a6ff',
+        magenta: '#bc8cff',
+        cyan: '#39c5cf',
+        white: '#c9d1d9',
+        brightBlack: '#6e7681',
+        brightRed: '#f85149',
+        brightGreen: '#3fb950',
+        brightYellow: '#d29922',
+        brightBlue: '#58a6ff',
+        brightMagenta: '#bc8cff',
+        brightCyan: '#39c5cf',
+        brightWhite: '#f0f6fc',
+      },
+      fontFamily: "'Cascadia Code', 'SF Mono', 'Fira Code', 'Menlo', monospace",
+      fontSize: 13,
+      scrollback: 5000,
+      cursorBlink: true,
+    });
+
+    fitAddon = new FitAddon.FitAddon();
+    xterm.loadAddon(fitAddon);
+    xterm.open(termContainer);
+    fitAddon.fit();
+
+    // Send terminal size to PTY so copilot renders correctly
+    function sendResize() {
+      if (ws && ws.readyState === WebSocket.OPEN && xterm) {
+        ws.send(JSON.stringify({ type: 'pty_resize', cols: xterm.cols, rows: xterm.rows }));
+      }
+    }
+
+    // Handle resize
+    window.addEventListener('resize', () => {
+      if (fitAddon) { fitAddon.fit(); sendResize(); }
+    });
+
+    // Send initial size
+    setTimeout(sendResize, 500);
+
+    // Keyboard input → send to bridge → PTY
+    xterm.onData((data) => {
+      if (ws && ws.readyState === WebSocket.OPEN) {
+        ws.send(JSON.stringify({ type: 'pty_input', data }));
+      }
+    });
+  }
+
+  // ─── Dashboard ───────────────────────────────────────────
+  let showOffline = false;
+
+  async function loadSessions() {
+    try {
+      const resp = await fetch('/api/sessions');
+      const data = await resp.json();
+      renderDashboard(data.sessions || []);
+    } catch (err) {
+      dashboard.innerHTML = '<div style="padding:12px;color:var(--red)">' + escapeHtml('Failed to load sessions: ' + err.message) + '</div>';
+    }
+  }
+
+  function renderDashboard(sessions) {
+    const filtered = showOffline ? sessions : sessions.filter(s => s.online);
+    const offlineCount = sessions.filter(s => !s.online).length;
+    const onlineCount = sessions.filter(s => s.online).length;
+
+    let html = `<div style="padding:8px 4px;display:flex;align-items:center;gap:8px">
+      <span style="color:var(--text-dim);font-size:12px">${onlineCount} online${offlineCount > 0 ? ', ' + offlineCount + ' offline' : ''}</span>
+      <span style="flex:1"></span>
+      <button onclick="toggleOffline()" style="background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font);font-size:11px;padding:3px 8px;border-radius:4px;cursor:pointer">${showOffline ? 'Hide offline' : 'Show offline'}</button>
+      ${offlineCount > 0 ? '<button onclick="cleanOffline()" style="background:none;border:1px solid var(--red);color:var(--red);font-family:var(--font);font-size:11px;padding:3px 8px;border-radius:4px;cursor:pointer">Clean offline</button>' : ''}
+      <button onclick="loadSessions()" style="background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font);font-size:11px;padding:3px 8px;border-radius:4px;cursor:pointer">↻</button>
+    </div>`;
+
+    if (filtered.length === 0) {
+      html += '<div style="padding:20px 12px;color:var(--text-dim);text-align:center">' +
+        (sessions.length === 0 ? 'No Squad RC sessions found.' : 'No online sessions. Tap "Show offline" to see stale ones.') +
+        '</div>';
+    } else {
+      html += filtered.map(s => `
+        <div class="session-card" ${s.online ? 'data-session-url="' + escapeHtml(s.url) + '"' : ''}>
+          <span class="status-dot ${s.online ? 'online' : 'offline'}"></span>
+          <div class="info">
+            <div class="repo">📦 ${escapeHtml(s.repo)}</div>
+            <div class="branch">🌿 ${escapeHtml(s.branch)}</div>
+            <div class="machine">💻 ${escapeHtml(s.machine)}</div>
+          </div>
+          ${s.online ? '<span class="arrow">→</span>' :
+            '<button data-delete-id="' + escapeHtml(s.id) + '" style="background:none;border:none;color:var(--red);cursor:pointer;font-size:14px" title="Remove">✕</button>'}
+        </div>
+      `).join('');
+    }
+    dashboard.innerHTML = html;
+    // #16: XSS fix — use event delegation instead of inline onclick
+    dashboard.querySelectorAll('.session-card[data-session-url]').forEach(function(card) {
+      card.addEventListener('click', function() { openSession(card.dataset.sessionUrl); });
+    });
+    dashboard.querySelectorAll('[data-delete-id]').forEach(function(btn) {
+      btn.addEventListener('click', function(e) { e.stopPropagation(); deleteSession(btn.dataset.deleteId); });
+    });
+  }
+
+  window.openSession = (url) => {
+    window.location.href = url;
+  };
+
+  window.toggleOffline = () => {
+    showOffline = !showOffline;
+    loadSessions();
+  };
+
+  window.cleanOffline = async () => {
+    const resp = await fetch('/api/sessions');
+    const data = await resp.json();
+    const offline = (data.sessions || []).filter(s => !s.online);
+    for (const s of offline) {
+      await fetch('/api/sessions/' + s.id, { method: 'DELETE' });
+    }
+    loadSessions();
+  };
+
+  window.deleteSession = async (id) => {
+    await fetch('/api/sessions/' + id, { method: 'DELETE' });
+    loadSessions();
+  };
+
+  window.toggleView = () => {
+    if (currentView === 'terminal') {
+      currentView = 'dashboard';
+      terminal.classList.add('hidden');
+      termContainer.classList.add('hidden');
+      $('#input-area').classList.add('hidden');
+      dashboard.classList.remove('hidden');
+      $('#btn-sessions').textContent = 'Terminal';
+      loadSessions();
+    } else {
+      currentView = 'terminal';
+      dashboard.classList.add('hidden');
+      $('#input-area').classList.remove('hidden');
+      if (ptyMode) {
+        termContainer.classList.remove('hidden');
+        $('#input-form').classList.add('hidden');
+        if (fitAddon) fitAddon.fit();
+        if (xterm) xterm.focus();
+      } else {
+        terminal.classList.remove('hidden');
+      }
+      $('#btn-sessions').textContent = 'Sessions';
+    }
+  };
+
+  // ─── Terminal Output ─────────────────────────────────────
+  function writeSys(text) {
+    const div = document.createElement('div');
+    div.className = 'sys';
+    div.textContent = text;
+    terminal.appendChild(div);
+    if (!replaying) scrollToBottom();
+  }
+
+  // ─── WebSocket ───────────────────────────────────────────
+  async function connect() {
+    const tokenParam = new URLSearchParams(window.location.search).get('token');
+    if (!tokenParam) { setStatus('offline', 'No credentials'); return; }
+
+    const proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
+
+    // F-02: Try ticket-based auth first
+    try {
+      const resp = await fetch('/api/auth/ticket', {
+        method: 'POST',
+        headers: { 'Authorization': 'Bearer ' + tokenParam }
+      });
+      if (resp.ok) {
+        const { ticket } = await resp.json();
+        ws = new WebSocket(`${proto}//${location.host}?ticket=${encodeURIComponent(ticket)}`);
+      } else {
+        // Fallback to token-in-URL (backward compat)
+        ws = new WebSocket(`${proto}//${location.host}?token=${encodeURIComponent(tokenParam)}`);
+      }
+    } catch {
+      // Fallback to token-in-URL
+      ws = new WebSocket(`${proto}//${location.host}?token=${encodeURIComponent(tokenParam)}`);
+    }
+    setStatus('connecting', 'Connecting...');
+
+    ws.onopen = () => {
+      connected = true;
+      reconnectDelay = 1000;
+      setStatus('online', 'Connected — waiting for terminal...');
+    };
+    ws.onclose = () => {
+      connected = false;
+      setStatus('offline', 'Disconnected');
+      reconnectDelay = Math.min(reconnectDelay * 2, 30000);
+      setTimeout(connect, reconnectDelay);
+    };
+    ws.onerror = () => setStatus('offline', 'Error');
+    ws.onmessage = (e) => {
+      try {
+        const msg = JSON.parse(e.data);
+        handleMessage(msg);
+      } catch {}
+    };
+  }
+
+  // ─── Message Handler ─────────────────────────────────────
+  function handleMessage(msg) {
+    // Replay events from bridge recording
+    if (msg.type === '_replay') {
+      replaying = true;
+      try { handleMessage(JSON.parse(msg.data)); } catch {}
+      return;
+    }
+    if (msg.type === '_replay_done') {
+      replaying = false;
+      scrollToBottom();
+      return;
+    }
+
+    // PTY data — raw terminal output → xterm.js
+    if (msg.type === 'pty') {
+      if (!ptyMode) {
+        ptyMode = true;
+        setStatus('online', 'PTY Mirror');
+        terminal.classList.add('hidden');
+        // Hide text input form but keep key bar visible
+        $('#input-form').classList.add('hidden');
+        termContainer.classList.remove('hidden');
+        initXterm();
+      }
+      xterm.write(msg.data);
+      return;
+    }
+
+    // Clear screen detection
+    if (msg.type === 'clear') {
+      if (xterm) xterm.clear();
+      return;
+    }
+  }
+
+  // ─── Mobile Key Bar ───────────────────────────────────────
+  let ptyMode = false;
+
+  window.sendKey = (key) => {
+    if (ws && ws.readyState === WebSocket.OPEN) {
+      ws.send(JSON.stringify({ type: 'pty_input', data: key }));
+    }
+    if (xterm) xterm.focus();
+  };
+
+  // Event delegation for key-bar buttons (no inline onclick)
+  var keyBar = document.getElementById('key-bar');
+  if (keyBar) {
+    var keyMap = {
+      '\\x1b[A': '\x1b[A', '\\x1b[B': '\x1b[B', '\\x1b[C': '\x1b[C', '\\x1b[D': '\x1b[D',
+      '\\t': '\t', '\\r': '\r', '\\x1b': '\x1b', '\\x03': '\x03', ' ': ' ', '\\x7f': '\x7f',
+    };
+    keyBar.addEventListener('click', function(e) {
+      var btn = e.target;
+      if (btn && btn.tagName === 'BUTTON' && btn.dataset.key) {
+        var key = keyMap[btn.dataset.key] || btn.dataset.key;
+        window.sendKey(key);
+      }
+    });
+  }
+
+  // Event listener for btn-sessions (no inline onclick)
+  var btnSessions = document.getElementById('btn-sessions');
+  if (btnSessions) {
+    btnSessions.addEventListener('click', function() { window.toggleView(); });
+  }
+
+  // Form submit — in PTY mode, just focus xterm
+  formEl.addEventListener('submit', function(e) {
+    e.preventDefault();
+    if (xterm) xterm.focus();
+  });
+
+  // ─── Helpers ─────────────────────────────────────────────
+  function setStatus(state, text) {
+    statusEl.className = state;
+    statusText.textContent = text;
+  }
+  function scrollToBottom() {
+    requestAnimationFrame(() => { terminal.scrollTop = terminal.scrollHeight; });
+  }
+  function escapeHtml(s) {
+    var d = document.createElement('div'); d.textContent = s || ''; return d.innerHTML.replace(/'/g, '&#39;').replace(/"/g, '&quot;');
+  }
+
+  // ─── Start ───────────────────────────────────────────────
+  writeSys('Squad Remote Control');
+  connect();
+})();

package/dist/remote-ui/index.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <meta name="theme-color" content="#0d1117">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <title>Squad RC</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/css/xterm.min.css" integrity="sha384-tStR1zLfWgsiXCF3IgfB3lBa8KmBe/lG287CL9WCeKgQYcp1bjb4/+mwN6oti4Co" crossorigin="anonymous">
+  <link rel="stylesheet" href="/styles.css">
+</head>
+<body>
+  <div id="app">
+    <header id="header">
+      <span id="status-indicator">●</span>
+      <span id="status-text">Connecting...</span>
+      <span style="flex:1"></span>
+      <button id="btn-sessions" style="background:none;border:none;color:var(--text-dim);font-family:var(--font);font-size:12px;cursor:pointer">Sessions</button>
+    </header>
+
+    <!-- Dashboard view -->
+    <div id="dashboard" class="hidden">
+      <div style="padding:12px;color:var(--text-dim);font-size:12px">Loading sessions...</div>
+    </div>
+
+    <!-- Terminal view (xterm.js) -->
+    <div id="terminal-container"></div>
+
+    <!-- Legacy terminal (ACP mode fallback) -->
+    <main id="terminal" class="hidden"></main>
+
+    <footer id="input-area">
+      <div id="key-bar">
+        <button data-key="\x1b[A">↑</button>
+        <button data-key="\x1b[B">↓</button>
+        <button data-key="\x1b[C">→</button>
+        <button data-key="\x1b[D">←</button>
+        <button data-key="\t">Tab</button>
+        <button data-key="\r">Enter</button>
+        <button data-key="\x1b">Esc</button>
+        <button data-key="\x03">Ctrl+C</button>
+        <button data-key=" ">Space</button>
+        <button data-key="\x7f">⌫</button>
+      </div>
+      <form id="input-form">
+        <span class="prompt">&gt;</span>
+        <input type="text" id="input" placeholder="Send a message..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
+      </form>
+    </footer>
+  </div>
+  <div id="permission-overlay" class="hidden"></div>
+  <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/lib/xterm.min.js" integrity="sha384-J4qzUjBl1FxyLsl/kQPQIOeINsmp17OHYXDOMpMxlKX53ZfYsL+aWHpgArvOuof9" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@xterm/addon-fit@0.10.0/lib/addon-fit.min.js" integrity="sha384-XGqKrV8Jrukp1NITJbOEHwg01tNkuXr6uB6YEj69ebpYU3v7FvoGgEg23C1Gcehk" crossorigin="anonymous"></script>
+  <script src="/app.js"></script>
+</body>
+</html>

package/dist/remote-ui/manifest.json

@@ -0,0 +1,10 @@
+{
+  "name": "Squad RC",
+  "short_name": "Squad",
+  "description": "Remote control for your Squad AI team",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#1a1a2e",
+  "theme_color": "#1a1a2e",
+  "icons": []
+}

package/dist/remote-ui/styles.css

@@ -0,0 +1,249 @@
+:root {
+  --bg: #0d1117;
+  --bg-tool: #161b22;
+  --text: #c9d1d9;
+  --text-dim: #6e7681;
+  --text-bright: #f0f6fc;
+  --green: #3fb950;
+  --red: #f85149;
+  --yellow: #d29922;
+  --blue: #58a6ff;
+  --purple: #bc8cff;
+  --cyan: #39c5cf;
+  --border: #30363d;
+  --font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Menlo', 'Consolas', monospace;
+}
+
+* { margin: 0; padding: 0; box-sizing: border-box; }
+
+body {
+  font-family: var(--font);
+  font-size: 13px;
+  background: var(--bg);
+  color: var(--text);
+  height: 100dvh;
+  overflow: hidden;
+  -webkit-font-smoothing: antialiased;
+}
+
+#app {
+  display: flex;
+  flex-direction: column;
+  height: 100dvh;
+}
+
+/* Header — minimal status bar */
+header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 12px;
+  background: var(--bg-tool);
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+  font-size: 12px;
+}
+#status-indicator { font-size: 10px; }
+#status-indicator.online { color: var(--green); }
+#status-indicator.offline { color: var(--red); }
+#status-indicator.connecting { color: var(--yellow); }
+#status-text { color: var(--text-dim); }
+
+/* Terminal area (legacy) */
+#terminal {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px 12px;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  line-height: 1.5;
+  scroll-behavior: smooth;
+}
+
+/* xterm.js container */
+#terminal-container {
+  flex: 1;
+  overflow: hidden;
+}
+#terminal-container .xterm {
+  height: 100%;
+  padding: 4px;
+}
+
+/* System messages */
+.sys { color: var(--text-dim); font-style: italic; }
+
+/* User input echo */
+.user-input { color: var(--blue); }
+.user-input::before { content: '❯ '; color: var(--green); }
+
+/* Agent text */
+.agent-text { color: var(--text); }
+
+/* Streaming cursor */
+.cursor { 
+  display: inline-block; 
+  width: 7px; height: 14px; 
+  background: var(--text); 
+  animation: blink 0.7s infinite; 
+  vertical-align: text-bottom;
+  margin-left: 1px;
+}
+@keyframes blink { 50% { opacity: 0; } }
+
+/* Tool calls */
+.tool-call {
+  margin: 4px 0;
+  border-left: 2px solid var(--blue);
+  padding: 2px 0 2px 8px;
+  color: var(--text-dim);
+  font-size: 12px;
+}
+.tool-call.completed { border-left-color: var(--green); }
+.tool-call.failed { border-left-color: var(--red); }
+.tool-call .tool-icon { margin-right: 4px; }
+.tool-call .tool-name { color: var(--cyan); }
+.tool-call .tool-status { margin-left: 8px; }
+.tool-call .tool-status.completed { color: var(--green); }
+.tool-call .tool-status.failed { color: var(--red); }
+.tool-call .tool-status.in_progress { color: var(--yellow); }
+
+/* Tool call content (expandable) */
+.tool-body { display: none; margin-top: 4px; }
+.tool-call.expanded .tool-body { display: block; }
+
+/* Diff blocks */
+.diff { margin: 4px 0; font-size: 12px; }
+.diff-header { color: var(--text-dim); }
+.diff-add { color: var(--green); }
+.diff-add::before { content: '+ '; }
+.diff-del { color: var(--red); }
+.diff-del::before { content: '- '; }
+
+/* Code blocks */
+.code-block {
+  background: var(--bg-tool);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 6px 8px;
+  margin: 4px 0;
+  overflow-x: auto;
+  font-size: 12px;
+}
+.code-header { color: var(--text-dim); font-size: 11px; margin-bottom: 2px; }
+
+/* Permission dialog */
+#permission-overlay {
+  position: fixed;
+  top: 0; left: 0; right: 0; bottom: 0;
+  background: rgba(0,0,0,0.7);
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  padding-bottom: 60px;
+  z-index: 100;
+}
+#permission-overlay.hidden { display: none; }
+.perm-dialog {
+  background: var(--bg-tool);
+  border: 1px solid var(--yellow);
+  border-radius: 8px;
+  padding: 12px;
+  width: calc(100% - 24px);
+  max-width: 400px;
+  max-height: 40vh;
+  display: flex;
+  flex-direction: column;
+}
+.perm-dialog h3 { color: var(--yellow); font-size: 14px; margin-bottom: 6px; flex-shrink: 0; }
+.perm-dialog p { font-size: 12px; color: var(--text); margin-bottom: 10px; overflow-y: auto; flex: 1; min-height: 0; }
+.perm-actions { display: flex; gap: 8px; justify-content: flex-end; flex-shrink: 0; padding-top: 4px; }
+.perm-actions { display: flex; gap: 8px; justify-content: flex-end; }
+.perm-actions button {
+  padding: 6px 16px; border: none; border-radius: 4px;
+  cursor: pointer; font-size: 13px; font-family: var(--font);
+}
+.btn-approve { background: var(--green); color: #000; }
+.btn-deny { background: var(--red); color: #fff; }
+
+/* Input area */
+#input-area {
+  padding: 4px 8px 6px;
+  background: var(--bg-tool);
+  border-top: 1px solid var(--border);
+  flex-shrink: 0;
+}
+#key-bar {
+  display: flex;
+  gap: 4px;
+  padding: 4px 0;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+#key-bar button {
+  background: var(--bg);
+  border: 1px solid var(--border);
+  color: var(--text);
+  font-family: var(--font);
+  font-size: 13px;
+  padding: 6px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  flex-shrink: 0;
+  min-width: 36px;
+  -webkit-tap-highlight-color: transparent;
+}
+#key-bar button:active { background: var(--blue); color: #000; }
+#input-form {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.prompt { color: var(--green); font-weight: bold; }
+#input {
+  flex: 1;
+  background: transparent;
+  border: none;
+  color: var(--text-bright);
+  font-size: 14px;
+  font-family: var(--font);
+  outline: none;
+  caret-color: var(--green);
+}
+#input::placeholder { color: var(--text-dim); }
+
+.hidden { display: none !important; }
+
+/* Dashboard */
+#dashboard {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px;
+}
+.session-card {
+  background: var(--bg-tool);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 10px 12px;
+  margin-bottom: 6px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.session-card:hover { border-color: var(--blue); }
+.session-card .status-dot {
+  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
+}
+.session-card .status-dot.online { background: var(--green); }
+.session-card .status-dot.offline { background: var(--text-dim); }
+.session-card .info { flex: 1; min-width: 0; }
+.session-card .repo { color: var(--blue); font-weight: bold; font-size: 13px; }
+.session-card .branch { color: var(--text-dim); font-size: 11px; }
+.session-card .machine { color: var(--text-dim); font-size: 11px; }
+.session-card .arrow { color: var(--text-dim); }
+
+/* Scrollbar */
+::-webkit-scrollbar { width: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bradygaster/squad-cli",
-  "version": "0.8.22",
+  "version": "0.8.24",
   "description": "Squad CLI — Command-line interface for the Squad multi-agent runtime",
   "type": "module",
   "bin": {
@@ -124,6 +124,10 @@
       "types": "./dist/cli/commands/rc-tunnel.d.ts",
       "import": "./dist/cli/commands/rc-tunnel.js"
     },
+    "./commands/rc": {
+      "types": "./dist/cli/commands/rc.d.ts",
+      "import": "./dist/cli/commands/rc.js"
+    },
     "./commands/extract": {
       "types": "./dist/cli/commands/extract.d.ts",
       "import": "./dist/cli/commands/extract.js"
@@ -140,11 +144,14 @@
   "files": [
     "dist",
     "templates",
+    "scripts",
     "README.md"
   ],
   "scripts": {
+    "postinstall": "node scripts/patch-esm-imports.mjs",
     "prepublishOnly": "npm run build",
-    "build": "tsc -p tsconfig.json"
+    "build": "tsc -p tsconfig.json && npm run postbuild",
+    "postbuild": "node -e \"require('fs').cpSync('src/remote-ui', 'dist/remote-ui', {recursive: true})\""
   },
   "engines": {
     "node": ">=20"