@agent-link/server 0.1.539 → 0.1.541

package/web/dist/landing.zh.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>msclaude — 远程控制开发机上的 Coding Agent</title>
-  <meta name="description" content="在浏览器中远程控制开发机上的 Pi、GitHub Copilot、Claude Code 和 OpenAI Codex，并行管理多个工作目录，支持端到端加密和自托管中继。">
+  <meta name="description" content="在一个浏览器工作台中使用开发机上的 Pi、GitHub Copilot、Claude Code 和 OpenAI Codex，并访问本地文件、Git、交互式终端和本地 Web 应用，全程端到端加密。">
   <meta name="robots" content="index, follow, max-image-preview:large">
   <meta name="application-name" content="msclaude">
   <meta name="theme-color" content="#f2efe8">
@@ -17,29 +17,29 @@
   <meta property="og:locale" content="zh_CN">
   <meta property="og:locale:alternate" content="en_US">
   <meta property="og:title" content="msclaude — 远程控制开发机上的 Coding Agent">
-  <meta property="og:description" content="在一个浏览器工作台中使用多个 Agent 和工作目录。代码和执行环境仍然保留在开发机上。">
+  <meta property="og:description" content="在一个端到端加密的浏览器工作台中，管理本地 Coding Agent、代码库、文件、Git、终端和正在运行的 Web 应用。">
   <meta property="og:url" content="https://msclaude.ai/zh">
   <meta property="og:image" content="https://msclaude.ai/iPad.png">
   <meta property="og:image:alt" content="展示多个 Coding Agent 并行会话的 msclaude 浏览器工作台">
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:title" content="msclaude — 远程控制开发机上的 Coding Agent">
-  <meta name="twitter:description" content="在浏览器中管理开发机上的 Pi、Copilot、Claude Code 和 Codex 会话。">
+  <meta name="twitter:description" content="从任意浏览器使用开发机上的 Pi、Copilot、Claude Code 和 Codex，以及本地文件、Git、终端和 Web 应用。">
   <meta name="twitter:image" content="https://msclaude.ai/iPad.png">
   <meta name="twitter:image:alt" content="展示多个 Coding Agent 并行会话的 msclaude 浏览器工作台">
-  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
-  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-  <link rel="manifest" href="/site.webmanifest">
-  <link rel="preload" href="/vendor/SpaceGrotesk-latin.woff2" as="font" type="font/woff2" crossorigin>
-  <link rel="stylesheet" href="/landing/landing.css">
-  <script src="/landing/landing.js" defer></script>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg">
+  <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
+  <link rel="manifest" href="site.webmanifest">
+  <link rel="preload" href="vendor/SpaceGrotesk-latin.woff2" as="font" type="font/woff2" crossorigin>
+  <link rel="stylesheet" href="landing/landing.css?v=20260808-arcade-click-1">
+  <script src="landing/landing.js?v=20260808-copy-1" defer></script>
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
     "@type": "SoftwareApplication",
     "name": "msclaude",
     "url": "https://msclaude.ai/zh",
-    "description": "用于远程控制开发机上 Coding Agent 的浏览器工作台。",
+    "description": "用于管理开发机上多个 Coding Agent、代码库和本地开发工具的本地优先浏览器工作台。",
     "applicationCategory": "DeveloperApplication",
     "operatingSystem": "Windows, macOS, Linux",
     "isAccessibleForFree": true,
@@ -49,7 +49,11 @@
       "并行管理多个 Coding Agent 会话",
       "支持多个工作目录",
       "支持 Pi、GitHub Copilot、Claude Code 和 OpenAI Codex",
-      "文件、Git、终端和本地端口访问",
+      "文件浏览、编辑、上传和下载",
+      "Git 状态、Diff、分支和历史",
+      "完整的本地交互式终端",
+      "通过 Port Proxy 远程访问本地 Web 应用",
+      "按 Agent 提供模型、思考、模式和附件控制",
       "消息端到端加密",
       "支持自托管中继服务"
     ],
@@ -75,7 +79,7 @@
   <header class="site-header">
     <nav class="nav-shell" aria-label="主导航">
       <a class="brand" href="/zh" aria-label="msclaude 首页">
