npm - @greatlhd/ailo-desktop - Versions diffs - 1.0.0 - Mend

@greatlhd/ailo-desktop 1.0.0

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 (73) hide show

package/copy-static.mjs +11 -0
package/dist/browser_control.js +767 -0
package/dist/browser_snapshot.js +174 -0
package/dist/cli.js +36 -0
package/dist/code_executor.js +95 -0
package/dist/config_server.js +658 -0
package/dist/connection_util.js +14 -0
package/dist/constants.js +2 -0
package/dist/desktop_state_store.js +57 -0
package/dist/desktop_types.js +1 -0
package/dist/desktop_verifier.js +40 -0
package/dist/dingtalk-handler.js +173 -0
package/dist/dingtalk-types.js +1 -0
package/dist/email_handler.js +501 -0
package/dist/exec_tool.js +90 -0
package/dist/feishu-handler.js +620 -0
package/dist/feishu-types.js +8 -0
package/dist/feishu-utils.js +162 -0
package/dist/fs_tools.js +398 -0
package/dist/index.js +433 -0
package/dist/mcp/config-manager.js +64 -0
package/dist/mcp/index.js +3 -0
package/dist/mcp/rpc.js +109 -0
package/dist/mcp/session.js +140 -0
package/dist/mcp_manager.js +253 -0
package/dist/mouse_keyboard.js +516 -0
package/dist/qq-handler.js +153 -0
package/dist/qq-types.js +15 -0
package/dist/qq-ws.js +178 -0
package/dist/screenshot.js +271 -0
package/dist/skills_hub.js +212 -0
package/dist/skills_manager.js +103 -0
package/dist/static/AGENTS.md +25 -0
package/dist/static/app.css +539 -0
package/dist/static/app.html +292 -0
package/dist/static/app.js +380 -0
package/dist/static/chat.html +994 -0
package/dist/time_tool.js +22 -0
package/dist/utils.js +15 -0
package/package.json +38 -0
package/src/browser_control.ts +739 -0
package/src/browser_snapshot.ts +196 -0
package/src/cli.ts +44 -0
package/src/code_executor.ts +101 -0
package/src/config_server.ts +723 -0
package/src/connection_util.ts +23 -0
package/src/constants.ts +2 -0
package/src/desktop_state_store.ts +64 -0
package/src/desktop_types.ts +44 -0
package/src/desktop_verifier.ts +45 -0
package/src/dingtalk-types.ts +26 -0
package/src/exec_tool.ts +93 -0
package/src/feishu-handler.ts +722 -0
package/src/feishu-types.ts +66 -0
package/src/feishu-utils.ts +174 -0
package/src/fs_tools.ts +411 -0
package/src/index.ts +474 -0
package/src/mcp/config-manager.ts +85 -0
package/src/mcp/index.ts +7 -0
package/src/mcp/rpc.ts +131 -0
package/src/mcp/session.ts +182 -0
package/src/mcp_manager.ts +273 -0
package/src/mouse_keyboard.ts +526 -0
package/src/qq-types.ts +49 -0
package/src/qq-ws.ts +223 -0
package/src/screenshot.ts +297 -0
package/src/static/app.css +539 -0
package/src/static/app.html +292 -0
package/src/static/app.js +380 -0
package/src/static/chat.html +994 -0
package/src/time_tool.ts +24 -0
package/src/utils.ts +22 -0
package/tsconfig.json +13 -0

package/src/static/app.html ADDED Viewed

