@remcp/remcp 0.1.0 → 0.1.1

package/README.md

@@ -16,23 +16,42 @@ ChatGPT / MCP client ── OAuth + HTTPS ──> ReMCP server
 
 The central service stores account/device metadata, hashed reusable credentials and OAuth state. Actual filesystem and process access stays on the paired computer.
 
-## Install
+## Install and pair
 
-Requires Node.js 22.5 or newer.
+Requires Node.js 22.5 or newer. Generate a one-time pairing code after signing in at https://remcp.delio24.com, then run:
 
 ```bash
-npx @remcp/remcp connect --server https://remcp.delio24.com --code YOUR_PAIRING_CODE --install
+npx --yes @remcp/remcp@latest connect --server https://remcp.delio24.com --code YOUR_PAIRING_CODE --install
 ```
 
-Generate the one-time pairing code after signing in at https://remcp.delio24.com.
+`--install` creates a persistent global `remcp` CLI and Linux user service. The initial `npx` execution is only the bootstrap step.
+
+Verify:
+
+```bash
+remcp --version
+remcp status
+```
+
+## Update
+
+```bash
+remcp update
+```
+
+This updates the global CLI to the latest published release, refreshes the compatible local runtime, and restarts the installed user service.
+
 ## CLI
 
 ```text
-remcp connect   Pair this computer with a ReMCP server
-remcp start     Run the device agent in the foreground
-remcp status    Check the saved configuration and server
-remcp install   Install the user service where supported
-remcp uninstall Remove the installed user service
+remcp start             Run the device agent in the foreground
+remcp status            Check pairing, version and server health
+remcp doctor            Alias for status
+remcp update            Update ReMCP and restart the installed service
+remcp install           Install or repair the user service
+remcp uninstall         Remove the user service
+remcp uninstall --purge Remove the service and global ReMCP packages
+remcp --version         Print the installed CLI version
 ```
 
 ## Self-host the server
@@ -78,6 +97,4 @@ npm audit --omit=dev
 
 ## License
 
-ReMCP is MIT licensed. `@wonderwhy-er/desktop-commander` is a separate MIT-licensed dependency; its notices are preserved in `THIRD_PARTY_NOTICES.md`.
-
-ReMCP does not require or depend on the proprietary Remote Desktop Commander hosted relay service.
+ReMCP is MIT licensed. Third-party notices for the local device runtime are preserved in `THIRD_PARTY_NOTICES.md`. ReMCP is self-hostable and does not depend on a proprietary hosted relay.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remcp/remcp",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Self-hosted remote MCP bridge for securely controlling your own computers from MCP clients.",
   "type": "module",
   "license": "MIT",
@@ -30,7 +30,6 @@
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.30.0",
-    "@wonderwhy-er/desktop-commander": "^0.2.50",
     "express": "^5.2.1",
     "express-rate-limit": "^8.7.0",
     "helmet": "^8.3.0",

package/public/authorize.html

@@ -8,7 +8,7 @@
   <title>Authorize · ReMCP</title>
   <meta name="description" content="Authorize an MCP client to access computers paired to your ReMCP account.">
   <link rel="preconnect" href="https://www.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/style.css?v=b92ac4c9219a">
+  <link rel="stylesheet" href="/style.css?v=remcp-012">
   <meta property="og:site_name" content="ReMCP">
   <meta property="og:image" content="https://remcp.delio24.com/assets/og-remcp.png">
   <link rel="icon" href="/favicon.ico" sizes="any">
@@ -28,7 +28,7 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </a>
-  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/security">Security</a><a href="/support">Support</a></nav>
+  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a></nav>
 </header>
 <main id="oauth-main" class="oauth-shell">
   <section class="oauth-card">
@@ -62,7 +62,7 @@
     </div>
     <p id="status" class="muted" aria-live="polite"></p>
     <p id="error" class="error" role="alert" aria-live="assertive"></p>
-    <p class="footer-mini"><a href="/privacy">Privacy</a> · <a href="/terms">Terms</a> · <a href="/security">Security</a></p>
+    <p class="footer-mini"><a href="/docs">Docs</a> · <a href="/docs#install">Install</a> · <a href="/docs#update">Update</a> · <a href="/security">Security</a> · <a href="/privacy">Privacy</a> · <a href="/terms">Terms</a></p>
   </section>
 </main>
 <script type="module" src="/oauth-app.js?v=36155fefb47e"></script>