-        <img class="brand-mark" src="/landing/icons/msclaude-animated.svg" alt="">
+        <img class="brand-mark" src="landing/icons/msclaude-animated.svg" alt="">
         <span>msclaude</span>
       </a>
       <div class="nav-actions">
@@ -93,10 +97,10 @@
         <p class="hero-lead">msclaude 将浏览器连接到本地运行的 Coding Agent。你可以从其他设备继续开发工作，代码、工具和执行环境仍然保留在自己的机器上。</p>
 
         <div class="agent-list" aria-label="支持的 Coding Agent">
-          <span><i class="provider-icon"><img src="/landing/icons/agent-pi.svg" alt=""></i> Pi</span>
-          <span><i class="provider-icon"><img src="/landing/icons/agent-copilot.svg" alt=""></i> GitHub Copilot</span>
-          <span><i class="provider-icon"><img src="/landing/icons/agent-claude.svg" alt=""></i> Claude Code</span>
-          <span><i class="provider-icon"><img src="/landing/icons/agent-codex.svg" alt=""></i> OpenAI Codex</span>
+          <span><i class="provider-icon"><img src="landing/icons/agent-pi.svg" alt=""></i> Pi</span>
+          <span><i class="provider-icon"><img src="landing/icons/agent-copilot.svg" alt=""></i> GitHub Copilot</span>
+          <span><i class="provider-icon"><img src="landing/icons/agent-claude.svg" alt=""></i> Claude Code</span>
+          <span><i class="provider-icon"><img src="landing/icons/agent-codex.svg" alt=""></i> OpenAI Codex</span>
         </div>
 
         <div class="hero-actions">
@@ -112,40 +116,62 @@
       <div class="product-window" aria-label="并行 Coding Agent 会话示意图">
         <div class="window-bar">
           <span class="window-dots" aria-hidden="true"><i></i><i></i><i></i></span>
-          <span>msclaude · 4 个会话</span>
-          <span class="encrypted-label">● 端到端加密</span>
+          <span>msclaude · 8 个会话</span>
+          <span class="encrypted-label"><i aria-hidden="true"></i>端到端加密</span>
         </div>
         <div class="provider-switcher" aria-label="四个支持的 Agent">
-          <span class="provider-switcher-label">本页运行的 Agent</span>
-          <span class="active"><i class="provider-icon"><img src="/landing/icons/agent-pi.svg" alt=""></i>Pi <b>1</b></span>
-          <span><i class="provider-icon"><img src="/landing/icons/agent-copilot.svg" alt=""></i>Copilot <b>1</b></span>
-          <span><i class="provider-icon"><img src="/landing/icons/agent-claude.svg" alt=""></i>Claude Code <b>1</b></span>
-          <span><i class="provider-icon"><img src="/landing/icons/agent-codex.svg" alt=""></i>Codex <b>1</b></span>
+          <span class="provider-switcher-label">按 Agent 查看会话</span>
+          <span class="active"><i class="provider-icon"><img src="landing/icons/agent-pi.svg" alt=""></i>Pi <b>2</b></span>
+          <span><i class="provider-icon"><img src="landing/icons/agent-copilot.svg" alt=""></i>Copilot <b>1</b></span>
+          <span><i class="provider-icon"><img src="landing/icons/agent-claude.svg" alt=""></i>Claude Code <b>3</b></span>
+          <span><i class="provider-icon"><img src="landing/icons/agent-codex.svg" alt=""></i>Codex <b>2</b></span>
         </div>
         <div class="workspace-ui">
           <aside class="session-sidebar">
             <div class="sidebar-title"><strong>会话</strong><span>+</span></div>
             <div class="directory-label">Q:\src\frontend</div>
-            <div class="session-row active"><i class="provider-icon"><img src="/landing/icons/agent-pi.svg" alt=""></i><span><strong>修改主页文案</strong><small>Pi · 处理中</small></span><b></b></div>
-            <div class="session-row"><i class="provider-icon"><img src="/landing/icons/agent-copilot.svg" alt=""></i><span><strong>修复登录回调</strong><small>Copilot · 已完成</small></span></div>
+            <button class="session-row active" type="button" data-demo-session="pi"><i class="provider-icon"><img src="landing/icons/agent-pi.svg" alt=""></i><span><strong>加入键盘导航</strong><small>Pi · 处理中</small></span><b></b></button>
+            <button class="session-row" type="button" data-demo-session="copilot"><i class="provider-icon"><img src="landing/icons/agent-copilot.svg" alt=""></i><span><strong>修复付款重复提交</strong><small>Copilot · 已完成</small></span></button>
             <div class="directory-label">D:\work\api</div>
