@agent-link/server 0.1.216 → 0.1.217

package/README.md

@@ -1,11 +1,11 @@
-# AgentLink Server
+# AgenticWorker Server
 
 [![npm](https://img.shields.io/npm/v/@agent-link/server)](https://www.npmjs.com/package/@agent-link/server)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
-Relay server for [AgentLink](https://github.com/yilee/agentlink) — use Claude Code from any browser.
+Relay server for [AgenticWorker](https://github.com/yilee/agentlink) — use Claude Code from any browser.
 
-AgentLink lets you run Claude Code on your local machine and access it through a web interface. The server acts as an encrypted WebSocket relay between your browser and the local agent. No data is stored on the server.
+AgenticWorker lets you run Claude Code on your local machine and access it through a web interface. The server acts as an encrypted WebSocket relay between your browser and the local agent. No data is stored on the server.
 
 ## Install
 
@@ -39,8 +39,8 @@ agentlink-server service uninstall
 ## How it works
 
 ```
-Browser ↔ AgentLink Server ↔ AgentLink Client ↔ Claude Code
-  (web)      (relay)            (your machine)     (CLI)
+Browser ↔ AgenticWorker Server ↔ AgenticWorker Client ↔ Claude Code
+  (web)      (relay)                (your machine)         (CLI)
 ```
 
 The server is a lightweight Express + WebSocket relay. It serves the web UI, assigns unique session URLs, and forwards encrypted messages between the browser and the agent.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-link/server",
-  "version": "0.1.216",
+  "version": "0.1.217",
   "description": "AgentLink relay server",
   "license": "MIT",
   "repository": {

package/web/dist/favicon.svg

@@ -1,10 +1,17 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
   <defs>
-    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#3b82f6"/>
-      <stop offset="100%" stop-color="#f59e0b"/>
+    <linearGradient id="g" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#06b6d4"/>
+      <stop offset="100%" stop-color="#6366f1"/>
     </linearGradient>
   </defs>
-  <rect width="32" height="32" rx="6" fill="url(#g)"/>
-  <text x="16" y="23" text-anchor="middle" font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif" font-size="22" font-weight="800" fill="#fff">A</text>
+  <rect width="32" height="32" rx="7" fill="url(#g)"/>
+  <!-- Cloud with terminal cursor: cloud-based CLI agent -->
+  <g fill="#fff">
+    <!-- Cloud shape -->
+    <path d="M8,19 Q5,19 5,16 Q5,13 8,13 Q8,10 12,9 Q16,8 18,10 Q19,8 22,9 Q26,10 26,14 Q28,14 28,17 Q28,19 25,19 Z" opacity="0.9"/>
+    <!-- Terminal cursor inside cloud -->
+    <polygon points="11,22 14,25 11,28" fill="#fff" opacity="0.8"/>
+    <rect x="15" y="26" width="6" height="2" rx="1" fill="#fff" opacity="0.8"/>
+  </g>
 </svg>

package/web/dist/index.html

@@ -40,6 +40,9 @@
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
   <title>AgenticWorker</title>
   <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
   <link id="hljs-theme" rel="stylesheet" href="/vendor/github.min.css">
   <script>
     // Apply saved theme immediately to prevent flash

package/web/dist/landing.html

@@ -23,6 +23,9 @@
 <meta name="twitter:description" content="Remote control for Claude Code. Chat, spawn agent teams, or schedule recurring tasks — from your phone or any browser. Multi-session, end-to-end encrypted.">
 <meta name="twitter:image" content="https://msclaude.ai/iPad.png">
 <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 <script type="application/ld+json">
 {
   "@context": "https://schema.org",
@@ -41,6 +44,11 @@
 
   * { margin: 0; padding: 0; box-sizing: border-box; }
 
+  html {
+    overflow-x: hidden;
+    overscroll-behavior-x: none;
+  }
+
   :root {
     --bg: #06080f;
     --surface: rgba(255,255,255,0.03);
@@ -67,6 +75,9 @@
     line-height: 1.6;
     min-height: 100vh;
     overflow-x: hidden;
+    overscroll-behavior-x: none;
+    position: relative;
+    width: 100%;
   }
 
   /* ── Ambient Background ── */
@@ -79,6 +90,8 @@
     pointer-events: none;
     z-index: 0;
     overflow: hidden;
+    contain: strict;
+    will-change: transform;
   }
 
   .ambient-orb {
@@ -87,6 +100,8 @@
     filter: blur(120px);
     opacity: 0.35;
     animation: float 20s ease-in-out infinite;
+    will-change: transform;
+    contain: layout style;
   }
 
   .ambient-orb:nth-child(1) {
@@ -131,12 +146,15 @@
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
     background-repeat: repeat;
     background-size: 256px 256px;
+    will-change: transform;
+    contain: strict;
   }
 
   /* ── Content wrapper ── */
   .content {
     position: relative;
     z-index: 2;
+    overflow-x: hidden;
   }
 
   /* ── Nav ── */
@@ -161,13 +179,6 @@
   .logo-mark {
     width: 28px; height: 28px;
     border-radius: 8px;
-    background: linear-gradient(135deg, var(--accent), var(--rose));
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 0.75rem;
-    font-weight: 800;
-    color: #fff;
     box-shadow: 0 0 20px var(--accent-glow);
   }
 
@@ -376,9 +387,7 @@
   .terminal {
     max-width: 520px;
     margin: 0 auto;
-    background: rgba(10,10,20,0.7);
-    backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px);
+    background: rgba(10,10,20,0.92);
     border: 1px solid var(--border);
     border-radius: 14px;
     overflow: hidden;
@@ -482,6 +491,7 @@
     align-items: end;
     gap: 2rem;
     animation: fadeInUp 1s ease-out 0.6s both;
+    overflow: hidden;
   }
 
   .showcase::before {
@@ -490,14 +500,15 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    width: 120%;
-    height: 120%;
+    width: 100%;
+    height: 100%;
     background:
       radial-gradient(ellipse at 35% 50%, rgba(59,130,246,0.12) 0%, transparent 55%),
       radial-gradient(ellipse at 65% 50%, rgba(245,158,11,0.08) 0%, transparent 55%);
     pointer-events: none;
     z-index: 0;
     filter: blur(60px);
+    will-change: transform;
   }
 
   /* Subtle connecting line between devices */
@@ -638,9 +649,7 @@
     display: flex;
     flex-direction: column;
     gap: 2px;
-    background: rgba(0,0,0,0.55);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
+    background: rgba(0,0,0,0.75);
     padding: 8px 14px;
     border-radius: 10px;
     z-index: 4;
@@ -1087,8 +1096,8 @@
 <header>
 <nav>
   <div class="logo">
-    <div class="logo-mark">A</div>
-    <div class="logo-text">Agent<span>Link</span></div>
+    <img class="logo-mark" src="/favicon.svg" alt="AgenticWorker">
+    <div class="logo-text">Agentic<span>Worker</span></div>
   </div>
   <div class="nav-links">
     <a href="#features">Features</a>

package/web/dist/landing.zh.html

@@ -25,6 +25,9 @@
 <meta name="twitter:description" content="Claude Code 开源版远程控制。对话、多 Agent 协作、定时任务三大模式，手机或任何浏览器即可操控，端到端加密，无需注册。">
 <meta name="twitter:image" content="https://msclaude.ai/iPad.png">
 <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
 <script type="application/ld+json">
 {
   "@context": "https://schema.org",
@@ -43,6 +46,11 @@
 
   * { margin: 0; padding: 0; box-sizing: border-box; }
 
+  html {
+    overflow-x: hidden;
+    overscroll-behavior-x: none;
+  }
+
   :root {
     --bg: #06080f;
     --surface: rgba(255,255,255,0.03);
@@ -69,6 +77,9 @@
     line-height: 1.6;
     min-height: 100vh;
     overflow-x: hidden;
+    overscroll-behavior-x: none;
+    position: relative;
+    width: 100%;
   }
 
   /* ── Ambient Background ── */
@@ -81,6 +92,8 @@
     pointer-events: none;
     z-index: 0;
     overflow: hidden;
+    contain: strict;
+    will-change: transform;
   }
 
   .ambient-orb {
@@ -89,6 +102,8 @@
     filter: blur(120px);
     opacity: 0.35;
     animation: float 20s ease-in-out infinite;
+    will-change: transform;
+    contain: layout style;
   }
 
   .ambient-orb:nth-child(1) {
@@ -133,12 +148,15 @@
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
     background-repeat: repeat;
     background-size: 256px 256px;
+    will-change: transform;
+    contain: strict;
   }
 
   /* ── Content wrapper ── */
   .content {
     position: relative;
     z-index: 2;
+    overflow-x: hidden;
   }
 
   /* ── Nav ── */
@@ -163,13 +181,6 @@
   .logo-mark {
     width: 28px; height: 28px;
     border-radius: 8px;
-    background: linear-gradient(135deg, var(--accent), var(--rose));
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 0.75rem;
-    font-weight: 800;
-    color: #fff;
     box-shadow: 0 0 20px var(--accent-glow);
   }
 
@@ -378,9 +389,7 @@
   .terminal {
     max-width: 520px;
     margin: 0 auto;
-    background: rgba(10,10,20,0.7);
-    backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px);
+    background: rgba(10,10,20,0.92);
     border: 1px solid var(--border);
     border-radius: 14px;
     overflow: hidden;
@@ -484,6 +493,7 @@
     align-items: end;
     gap: 2rem;
     animation: fadeInUp 1s ease-out 0.6s both;
+    overflow: hidden;
   }
 
   .showcase::before {
@@ -492,14 +502,15 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    width: 120%;
-    height: 120%;
+    width: 100%;
+    height: 100%;
     background:
       radial-gradient(ellipse at 35% 50%, rgba(59,130,246,0.12) 0%, transparent 55%),
       radial-gradient(ellipse at 65% 50%, rgba(245,158,11,0.08) 0%, transparent 55%);
     pointer-events: none;
     z-index: 0;
     filter: blur(60px);
+    will-change: transform;
   }
 
   .showcase::after {
@@ -639,9 +650,7 @@
     display: flex;
     flex-direction: column;
     gap: 2px;
-    background: rgba(0,0,0,0.55);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
+    background: rgba(0,0,0,0.75);
     padding: 8px 14px;
     border-radius: 10px;
     z-index: 4;
@@ -1088,8 +1097,8 @@
 <header>
 <nav>
   <div class="logo">
-    <div class="logo-mark">A</div>
-    <div class="logo-text">Agent<span>Link</span></div>
+    <img class="logo-mark" src="/favicon.svg" alt="AgenticWorker">
+    <div class="logo-text">Agentic<span>Worker</span></div>
   </div>
   <div class="nav-links">
     <a href="#features">功能</a>