package/public/copy.js

@@ -0,0 +1,49 @@
+function legacyCopy(text) {
+  const input = document.createElement('textarea');
+  input.value = text;
+  input.setAttribute('readonly', '');
+  input.style.position = 'fixed';
+  input.style.inset = '0 auto auto -9999px';
+  document.body.append(input);
+  input.select();
+  input.setSelectionRange(0, input.value.length);
+  const copied = document.execCommand('copy');
+  input.remove();
+  if (!copied) throw new Error('Clipboard write failed');
+}
+
+async function copyText(text) {
+  if (window.isSecureContext && navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return;
+    } catch {
+      legacyCopy(text);
+      return;
+    }
+  }
+  legacyCopy(text);
+}
+
+document.addEventListener('click', async event => {
+  const button = event.target.closest('[data-copy]');
+  if (!button) return;
+  const target = document.querySelector(button.dataset.copy);
+  if (!target) return;
+
+  const original = button.textContent;
+  const originalLabel = button.getAttribute('aria-label') || 'Copy command';
+  try {
+    await copyText(target.textContent.trim());
+    button.textContent = 'Copied';
+    button.setAttribute('aria-label', 'Copied to clipboard');
+  } catch {
+    button.textContent = 'Copy failed';
+    button.setAttribute('aria-label', 'Copy failed. Select the command manually.');
+  }
+
+  window.setTimeout(() => {
+    button.textContent = original;
+    button.setAttribute('aria-label', originalLabel);
+  }, 1400);
+});

package/public/docs.html

@@ -8,7 +8,7 @@
   <title>Docs · ReMCP</title>
   <meta name="description" content="Connect a computer to ReMCP and configure the hosted MCP endpoint.">
   <link rel="preconnect" href="https://www.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/style.css?v=b92ac4c9219a">
+  <link rel="stylesheet" href="/style.css?v=remcp-012">
   <meta property="og:site_name" content="ReMCP">
   <meta property="og:image" content="https://remcp.delio24.com/assets/og-remcp.png">
   <link rel="icon" href="/favicon.ico" sizes="any">
@@ -28,20 +28,57 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </a>
-  <nav aria-label="Primary"><a href="/docs" aria-current="page">Docs</a><a href="/security">Security</a><a href="/support">Support</a></nav>
+  <nav aria-label="Primary"><a href="/docs" aria-current="page">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a></nav>
 </header>
 <main id="main" class="doc-shell">
-  <aside class="doc-nav" aria-label="Documentation"><a href="/docs" aria-current="page">Setup</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></aside>
+  <aside class="doc-nav" aria-label="Documentation"><a href="/docs" aria-current="page">Setup</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></aside>
   <article class="prose">
     <p class="eyebrow">Documentation</p>