@@ -0,0 +1,292 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Ailo Desktop</title>
+<link rel="stylesheet" href="/app.css">
+</head>
+<body>
+<!-- ─── Sidebar ─────────────────────────────────────────────── -->
+<aside class="sidebar">
+  <div class="sidebar-brand">
+    <div class="brand-icon">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
+      </svg>
+    </div>
+    <div class="brand-info">
+      <div class="brand-name">Ailo Desktop</div>
+      <div class="brand-status">
+        <span class="status-dot off" id="globalDot"></span>
+        <span id="globalStatus">未连接</span>
+      </div>
+    </div>
+  </div>
+  <nav class="sidebar-nav">
+    <div class="nav-section-label">主界面</div>
+    <div class="nav-item active" data-panel="chat" onclick="nav('chat')">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
+      <span>网页聊天</span>
+    </div>
+    <div class="nav-item" data-panel="status" onclick="nav('status')">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
+      <span>状态</span>
+    </div>
+    <div class="nav-section-label">能力</div>
+    <div class="nav-item" data-panel="tools" onclick="nav('tools')">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
+      <span>工具</span>
+    </div>
+    <div class="nav-item" data-panel="mcp" onclick="nav('mcp')">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"/></svg>
+      <span>MCP</span>
+    </div>
+    <div class="nav-section-label">通道配置</div>
+    <div class="nav-item" data-panel="feishu" onclick="nav('feishu')">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
+      <span>飞书</span>
+      <span class="nav-badge off" id="feishuNavBadge" style="display:none"></span>
+    </div>
+    <div class="nav-section-label">系统</div>
+    <div class="nav-item" data-panel="env" onclick="nav('env')">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
+      <span>运行环境</span>
+    </div>
+  </nav>
+</aside>
+<!-- ─── Main ─────────────────────────────────────────────────── -->
+<div class="main">
+  <div class="main-content">
+    <!-- 网页聊天 -->
+    <div class="panel active" id="panel-chat" style="height:100vh;overflow:hidden;margin:-20px -32px -32px">
+      <iframe src="/chat" title="网页聊天" class="chat-embed"></iframe>
+    </div>
+    <!-- 状态 -->
+    <div class="panel" id="panel-status">
+      <div class="card" id="statusCard">
+        <div class="connection-hero">
+          <div class="connection-icon" id="connectionIcon">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M5 12.55a11 11 0 0 1 14.08 0"/><path d="M1.42 9a16 16 0 0 1 21.16 0"/>
+              <path d="M8.53 16.11a6 6 0 0 1 6.95 0"/><line x1="12" y1="20" x2="12.01" y2="20"/>
+            </svg>
+          </div>
+          <div>
+            <div class="connection-label" id="connectionLabel">未连接</div>
+            <div class="connection-sublabel" id="connectionSublabel">尚未连接至 Ailo 服务</div>
+          </div>
+          <div style="margin-left:auto" id="connectionBadgeWrap"></div>
+        </div>
+        <div class="info-grid" id="statusInfoGrid" style="display:none">
+          <div class="info-item">
+            <div class="info-item-label">端点 ID</div>
+            <div class="info-item-value" id="statusEndpointId">-</div>
+          </div>
+          <div class="info-item">
+            <div class="info-item-label">连接状态</div>
+            <div class="info-item-value" id="statusConnected">-</div>
+          </div>
+        </div>
+      </div>
+      <!-- 连接配置（仅 showConnectionForm=true 时显示） -->
+      <div class="card" id="connectionFormCard" style="display:none">
+        <div class="card-header">
+          <div>
+            <div class="card-title">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"/></svg>
+              Ailo 连接配置
+            </div>
+            <div class="card-desc">保存后将使用新配置自动重连，无需重启进程</div>
+          </div>
+        </div>
+        <div class="form-group"><label>AILO_WS_URL</label><input id="connWsUrl" placeholder="ws://127.0.0.1:19800/ws"></div>
+        <div class="form-group"><label>AILO_API_KEY</label><input id="connApiKey" type="text" placeholder="ailo_ep_xxx" autocomplete="off"></div>
+        <div class="form-group"><label>AILO_ENDPOINT_ID</label><input id="connEndpointId" placeholder="desktop-01"></div>
+        <div class="btn-group">
+          <button class="btn btn-primary" id="saveConnBtn" onclick="saveConnection()">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></svg>
+            保存配置
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- 工具 -->
+    <div class="panel" id="panel-tools">
+      <div class="sub-tabs">
+        <button class="sub-tab active" data-sub="reported" onclick="toolsSub('reported')">已上报工具</button>
+        <button class="sub-tab" data-sub="blueprints" onclick="toolsSub('blueprints')">蓝图</button>
+      </div>
+      <div class="sub-panel active" id="sub-reported">
+        <div class="card">
+          <div class="card-header">
+            <div class="card-title">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>
+              已上报工具
+            </div>
+            <button class="btn btn-secondary btn-sm" onclick="loadReportedTools()">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-3.51"/></svg>
+              刷新
+            </button>
+          </div>
+          <div class="card-desc" style="margin-bottom:12px">桌面端向 Ailo 注册的能力（蓝图 + MCP），可直接在对话中调用</div>
+          <div id="reportedToolsList"><div class="loading-text">加载中...</div></div>
+        </div>
+      </div>
+      <div class="sub-panel" id="sub-blueprints">
+        <div class="card">
+          <div class="card-header">
+            <div class="card-title">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
+              蓝图
+            </div>
+            <button class="btn btn-secondary btn-sm" onclick="loadAllBlueprints()">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-3.51"/></svg>
+              刷新
+            </button>
+          </div>
+          <div class="card-desc" style="margin-bottom:14px">当前激活蓝图列表（仅已配置的通道才会出现）</div>
+          <div class="sub-tabs blueprint-tabs" id="blueprintTabRow"></div>
+          <div id="blueprintPanels"><div class="loading-text">加载中...</div></div>
+        </div>
+      </div>
+    </div>
+    <!-- MCP -->
+    <div class="panel" id="panel-mcp">
+      <div class="card">
+        <div class="card-header">
+          <div class="card-title">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"/></svg>
+            MCP 服务
+          </div>
+          <div class="btn-group" style="margin:0">
+            <button class="btn btn-primary btn-sm" onclick="showMCPCreateModal()">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
+              新增
+            </button>
+            <button class="btn btn-secondary btn-sm" onclick="loadMCP()">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-3.51"/></svg>
+              刷新
+            </button>
+          </div>
+        </div>
+        <div class="card-desc" style="margin-bottom:12px">配置保存在 <code>~/.agents/mcp_config.json</code>，新增后需点击「启动」才会上报工具</div>
+        <div id="mcpList"><div class="loading-text">加载中...</div></div>
+      </div>
+    </div>
+    <!-- 飞书 -->
+    <div class="panel" id="panel-feishu">
+      <div class="card">
+        <div class="channel-header">
+          <div class="channel-icon" style="background:rgba(6,182,212,.15)">🐦</div>
+          <div>
+            <div class="channel-title">飞书通道</div>
+            <div class="channel-subtitle">通过飞书 WebSocket 接收消息并代为回复</div>
+          </div>
+          <div style="margin-left:auto" id="feishuStatusBadge"></div>
+        </div>
+        <div class="form-group"><label>App ID</label><input id="feishuAppId" placeholder="cli_xxx"></div>
+        <div class="form-group"><label>App Secret</label><input id="feishuAppSecret" type="text" autocomplete="off" placeholder="应用密钥"></div>
+        <div class="btn-group">
+          <button class="btn btn-primary" id="saveFeishuBtn" onclick="saveFeishuConfig()">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/></svg>
+            保存
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- 运行环境 -->
+    <div class="panel" id="panel-env">
+      <div class="card">
+        <div class="card-header">
+          <div class="card-title">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
+            运行环境检测
+          </div>
+          <button class="btn btn-secondary btn-sm" onclick="loadEnvCheck()">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-3.51"/></svg>
+            刷新
+          </button>
+        </div>
+        <div class="card-desc" style="margin-bottom:16px">以下为桌面端与 Skills 所需的运行环境。未安装时请按提示操作；仅「Playwright Chromium」支持一键安装。</div>
+        <div id="envCheckList"><div class="loading-text">加载中...</div></div>
+        <div id="envInstallRow" style="margin-top:14px;display:none">
+          <button class="btn btn-primary btn-sm" id="envInstallBtn" onclick="doEnvInstall()">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
+            安装缺失依赖
+          </button>
+        </div>
+      </div>
+    </div>
+  </div><!-- .main-content -->
+</div><!-- .main -->
+<!-- ─── Toast container ──────────────────────────────────────── -->
+<div id="toast-container"></div>
+<!-- ─── Modals ───────────────────────────────────────────────── -->
+<!-- Add MCP Modal -->
+<div class="modal-overlay" id="mcpCreateModal">
+  <div class="modal modal-lg">
+    <div class="modal-title">新增 MCP 服务</div>
+    <div class="modal-sub">选择传输类型：stdio（本地命令）或 SSE（远程服务器 URL）</div>
+    <div class="form-group"><label>名称</label><input id="mcpName" placeholder="filesystem"></div>
+    <div class="form-group">
+      <label>传输类型</label>
+      <select id="mcpTransport" onchange="onMCPTransportChange()">
+        <option value="stdio">stdio（本地命令）</option>
+        <option value="sse">SSE（远程服务器）</option>
+      </select>
+    </div>
+    <div id="mcpStdioFields">
+      <div class="form-group">
+        <label>命令与参数（数组，每行一项）</label>
+        <div id="mcpCommandArgsList" style="display:flex;flex-direction:column;gap:6px;margin-bottom:8px"></div>
+        <button type="button" class="btn btn-secondary btn-sm" onclick="addMCPArgvRow()">+ 添加一项</button>
+      </div>
+    </div>
+    <div id="mcpSSEFields" style="display:none">
+      <div class="form-group"><label>服务器 URL</label><input id="mcpSSEUrl" placeholder="http://localhost:3001"></div>
+    </div>
+    <div class="form-group">
+      <label>环境变量</label>
+      <div id="mcpEnvList" style="display:flex;flex-direction:column;gap:6px;margin-bottom:8px"></div>
+      <button type="button" class="btn btn-secondary btn-sm" onclick="addMCPEnvRow()">+ 添加环境变量</button>
+    </div>
+    <div class="modal-footer">
+      <button class="btn btn-secondary btn-sm" onclick="hideModal('mcpCreateModal')">取消</button>
+      <button class="btn btn-primary btn-sm" onclick="doCreateMCP()">添加</button>
+    </div>
+  </div>
+</div>
+<!-- Env Hint Modal -->
+<div class="modal-overlay" id="envHintModal">
+  <div class="modal">
+    <div class="modal-title" id="envHintModalTitle">安装说明</div>
+    <div id="envHintModalContent" style="font-size:14px;color:var(--text-secondary);line-height:1.65;white-space:pre-line;max-height:55vh;overflow:auto"></div>
+    <div class="modal-footer">
+      <button class="btn btn-secondary btn-sm" onclick="hideModal('envHintModal')">关闭</button>
+    </div>
+  </div>
+</div>
+<script>window.SHOW_CONNECTION_FORM = __SHOW_CONNECTION_FORM__;</script>
+<script src="/app.js"></script>
+</body>
+</html>