-            <div class="session-row"><i class="provider-icon"><img src="/landing/icons/agent-claude.svg" alt=""></i><span><strong>Review API 改动</strong><small>Claude Code · 处理中</small></span><b></b></div>
-            <div class="session-row"><i class="provider-icon"><img src="/landing/icons/agent-codex.svg" alt=""></i><span><strong>更新单元测试</strong><small>Codex · 已完成</small></span></div>
+            <button class="session-row" type="button" data-demo-session="claude"><i class="provider-icon"><img src="landing/icons/agent-claude.svg" alt=""></i><span><strong>设计零停机迁移方案</strong><small>Claude Code · 方案就绪</small></span></button>
+            <button class="session-row" type="button" data-demo-session="codex"><i class="provider-icon"><img src="landing/icons/agent-codex.svg" alt=""></i><span><strong>优化 CI 流水线</strong><small>Codex · 已完成</small></span></button>
           </aside>
-          <div class="chat-ui">
+          <div class="chat-ui" data-demo-chat>
             <div class="chat-head">
-              <div><strong>修改主页文案</strong><small>Q:\src\frontend · Pi</small></div>
+              <div><strong data-demo-title>加入键盘导航</strong><small data-demo-meta>Q:\src\frontend · Pi</small></div>
               <div class="chat-actions"><span>文件</span><span>Git</span><span>终端</span></div>
             </div>
-            <div class="chat-body">
-              <div class="message user-message">修改主页文案，并保持页面紧凑。</div>
+            <div class="chat-body" aria-live="polite">
+              <div class="message user-message" data-demo-user>为会话列表和命令面板加入完整的键盘导航。</div>
               <div class="message agent-message">
-                <span class="message-author"><i class="provider-icon"><img src="/landing/icons/agent-pi.svg" alt=""></i> Pi</span>
-                <p>我会更新产品描述，展示支持的 Agent，并把主要内容控制在两屏以内。</p>
-                <div class="tool-call"><span>✓</span><div><strong>apply_patch</strong><small>已更新 landing.html 和 landing.css</small></div></div>
+                <span class="message-author"><i class="provider-icon"><img data-demo-icon src="landing/icons/agent-pi.svg" alt=""></i><span data-demo-agent>Pi</span></span>
+                <p data-demo-response>完成。方向键可以移动选项，Enter 打开会话，Escape 会将焦点返回编辑器。</p>
+                <div class="tool-call"><span>✓</span><div><strong data-demo-tool>edit</strong><small data-demo-tool-detail>已更新 SessionList.vue</small></div></div>
+                <div class="demo-extra" data-demo-extra>
+                  <div class="diff-card">
+                    <div class="diff-head"><strong>Edit</strong><span>SessionList.vue</span></div>
+                    <code><span class="diff-remove">− @click="openSession(item)"</span><span class="diff-add">+ @keydown.enter="openSession(item)"</span></code>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="chat-input">
+              <div class="input-line">
+                <span class="input-placeholder" data-demo-placeholder>让 Pi 继续完善键盘操作...</span>
+                <button class="send-button" type="button" aria-label="发送消息">↑</button>
+              </div>
+              <div class="input-toolbar" data-demo-controls></div>
+            </div>
+            <div class="remote-terminal" data-demo-terminal hidden>
+              <div class="terminal-head">
+                <span><i></i><i></i><i></i></span>
+                <strong>远程终端</strong>
+                <small>已连接</small>
+              </div>
+              <div class="terminal-body" aria-label="模拟远程终端输出">
+                <code><span class="terminal-command"><b>$</b> ls</span><span class="terminal-output">README.md   package.json   src/   test/   vite.config.ts</span><span class="terminal-command"><b>$</b> <i class="terminal-cursor"></i></span></code>
               </div>
             </div>
-            <div class="chat-input"><span>继续给 Pi 发送指令...</span><button aria-label="发送消息">↑</button></div>
           </div>
         </div>
       </div>