-    <h1>Connect a computer to ReMCP.</h1>
-    <p>ReMCP is a remote MCP relay. The hosted server authenticates the MCP client and routes each tool call to a paired local agent.</p>
-<h2>1. Sign in</h2><p>Open <a href="/">the ReMCP workspace</a> and authenticate. Generate a one-time pairing command from the device section.</p>
-<h2>2. Pair the computer</h2><pre><code>npx @remcp/remcp connect --server https://remcp.delio24.com --code YOUR_CODE --install</code></pre><p>The code is exchanged for a device-specific credential that can later be revoked.</p>
-<h2>3. Add the MCP server</h2><pre><code>https://remcp.delio24.com/mcp</code></pre><p>Choose OAuth when your MCP client asks for authentication. ReMCP uses authorization code flow with PKCE and refresh tokens.</p>
-<h2>Connection model</h2><p>The device agent creates an outbound secure WebSocket connection to the relay. You do not need to expose a listener on the computer.</p>
-<div class="notice"><strong>Review mutating actions.</strong><p>Some tools can write files or run processes. Review the action requested by your MCP client before approving it.</p></div>
-<h2>Self-hosting</h2><p>The central ReMCP service runs in Docker with persistent account, device and OAuth metadata. Device agents run natively so host access does not require a privileged container.</p>
+    <h1>Install, pair and keep ReMCP updated.</h1>
+    <p>Use <code>npx</code> once to pair a computer. With <code>--install</code>, ReMCP creates a persistent global CLI and a user service, so normal operation no longer depends on the temporary npx cache.</p>
+
+    <h2 id="requirements">1. Requirements</h2>
+    <p>Install Node.js 22.5 or newer. The computer needs outbound HTTPS/WSS access to <code>remcp.delio24.com</code>; no inbound device port is required.</p>
+
+    <h2 id="pair">2. Get a pairing code</h2>
+    <p>Open <a href="/#connect">the ReMCP workspace</a>, sign in, and choose <strong>Generate Command</strong>. Pairing codes are short-lived and single-use.</p>
+
+    <h2 id="install">3. Install and pair</h2>
+    <div class="code-row"><pre><code id="docs-command-1">npx --yes @remcp/remcp@latest connect --server https://remcp.delio24.com --code YOUR_CODE --install</code></pre><button class="copy-button code-copy" type="button" data-copy="#docs-command-1" aria-label="Copy command" aria-live="polite">Copy</button></div>
+    <p>This stores a device-specific credential locally, installs the persistent <code>remcp</code> CLI, installs the compatible local device runtime, and starts the ReMCP user service.</p>
+
+    <h3>Verify the installation</h3>
+    <div class="code-row"><pre><code id="docs-command-2">remcp --version
+remcp status</code></pre><button class="copy-button code-copy" type="button" data-copy="#docs-command-2" aria-label="Copy command" aria-live="polite">Copy</button></div>
+    <p><code>status</code> shows the installed CLI version, paired device id, server URL and server health.</p>
+
+    <h2 id="mcp">4. Add the MCP endpoint</h2>
+    <div class="code-row"><pre><code id="docs-command-3">https://remcp.delio24.com/mcp</code></pre><button class="copy-button code-copy" type="button" data-copy="#docs-command-3" aria-label="Copy MCP endpoint" aria-live="polite">Copy</button></div>
+    <p>Choose OAuth when your MCP client asks for authentication. ReMCP uses authorization code flow with PKCE and refresh tokens.</p>
+
+    <h2 id="update">Update ReMCP</h2>
+    <div class="code-row"><pre><code id="docs-command-4">remcp update</code></pre><button class="copy-button code-copy" type="button" data-copy="#docs-command-4" aria-label="Copy command" aria-live="polite">Copy</button></div>
+    <p>The update command installs the latest published ReMCP CLI, refreshes the compatible local runtime, and restarts the user service when it is installed. Verify afterwards with <code>remcp --version</code> or <code>remcp status</code>.</p>
+
+    <h2 id="service">Service commands</h2>
+    <div class="code-row"><pre><code id="docs-command-5">remcp status
+remcp doctor
+remcp install
+remcp start</code></pre><button class="copy-button code-copy" type="button" data-copy="#docs-command-5" aria-label="Copy command" aria-live="polite">Copy</button></div>
+    <p><code>start</code> runs the agent in the foreground. <code>install</code> repairs or reinstalls the persistent user service for an already paired computer.</p>
+
+    <h2 id="uninstall">Uninstall</h2>
+    <div class="code-row"><pre><code id="docs-command-6">remcp uninstall</code></pre><button class="copy-button code-copy" type="button" data-copy="#docs-command-6" aria-label="Copy command" aria-live="polite">Copy</button></div>
+    <p>This stops and removes the background user service but keeps the CLI and local pairing configuration.</p>
+    <div class="code-row"><pre><code id="docs-command-7">remcp uninstall --purge</code></pre><button class="copy-button code-copy" type="button" data-copy="#docs-command-7" aria-label="Copy command" aria-live="polite">Copy</button></div>
+    <p><code>--purge</code> also removes the globally installed ReMCP packages. The local pairing configuration remains in <code>~/.config/remcp</code> so it is not silently destroyed.</p>
+
+    <h2 id="connection-model">Connection model</h2>
+    <p>The device agent creates an outbound secure WebSocket connection to the relay. You do not need to expose a listener on the computer.</p>
+    <div class="notice"><strong>Review mutating actions.</strong><p>Some tools can write files or run processes. Review the action requested by your MCP client before approving it.</p></div>
+
+    <h2 id="self-hosting">Self-hosting</h2>
+    <p>The central ReMCP service runs in Docker with persistent account, device and OAuth metadata. Device agents run natively so host access does not require a privileged container.</p>
   </article>
 </main>
 <footer class="site-footer">
@@ -49,10 +86,9 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </div>
-  <nav aria-label="Footer">
-    <a href="/docs">Docs</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a>
-  </nav>
+  <nav aria-label="Footer"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></nav>
   <p>Open-source remote MCP infrastructure.</p>
 </footer>
