@agent-link/server 0.1.49 → 0.1.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/web/landing.html +52 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agent-link/server",
3
- "version": "0.1.49",
3
+ "version": "0.1.51",
4
4
  "description": "AgentLink relay server",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
package/web/landing.html CHANGED
@@ -4,7 +4,35 @@
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>AgentLink — Claude Code in Your Browser</title>
7
+ <meta name="description" content="Run Claude Code on your local machine, access it from any browser. End-to-end encrypted, zero config, self-hostable. Install with npm and start coding in seconds.">
8
+ <meta name="keywords" content="Claude Code, browser IDE, remote coding, AI coding assistant, AgentLink, end-to-end encrypted, self-hosted">
9
+ <link rel="canonical" href="https://msclaude.ai/">
10
+ <!-- Open Graph -->
11
+ <meta property="og:type" content="website">
12
+ <meta property="og:title" content="AgentLink — Claude Code in Your Browser">
13
+ <meta property="og:description" content="Run Claude Code on your local machine, access it from any browser. End-to-end encrypted, zero config, self-hostable.">
14
+ <meta property="og:url" content="https://msclaude.ai/">
15
+ <meta property="og:image" content="https://msclaude.ai/iPad.png">
16
+ <meta property="og:site_name" content="AgentLink">
17
+ <!-- Twitter Card -->
18
+ <meta name="twitter:card" content="summary_large_image">
19
+ <meta name="twitter:title" content="AgentLink — Claude Code in Your Browser">
20
+ <meta name="twitter:description" content="Run Claude Code on your local machine, access it from any browser. End-to-end encrypted, zero config.">
21
+ <meta name="twitter:image" content="https://msclaude.ai/iPad.png">
7
22
  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
23
+ <script type="application/ld+json">
24
+ {
25
+ "@context": "https://schema.org",
26
+ "@type": "SoftwareApplication",
27
+ "name": "AgentLink",
28
+ "description": "Run Claude Code on your local machine, access it from any browser. End-to-end encrypted, zero config, self-hostable.",
29
+ "url": "https://msclaude.ai/",
30
+ "applicationCategory": "DeveloperApplication",
31
+ "operatingSystem": "Windows, macOS, Linux",
32
+ "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
33
+ "screenshot": "https://msclaude.ai/iPad.png"
34
+ }
35
+ </script>
8
36
  <style>
9
37
  * { margin: 0; padding: 0; box-sizing: border-box; }
10
38
 
@@ -57,7 +85,7 @@
57
85
  /* ── Hero ── */
58
86
  .hero {
59
87
  text-align: center;
60
- padding: 6rem 2rem 4rem;
88
+ padding: 3.5rem 2rem 3rem;
61
89
  max-width: 800px;
62
90
  margin: 0 auto;
63
91
  }
@@ -228,10 +256,22 @@
228
256
  footer a { color: var(--accent); text-decoration: none; }
229
257
  footer a:hover { text-decoration: underline; }
230
258
 
259
+ .sr-only {
260
+ position: absolute;
261
+ width: 1px;
262
+ height: 1px;
263
+ padding: 0;
264
+ margin: -1px;
265
+ overflow: hidden;
266
+ clip: rect(0,0,0,0);
267
+ white-space: nowrap;
268
+ border: 0;
269
+ }
270
+
231
271
  /* ── Device Showcase ── */
232
272
  .showcase {
233
273
  max-width: 900px;
234
- margin: 0 auto 5rem;
274
+ margin: 0 auto 3.5rem;
235
275
  padding: 0 2rem;
236
276
  position: relative;
237
277
  display: flex;
@@ -288,7 +328,7 @@
288
328
  }
289
329
 
290
330
  @media (max-width: 640px) {
291
- .hero { padding: 4rem 1.5rem 3rem; }
331
+ .hero { padding: 2rem 1.5rem 2rem; }
292
332
  .install { padding: 1.5rem; margin: 0 1rem 3rem; }
293
333
  .showcase { margin-bottom: 3rem; }
294
334
  .device-ipad { width: 78%; }
@@ -298,13 +338,16 @@
298
338
  </head>
299
339
  <body>
300
340
 
341
+ <header>
301
342
  <nav>
302
343
  <div class="logo">Agent<span>Link</span></div>
303
344
  <div>
304
- <a href="https://www.npmjs.com/package/@agent-link/agent" target="_blank">npm</a>
345
+ <a href="https://www.npmjs.com/package/@agent-link/agent" target="_blank" rel="noopener">npm</a>
305
346
  </div>
306
347
  </nav>
348
+ </header>
307
349
 
350
+ <main>
308
351
  <section class="hero">
309
352
  <h1>Claude Code,<br><em>in your browser</em></h1>
310
353
  <p>Run Claude Code on your machine, use it from any browser.</p>
@@ -312,10 +355,10 @@
312
355
 
313
356
  <section class="showcase">
314
357
  <div class="device device-ipad">
315
- <img src="/iPad.png" alt="AgentLink on iPad" loading="eager">
358
+ <img src="/iPad.png" alt="AgentLink web interface running Claude Code on an iPad — chat, file editing, and terminal in a browser" loading="eager">
316
359
  </div>
317
360
  <div class="device device-iphone">
318
- <img src="/iPhone.png" alt="AgentLink on iPhone" loading="eager">
361
+ <img src="/iPhone.png" alt="AgentLink mobile interface running Claude Code on an iPhone" loading="eager">
319
362
  </div>
320
363
  </section>
321
364
 
@@ -336,10 +379,10 @@
336
379
  </div>
337
380
  </div>
338
381
  <div class="install-note">Open the URL it prints. That's it.</div>
339
- <div class="install-note" style="margin-top:0.25rem">Optional: <code style="color:var(--green);font-size:0.8rem">agentlink-client service install</code> to auto-start on boot.</div>
340
382
  </section>
341
383
 
342
384
  <section class="features">
385
+ <h2 class="sr-only">Features</h2>
343
386
  <div class="feature">
344
387
  <div class="feature-icon">&#9889;</div>
345
388
  <h3>Zero config</h3>
@@ -376,9 +419,10 @@
376
419
  <h2>How it works</h2>
377
420
  <p>The agent on your machine spawns Claude Code, streams output through the relay server to your browser, and sends your messages back. All tool execution happens locally. <strong>All traffic is end-to-end encrypted — the server is a stateless relay that never decrypts, stores, or logs your data.</strong></p>
378
421
  </section>
422
+ </main>
379
423
 
380
424
  <footer>
381
- AgentLink &mdash; <a href="https://www.npmjs.com/package/@agent-link/agent">@agent-link/agent</a> &middot; <a href="https://www.npmjs.com/package/@agent-link/server">@agent-link/server</a>
425
+ AgentLink &mdash; <a href="https://www.npmjs.com/package/@agent-link/agent" rel="noopener">@agent-link/agent</a> &middot; <a href="https://www.npmjs.com/package/@agent-link/server" rel="noopener">@agent-link/server</a>
382
426
  </footer>
383
427
 
384
428
  <script>