@@ -155,8 +181,8 @@
       <div class="section-intro">
         <p class="section-label">工作台</p>
         <div>
-          <h2 id="capabilities-title">在一个页面中管理多个 Agent 和项目。</h2>
-          <p>同时查看不同 Agent 和工作目录中的会话。无需在多个终端或浏览器标签页之间切换，即可检查进度并发送后续指令。</p>
+          <h2 id="capabilities-title">一个工作台，连接所有 Agent、代码库和开发工具。</h2>
+          <p>在活跃会话、不同工作目录和本地开发工具之间快速切换，无需来回打开终端、远程桌面或多个浏览器标签页。</p>
         </div>
       </div>
 
@@ -168,62 +194,64 @@
             <p>并行运行多个 Agent 会话，按工作目录组织，并随时搜索以前的对话。</p>
           </div>
           <div class="session-stack" aria-hidden="true">
-            <span><i class="provider-icon"><img src="/landing/icons/agent-pi.svg" alt=""></i><b>Pi</b><small>Q:\src\frontend</small><em>处理中</em></span>
-            <span><i class="provider-icon"><img src="/landing/icons/agent-claude.svg" alt=""></i><b>Claude Code</b><small>D:\work\api</small><em>处理中</em></span>
-            <span><i class="provider-icon"><img src="/landing/icons/agent-codex.svg" alt=""></i><b>Codex</b><small>C:\repo\mobile</small><em>已完成</em></span>
+            <span><i class="provider-icon"><img src="landing/icons/agent-pi.svg" alt=""></i><b>Pi</b><small>Q:\src\frontend</small><em>处理中</em></span>
+            <span><i class="provider-icon"><img src="landing/icons/agent-claude.svg" alt=""></i><b>Claude Code</b><small>D:\work\api</small><em>处理中</em></span>
+            <span><i class="provider-icon"><img src="landing/icons/agent-codex.svg" alt=""></i><b>Codex</b><small>C:\repo\mobile</small><em>已完成</em></span>
           </div>
         </article>
 
         <article class="capability-card tools-card" id="tools">
           <div class="card-icon">&gt;_</div>
-          <h3>对话与开发工具</h3>
-          <p>对话是主要操作方式。需要更多上下文或控制时，项目工具会直接显示在会话旁边。</p>
+          <h3>把本地开发工作区带到浏览器</h3>
+          <p>直接访问 Agent 正在使用的文件、Git、终端和本地应用；开发环境仍然运行在自己的机器上。</p>
           <ul class="tool-list">
-            <li>文件 <small>浏览、预览、编辑</small></li>
-            <li>Git <small>状态与 Diff</small></li>
-            <li>终端 <small>运行本地命令</small></li>
-            <li>Port Proxy <small>打开本地服务</small></li>
+            <li>文件 <small>浏览、编辑、上传、下载</small></li>
+            <li>Git <small>状态、Diff、分支、历史</small></li>
+            <li>终端 <small>完整的本地交互式终端</small></li>
+            <li>端口代理 <small>从其他设备打开本地应用</small></li>
           </ul>
         </article>
 
         <article class="capability-card steps-card">
-          <p class="section-label">工作原理</p>
+          <p class="section-label">Agent 控制</p>
+          <h3>每个 Agent 的原生能力，都在输入框里</h3>
+          <p>输入框会根据当前 Agent 展示对应能力，无需记忆命令行参数。</p>
           <ol>
-            <li><span>1</span><div><strong>从本地启动</strong><small>在一个工作目录中运行 msclaude。</small></div></li>
-            <li><span>2</span><div><strong>打开会话链接</strong><small>在其他设备上打开生成的网址。</small></div></li>
-            <li><span>3</span><div><strong>继续开发</strong><small>远程使用对话、文件、Git 和终端。</small></div></li>
+            <li><span>+</span><div><strong>附件</strong><small>添加文件和图片。</small></div></li>
+            <li><span>◇</span><div><strong>模型与思考</strong><small>切换模型和推理等级。</small></div></li>
+            <li><span>›</span><div><strong>模式与权限</strong><small>使用 Plan 及 Agent 专属选项。</small></div></li>
           </ol>
         </article>
       </div>
     </section>
 