+<script type="module" src="/copy.js?v=remcp-012"></script>
 </body>
 </html>

package/public/index.html

@@ -8,7 +8,7 @@
   <title>ReMCP — Your computers over MCP</title>
   <meta name="description" content="Securely pair your own computers and use their files, terminal and processes through authenticated MCP clients.">
   <link rel="preconnect" href="https://www.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/style.css?v=b92ac4c9219a">
+  <link rel="stylesheet" href="/style.css?v=remcp-012">
   <meta property="og:site_name" content="ReMCP">
   <meta property="og:image" content="https://remcp.delio24.com/assets/og-remcp.png">
   <link rel="icon" href="/favicon.ico" sizes="any">
@@ -28,7 +28,7 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </a>
-  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/security">Security</a><a href="/support">Support</a></nav>
+  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a></nav>
 </header>
 <main id="main">
   <section class="hero">
@@ -56,6 +56,32 @@
     <div><span>03</span><h2>Explicit control</h2><p>Read, write and destructive tools declare their behavior so MCP clients can apply the right review flow.</p></div>
   </section>
 
+  <section id="install" class="quickstart">
+    <div class="section-heading">
+      <p class="eyebrow">Quick start</p>
+      <h2>One command to pair. One command to update.</h2>
+      <p>Use npx only for the first pairing. <code>--install</code> creates a persistent <code>remcp</code> CLI and background user service.</p>
+    </div>
+    <div class="quickstart-grid">
+      <article class="command-card">
+        <span>01</span><h3>Install &amp; pair</h3>
+        <div class="command-row"><code id="install-command">npx --yes @remcp/remcp@latest connect --server https://remcp.delio24.com --code YOUR_CODE --install</code><button class="copy-button" type="button" data-copy="#install-command">Copy</button></div>
+        <p>Generate <code>YOUR_CODE</code> in the workspace below.</p>
+      </article>
+      <article class="command-card">
+        <span>02</span><h3>Check</h3>
+        <div class="command-row"><code id="status-command">remcp status</code><button class="copy-button" type="button" data-copy="#status-command">Copy</button></div>
+        <p>Confirm the local CLI version, pairing and server health.</p>
+      </article>
+      <article id="update" class="command-card">
+        <span>03</span><h3>Update</h3>
+        <div class="command-row"><code id="update-command">remcp update</code><button class="copy-button" type="button" data-copy="#update-command">Copy</button></div>
+        <p>Updates the CLI and restarts the installed user service.</p>
+      </article>
+    </div>
+    <a class="text-link" href="/docs">Full installation and CLI guide <span aria-hidden="true">→</span></a>
+  </section>
+
   <section id="connect" class="workspace">
     <div class="section-heading">
       <p class="eyebrow">Workspace</p>
@@ -120,9 +146,7 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </div>
-  <nav aria-label="Footer">
-    <a href="/docs">Docs</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a>
-  </nav>
+  <nav aria-label="Footer"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></nav>
   <p>Open-source remote MCP infrastructure.</p>
 </footer>
 <script type="module" src="/app.js?v=14a728f07dd1"></script>

package/public/privacy.html

@@ -8,7 +8,7 @@
   <title>Privacy Policy · ReMCP</title>
   <meta name="description" content="How ReMCP processes account, device, OAuth and remote-computer data.">
   <link rel="preconnect" href="https://www.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/style.css?v=b92ac4c9219a">
+  <link rel="stylesheet" href="/style.css?v=remcp-012">
   <meta property="og:site_name" content="ReMCP">
   <meta property="og:image" content="https://remcp.delio24.com/assets/og-remcp.png">
   <link rel="icon" href="/favicon.ico" sizes="any">
@@ -28,10 +28,10 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </a>
-  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/security">Security</a><a href="/support">Support</a></nav>
+  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a></nav>
 </header>
 <main id="main" class="doc-shell">
-  <aside class="doc-nav" aria-label="Legal and policy navigation"><a href="/docs">Setup</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy" aria-current="page">Privacy</a><a href="/terms">Terms</a></aside>
+  <aside class="doc-nav" aria-label="Documentation"><a href="/docs">Setup</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy" aria-current="page">Privacy</a><a href="/terms">Terms</a></aside>
   <article class="prose">
     <p class="eyebrow">Privacy</p>
     <h1>Privacy Policy</h1>