-    <section class="trust-section" aria-label="安全与自托管">
+    <section class="trust-section" aria-label="本地优先的安全模型">
       <article class="trust-card" id="security">
         <div>
-          <p class="section-label">端到端加密</p>
-          <h2>中继无法读取你的工作内容。</h2>
-          <p>浏览器与本地 Agent 之间的消息采用端到端加密。中继无法读取 Prompt、回复、工具输出或文件内容。代码和执行始终保留在开发机上。</p>
+          <p class="section-label">01 · 工作留在本地</p>
+          <h2>你的开发机就是工作空间。</h2>
+          <p>Agent、源代码、凭据、开发工具和命令执行都留在自己的机器上，无需迁移到新的云端环境。</p>
         </div>
       </article>
       <article class="trust-card">
         <div>
-          <p class="section-label">多设备访问</p>
-          <h2>从常用设备继续 Agent 会话。</h2>
-          <p>在电脑、平板或手机的浏览器中打开同一个会话链接，查看执行进度、发送后续指令，并使用相关开发工具。</p>
+          <p class="section-label">02 · 连接保持私密</p>
+          <h2>中继只传输加密数据。</h2>
+          <p>Prompt、回复、工具输出和文件内容均在浏览器与本地 Agent 之间端到端加密。</p>
         </div>
       </article>
       <article class="trust-card" id="self-hosting">
         <div>
-          <p class="section-label">自托管</p>
-          <h2>轻松部署自己的中继服务。</h2>
-          <p>使用托管中继最简单，但不是必需条件。轻量的 msclaude 中继可以部署到自己的基础设施，并保留相同的浏览器体验和加密机制。</p>
+          <p class="section-label">03 · 部署由你决定</p>
+          <h2>使用托管中继，或运行自己的服务。</h2>
+          <p>可以先使用托管中继，也可以将轻量服务部署到自己的基础设施，浏览器体验保持一致。</p>
         </div>
       </article>
     </section>
   </main>
 
   <footer class="site-footer">
-    <a class="brand footer-brand" href="/zh"><img class="brand-mark" src="/landing/icons/msclaude-animated.svg" alt=""><span>msclaude</span></a>
+    <a class="brand footer-brand" href="/zh"><img class="brand-mark" src="landing/icons/msclaude-animated.svg" alt=""><span>msclaude</span></a>
     <p>远程使用开发机上运行的 Coding Agent。</p>
     <div><a href="https://github.com/kailunshi_microsoft/AgenticWorker" target="_blank" rel="noopener">GitHub</a><a href="/" lang="en" hreflang="en">EN</a></div>
   </footer>

package/web/dist/assets/channel-BUPHzg7D.js

@@ -1 +0,0 @@
-import{U as r,C as a}from"./mermaid.core-DkcKZax1.js";const o=(o,s)=>r.lang.round(a.parse(o)[s]);export{o as c};

package/web/dist/assets/classDiagram-OUVF2IWQ-CEHpjaOw.js

@@ -1 +0,0 @@
-import{s as r,c as s,a,C as e}from"./chunk-V7JOEXUC-WNOLiPpt.js";import{_ as o}from"./mermaid.core-DkcKZax1.js";import"./chunk-5VM5RSS4-CqNmatdI.js";import"./chunk-XXDRQBXY-D6g9o0gx.js";import"./chunk-VR4S4FIN-B-fO7gd6.js";import"./chunk-32BRIVSS-L5rSd5kx.js";import"./index-DknoSkal.js";var t={parser:a,get db(){return new e},renderer:s,styles:r,init:o(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{t as diagram};

package/web/dist/assets/classDiagram-v2-EOCWNBFH-CEHpjaOw.js

@@ -1 +0,0 @@
-import{s as r,c as s,a,C as e}from"./chunk-V7JOEXUC-WNOLiPpt.js";import{_ as o}from"./mermaid.core-DkcKZax1.js";import"./chunk-5VM5RSS4-CqNmatdI.js";import"./chunk-XXDRQBXY-D6g9o0gx.js";import"./chunk-VR4S4FIN-B-fO7gd6.js";import"./chunk-32BRIVSS-L5rSd5kx.js";import"./index-DknoSkal.js";var t={parser:a,get db(){return new e},renderer:s,styles:r,init:o(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{t as diagram};