@@ -52,9 +52,7 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </div>
-  <nav aria-label="Footer">
-    <a href="/docs">Docs</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a>
-  </nav>
+  <nav aria-label="Footer"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></nav>
   <p>Open-source remote MCP infrastructure.</p>
 </footer>
 </body>

package/public/security.html

@@ -8,7 +8,7 @@
   <title>Security · ReMCP</title>
   <meta name="description" content="How ReMCP isolates accounts, devices, credentials and remote MCP tool access.">
   <link rel="preconnect" href="https://www.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/style.css?v=b92ac4c9219a">
+  <link rel="stylesheet" href="/style.css?v=remcp-012">
   <meta property="og:site_name" content="ReMCP">
   <meta property="og:image" content="https://remcp.delio24.com/assets/og-remcp.png">
   <link rel="icon" href="/favicon.ico" sizes="any">
@@ -28,10 +28,10 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </a>
-  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/security" aria-current="page">Security</a><a href="/support">Support</a></nav>
+  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security" aria-current="page">Security</a><a href="/support">Support</a></nav>
 </header>
 <main id="main" class="doc-shell">
-  <aside class="doc-nav" aria-label="Documentation"><a href="/docs">Setup</a><a href="/security" aria-current="page">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></aside>
+  <aside class="doc-nav" aria-label="Documentation"><a href="/docs">Setup</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security" aria-current="page">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></aside>
   <article class="prose">
     <p class="eyebrow">Security</p>
     <h1>A narrow relay between the model and your machine.</h1>
@@ -50,9 +50,7 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </div>
-  <nav aria-label="Footer">
-    <a href="/docs">Docs</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a>
-  </nav>
+  <nav aria-label="Footer"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></nav>
   <p>Open-source remote MCP infrastructure.</p>
 </footer>
 </body>

package/public/style.css

@@ -87,6 +87,19 @@ main { display: block; }
 .principles h2 { margin: 28px 0 9px; font-size: 21px; line-height: 1.2; letter-spacing: -.025em; }
 .principles p { max-width: 330px; margin: 0; color: var(--muted); font-size: 15px; }
 
+
+.quickstart { max-width: var(--container); margin: 0 auto; padding: clamp(72px, 9vw, 104px) 20px; border-top: 1px solid var(--line); }
+.quickstart .section-heading { margin-left: 0; margin-right: 0; }
+.quickstart-grid { display: grid; grid-template-columns: 1.35fr .8fr .8fr; gap: 0; margin: 34px 0 26px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
+.command-card { min-width: 0; padding: 28px 28px 30px 0; }
+.command-card + .command-card { padding-left: 28px; border-left: 1px solid var(--line); }
+.command-card > span { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
+.command-card h3 { margin: 18px 0 8px; font-size: 20px; letter-spacing: -.025em; }
+.command-card p { margin: 12px 0 0; color: var(--muted); font-size: 14px; }
+.command-card .command-row { margin-top: 14px; }
+.site-header nav { min-width: 0; overflow-x: auto; scrollbar-width: none; }
+.site-header nav::-webkit-scrollbar { display: none; }
+
 .workspace { padding: clamp(72px, 9vw, 112px) 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--surface); }
 .workspace > * { max-width: var(--container); margin-left: auto; margin-right: auto; }
 .section-heading { max-width: 720px; margin-bottom: 45px; }
@@ -107,7 +120,8 @@ input:focus-visible { border-color: var(--accent); }
 .button-row { display: flex; gap: 9px; margin-top: 5px; }
 .divider { display: flex; align-items: center; gap: 11px; margin: 7px 0; color: var(--muted); font-size: 12px; }
 .divider::before, .divider::after { content: ""; flex: 1; height: 1px; background: var(--line); }
-.error { min-height: 20px; margin: 2px 0 0; color: var(--danger); font-size: 13px; }
+.error { margin: 2px 0 0; color: var(--danger); font-size: 13px; }
+p:empty, .error:empty, #status:empty { display: none; }
 .identity { display: flex; align-items: center; gap: 11px; }
 .identity small { display: block; color: var(--muted); }
 .status-dot { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 4px var(--ok-soft); }
@@ -141,24 +155,27 @@ input:focus-visible { border-color: var(--accent); }
 .site-footer { max-width: var(--container); min-height: 86px; margin: 0 auto; padding: 22px 20px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 26px; border-top: 1px solid var(--line); font-size: 13px; }
 .site-footer p { margin: 0; color: var(--muted); text-align: right; }
 
-.doc-shell { width: min(100%, var(--container)); margin: 0 auto; padding: 64px 20px 112px; display: grid; grid-template-columns: 190px minmax(0, 760px); gap: clamp(48px, 8vw, 96px); }
+.doc-shell { width: min(100%, var(--container)); margin: 0 auto; padding: 48px 20px 76px; display: grid; grid-template-columns: 176px minmax(0, 760px); gap: clamp(36px, 6vw, 72px); }
 .doc-nav { position: sticky; top: 28px; align-self: start; display: flex; flex-direction: column; gap: 4px; }
 .doc-nav a { padding: 8px 10px; border-radius: 7px; color: var(--muted); font-size: 14px; font-weight: 550; }
 .doc-nav a:hover { background: var(--surface-subtle); color: var(--ink); }
 .doc-nav a[aria-current="page"] { background: var(--surface-subtle); color: var(--ink); font-weight: 680; }
 .prose { min-width: 0; }
-.prose h1 { margin: 0 0 22px; max-width: 740px; font-size: clamp(42px, 5.5vw, 62px); line-height: 1.02; letter-spacing: -.05em; }
-.prose h2 { scroll-margin-top: 28px; margin: 52px 0 12px; font-size: 25px; line-height: 1.2; letter-spacing: -.035em; }
-.prose h3 { scroll-margin-top: 28px; margin: 31px 0 8px; font-size: 18px; }
-.prose p, .prose li { color: #505057; font-size: 16px; text-wrap: pretty; }
-.prose p { margin: 0 0 16px; }
+.prose h1 { margin: 0 0 18px; max-width: 700px; font-size: clamp(38px, 5vw, 54px); line-height: 1.04; letter-spacing: -.045em; }
+.prose h2 { scroll-margin-top: 24px; margin: 36px 0 9px; font-size: 23px; line-height: 1.22; letter-spacing: -.03em; }
+.prose h3 { scroll-margin-top: 24px; margin: 24px 0 7px; font-size: 17px; }
+.prose p, .prose li { color: #505057; font-size: 15.5px; text-wrap: pretty; }
+.prose p { margin: 0 0 12px; }
 .prose a { color: #3538ae; text-decoration: underline; text-decoration-color: #a5a7e9; text-underline-offset: 3px; }
 .prose a:hover { text-decoration-color: #3538ae; }
-.prose pre { overflow: auto; margin: 18px 0 24px; padding: 16px; border-radius: 10px; background: #1e1e21; color: #f4f4f2; }
+.prose pre { min-width: 0; overflow: auto; margin: 0; padding: 13px 14px; background: transparent; color: #f4f4f2; }
+.prose .code-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; margin: 12px 0 16px; overflow: hidden; border-radius: 10px; background: #1e1e21; }
+.prose .code-row .code-copy { min-height: 34px; margin-right: 8px; padding: 7px 10px; border-color: #4b4b50; background: #2b2b2f; color: #f4f4f2; font-size: 12px; white-space: nowrap; }
+.prose .code-row .code-copy:hover { border-color: #66666d; background: #38383d; }
 .prose code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9em; }
 .prose :not(pre) > code { padding: 2px 5px; border-radius: 5px; background: var(--surface-subtle); color: #34343a; }
 .prose hr { margin: 46px 0; border: 0; border-top: 1px solid var(--line); }
-.prose .notice { margin: 28px 0; padding: 16px 18px; border: 1px solid #d8d8f7; border-radius: 9px; background: var(--accent-soft); }
+.prose .notice { margin: 20px 0; padding: 13px 15px; border: 1px solid #d8d8f7; border-radius: 9px; background: var(--accent-soft); }
 .prose .notice p { margin: 5px 0 0; }
 
 .oauth-shell { min-height: calc(100svh - 68px); display: grid; place-items: center; padding: 56px 20px 80px; }
@@ -184,10 +201,13 @@ input:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid
   .principles > div, .principles > div + div { min-height: auto; padding: 28px 0; border-left: 0; border-bottom: 1px solid var(--line); }
   .principles > div:last-child { border-bottom: 0; }
   .workspace-grid { grid-template-columns: 1fr; }
+  .quickstart-grid { grid-template-columns: 1fr; }
+  .command-card, .command-card + .command-card { padding: 24px 0; border-left: 0; border-bottom: 1px solid var(--line); }
+  .command-card:last-child { border-bottom: 0; }
   .auth-pane { padding-right: 0; border-right: 0; border-bottom: 1px solid var(--line); }
   .endpoint-pane { padding-left: 0; }
-  .doc-shell { grid-template-columns: 1fr; gap: 38px; padding-top: 42px; }
-  .doc-nav { position: static; flex-direction: row; flex-wrap: wrap; gap: 4px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
+  .doc-shell { grid-template-columns: 1fr; gap: 0; padding-top: 34px; }
+  .doc-nav { display: none; }
   .site-footer { grid-template-columns: 1fr; }
   .site-footer nav { flex-wrap: wrap; }
   .site-footer p { text-align: left; }
@@ -196,7 +216,7 @@ input:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid
 @media (max-width: 620px) {
   .site-header { min-height: 62px; padding: 0 16px; }
   .site-header { gap: 12px; }
-  .site-header nav { gap: 10px; }
+  .site-header nav { max-width: calc(100vw - 116px); gap: 12px; }
   .site-header nav a { font-size: 12.5px; }
   .hero { padding: 58px 18px 64px; }
   .hero h1 { font-size: clamp(46px, 14vw, 60px); }
@@ -205,21 +225,29 @@ input:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid
   .node { align-items: flex-start; flex-direction: column; gap: 3px; }
   .node.device-node { padding-right: 18px; }
   .node .pulse { top: 15px; }
-  .workspace, .final-cta { padding-left: 18px; padding-right: 18px; }
+  .workspace, .final-cta, .quickstart { padding: 50px 18px; }
+  .section-heading { margin-bottom: 30px; }
+  .section-heading h2, .final-cta h2 { font-size: 36px; }
+  .section-heading > p:last-child, .final-cta > p { margin-top: 12px; font-size: 16px; }
   .button-row, .oauth-actions { flex-direction: column; }
   .button-row .button, .oauth-actions .button { width: 100%; }
   .pair-panel { grid-template-columns: 1fr; }
   .pair-panel .button { justify-self: start; }
   .panel-title { align-items: flex-start; flex-direction: column; }
-  .command-row, .pairing-output { grid-template-columns: 1fr; }
-  .copy-button { justify-self: start; }
+  .command-row, .pairing-output { grid-template-columns: minmax(0, 1fr) auto; }
+  .copy-button { justify-self: stretch; }
   .endpoint-facts div { align-items: flex-start; flex-direction: column; gap: 2px; }
   .endpoint-facts dd { text-align: left; }
   .site-footer { padding: 24px 18px; }
   .site-footer nav { gap: 14px; }
-  .doc-shell { padding: 34px 18px 80px; }
-  .doc-nav { overflow-x: auto; flex-wrap: nowrap; margin: 0 -18px; padding: 0 18px 16px; }
-  .doc-nav a { white-space: nowrap; }
+  .doc-shell { gap: 18px; padding: 24px 16px 56px; }
+  .prose h1 { margin-bottom: 14px; font-size: clamp(34px, 10vw, 42px); }
+  .prose h2 { margin-top: 28px; font-size: 21px; }
+  .prose h3 { margin-top: 21px; }
+  .prose p, .prose li { font-size: 15px; }
+  .prose .code-row { margin: 10px 0 14px; }
+  .prose .code-row pre { padding: 12px 10px 12px 13px; }
+  .prose .code-row .code-copy { margin-right: 7px; }
   .oauth-shell { min-height: calc(100svh - 62px); padding: 28px 14px 60px; place-items: start center; }
   .oauth-card { padding: 22px 18px; }
   .scope-list li { align-items: flex-start; flex-direction: column; gap: 4px; }

package/public/support.html

@@ -8,7 +8,7 @@
   <title>Support · ReMCP</title>
   <meta name="description" content="Troubleshoot ReMCP sign-in, device pairing, agent connectivity and MCP authorization.">
   <link rel="preconnect" href="https://www.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/style.css?v=b92ac4c9219a">
+  <link rel="stylesheet" href="/style.css?v=remcp-012">
   <meta property="og:site_name" content="ReMCP">
   <meta property="og:image" content="https://remcp.delio24.com/assets/og-remcp.png">
   <link rel="icon" href="/favicon.ico" sizes="any">
@@ -28,10 +28,10 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </a>
-  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/security">Security</a><a href="/support" aria-current="page">Support</a></nav>
+  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support" aria-current="page">Support</a></nav>
 </header>
 <main id="main" class="doc-shell">
-  <aside class="doc-nav" aria-label="Documentation"><a href="/docs">Setup</a><a href="/security">Security</a><a href="/support" aria-current="page">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></aside>
+  <aside class="doc-nav" aria-label="Documentation"><a href="/docs">Setup</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support" aria-current="page">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></aside>
   <article class="prose">
     <p class="eyebrow">Support</p>
     <h1>Troubleshoot ReMCP.</h1>
@@ -40,6 +40,9 @@
 <h2>OAuth does not complete</h2><p>Return to the authorization screen, sign in to the intended ReMCP account, review the requested access, and choose <strong>Authorize ReMCP Access</strong>.</p>
 <h2>MCP tool cannot run</h2><p>Confirm the target computer is online and use <code>list_devices</code> to obtain its current device id. Device tools require that id.</p>
 <h2>Pairing code expired</h2><p>Generate a new pairing command from the workspace. Pairing codes are intentionally short-lived and single-use.</p>
+<h2>Check the installed agent</h2><div class="code-row"><pre><code id="support-command-1">remcp --version
+remcp status</code></pre><button class="copy-button code-copy" type="button" data-copy="#support-command-1" aria-label="Copy command" aria-live="polite">Copy</button></div><p>If <code>remcp</code> is not found, repeat the <a href="/docs#install">install command</a>. The first npx invocation is temporary; <code>--install</code> creates the persistent CLI.</p>
+<h2>Update or repair</h2><div class="code-row"><pre><code id="support-command-2">remcp update</code></pre><button class="copy-button code-copy" type="button" data-copy="#support-command-2" aria-label="Copy command" aria-live="polite">Copy</button></div><p>This refreshes the published CLI and restarts the installed user service. For an already paired device whose service is missing, run <code>remcp install</code>.</p>
 <h2>Need deployment help?</h2><p>For a self-hosted deployment, contact the operator who provisioned your ReMCP instance and include the affected layer: sign-in, pairing, agent connectivity, or MCP authorization.</p>
   </article>
 </main>
@@ -48,10 +51,9 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </div>
-  <nav aria-label="Footer">
-    <a href="/docs">Docs</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a>
-  </nav>
+  <nav aria-label="Footer"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></nav>
   <p>Open-source remote MCP infrastructure.</p>
 </footer>
+<script type="module" src="/copy.js?v=remcp-012"></script>
 </body>
 </html>

package/public/terms.html

@@ -8,7 +8,7 @@
   <title>Terms of Service · ReMCP</title>
   <meta name="description" content="Terms for using the hosted ReMCP service and its remote-computer capabilities.">
   <link rel="preconnect" href="https://www.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/style.css?v=b92ac4c9219a">
+  <link rel="stylesheet" href="/style.css?v=remcp-012">
   <meta property="og:site_name" content="ReMCP">
   <meta property="og:image" content="https://remcp.delio24.com/assets/og-remcp.png">
   <link rel="icon" href="/favicon.ico" sizes="any">
@@ -28,10 +28,10 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </a>
-  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/security">Security</a><a href="/support">Support</a></nav>
+  <nav aria-label="Primary"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a></nav>
 </header>
 <main id="main" class="doc-shell">
-  <aside class="doc-nav" aria-label="Legal and policy navigation"><a href="/docs">Setup</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms" aria-current="page">Terms</a></aside>
+  <aside class="doc-nav" aria-label="Documentation"><a href="/docs">Setup</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms" aria-current="page">Terms</a></aside>
   <article class="prose">
     <p class="eyebrow">Legal</p>
     <h1>Terms of Service</h1>
@@ -53,9 +53,7 @@
     <img class="brand-mark" src="/android-chrome-192x192.png" width="30" height="30" alt="" aria-hidden="true">
     <span translate="no">ReMCP</span>
   </div>
-  <nav aria-label="Footer">
-    <a href="/docs">Docs</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a>
-  </nav>
+  <nav aria-label="Footer"><a href="/docs">Docs</a><a href="/docs#install">Install</a><a href="/docs#update">Update</a><a href="/security">Security</a><a href="/support">Support</a><a href="/privacy">Privacy</a><a href="/terms">Terms</a></nav>
   <p>Open-source remote MCP infrastructure.</p>
 </footer>
 </body>