npm - @mseep/open-computer-use - Versions diffs - 1.0.0 - Mend

@mseep/open-computer-use 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 (769) hide show

package/computer-use-server/static/docs.html ADDED Viewed

@@ -0,0 +1,203 @@
+<!-- SPDX-License-Identifier: FSL-1.1-Apache-2.0 -->
+<!-- Copyright (c) 2025 Open Computer Use Contributors -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Computer Use Server</title>
+    <style>
+        * { box-sizing: border-box; }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            max-width: 1000px;
+            margin: 0 auto;
+            padding: 20px;
+            background: #fafafa;
+            color: #333;
+            line-height: 1.6;
+        }
+        h1 { color: #1a1a1a; border-bottom: 2px solid #4CAF50; padding-bottom: 10px; }
+        h2 { color: #2e7d32; margin-top: 30px; }
+        h3 { color: #555; }
+        .nav { margin: 20px 0; padding: 15px; background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
+        .nav a { margin-right: 20px; color: #1976d2; text-decoration: none; font-weight: 500; }
+        .nav a:hover { text-decoration: underline; }
+        .endpoint {
+            background: #fff;
+            padding: 15px 20px;
+            margin: 10px 0;
+            border-radius: 8px;
+            border-left: 4px solid #4CAF50;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+        }
+        .method {
+            display: inline-block;
+            font-weight: bold;
+            color: #fff;
+            padding: 3px 10px;
+            border-radius: 4px;
+            font-size: 12px;
+            margin-right: 10px;
+        }
+        .get { background: #61affe; }
+        .post { background: #49cc90; }
+        code {
+            background: #e8e8e8;
+            padding: 2px 8px;
+            border-radius: 4px;
+            font-family: 'SF Mono', Monaco, monospace;
+            font-size: 14px;
+        }
+        pre {
+            background: #263238;
+            color: #aed581;
+            padding: 15px;
+            border-radius: 8px;
+            overflow-x: auto;
+            font-size: 13px;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            margin: 15px 0;
+            background: #fff;
+            border-radius: 8px;
+            overflow: hidden;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+        }
+        th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #eee; }
+        th { background: #f5f5f5; font-weight: 600; }
+        tr:last-child td { border-bottom: none; }
+        .required { color: #d32f2f; font-weight: bold; }
+        .tool-list { list-style: none; padding: 0; }
+        .tool-list li {
+            background: #fff;
+            padding: 12px 15px;
+            margin: 8px 0;
+            border-radius: 8px;
+            border-left: 4px solid #1976d2;
+            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+        }
+        .tool-list strong { color: #1976d2; }
+        .section { margin-bottom: 30px; }
+        .links { list-style: none; padding: 0; }
+        .links li { margin: 6px 0; }
+    </style>
+</head>
+<body>
+    <h1>Computer Use Server</h1>
+    <p>MCP (Model Context Protocol) endpoint and file server for Computer Use sandbox containers.</p>
+    <div class="nav">
+        <a href="/docs">Swagger UI</a>
+        <a href="/redoc">ReDoc</a>
+        <a href="/mcp">MCP Info</a>
+        <a href="/health">Health</a>
+        <a href="/system-prompt">System Prompt</a>
+        <a href="https://github.com/Yambr/open-computer-use">GitHub</a>
+    </div>
+    <div class="section" style="background: #e8f5e9; padding: 20px; border-radius: 8px; border: 2px solid #4CAF50;">
+        <h2>MCP Endpoint</h2>
+        <p><strong>URL:</strong> <code>POST http://localhost:8081/mcp</code></p>
+        <p><strong>Auth:</strong> <code>Authorization: Bearer &lt;MCP_API_KEY&gt;</code> (the value of the <code>MCP_API_KEY</code> env var on the server).</p>
+        <h3>Available Tools</h3>
+        <ul class="tool-list">
+            <li><strong>bash_tool</strong> — execute bash commands in an isolated Docker container</li>
+            <li><strong>view</strong> — view files and directories</li>
+            <li><strong>create_file</strong> — create new files</li>
+            <li><strong>str_replace</strong> — edit files (text replacement)</li>
+            <li><strong>sub_agent</strong> — delegate tasks to an autonomous Claude Code agent</li>
+        </ul>
+        <h3>Step 1: Initialize (get session ID)</h3>
+        <pre>curl -sD - -X POST "http://localhost:8081/mcp" \
+  -H "Authorization: Bearer &lt;MCP_API_KEY&gt;" \
+  -H "Content-Type: application/json" \
+  -H "Accept: application/json, text/event-stream" \
+  -H "X-Chat-Id: my-session" \
+  -d '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"protocolVersion":"2024-11-05","capabilities":{},"clientInfo":{"name":"test","version":"1.0"}}}'
+# Response contains header: mcp-session-id: &lt;SESSION_ID&gt;</pre>
+        <h3>Step 2: Call a tool</h3>
+        <pre>curl -s -X POST "http://localhost:8081/mcp" \
+  -H "Authorization: Bearer &lt;MCP_API_KEY&gt;" \
+  -H "Content-Type: application/json" \
+  -H "Accept: application/json, text/event-stream" \
+  -H "Mcp-Session-Id: &lt;SESSION_ID&gt;" \
+  -H "X-Chat-Id: my-session" \
+  -d '{"jsonrpc":"2.0","id":2,"method":"tools/call","params":{"name":"bash_tool","arguments":{"command":"echo Hello","description":"test"}}}'</pre>
+        <h3>Required Headers</h3>
+        <table>
+            <tr><th>Header</th><th>Description</th></tr>
+            <tr><td><code>Authorization</code></td><td><code>Bearer &lt;MCP_API_KEY&gt;</code></td></tr>
+            <tr><td><code>Accept</code></td><td><code>application/json, text/event-stream</code></td></tr>
+            <tr><td><code>X-Chat-Id</code></td><td>Unique session ID (one sandbox container per chat ID)</td></tr>
+            <tr><td><code>Mcp-Session-Id</code></td><td>Session ID from the <em>initialize</em> response (required on subsequent calls)</td></tr>
+            <tr><td><code>X-MCP-Servers</code></td><td><em>(optional)</em> Comma-separated external MCP servers for <code>sub_agent</code> — see below</td></tr>
+        </table>
+    </div>
+    <div class="section">
+        <h2>External MCP servers for <code>sub_agent</code></h2>
+        <p>Pass a comma-separated list of MCP server names via the <code>X-MCP-Servers</code> header; the server writes <code>~/.mcp.json</code> inside the sandbox before launching Claude Code. Server URLs are built from <code>ANTHROPIC_BASE_URL</code>; auth reuses <code>ANTHROPIC_AUTH_TOKEN</code>.</p>
+        <pre>-H "X-MCP-Servers: confluence,jira" \
+-H "X-User-Email: user@example.com"</pre>
+        <p>Full recipe: <a href="https://github.com/Yambr/open-computer-use/blob/main/docs/MCP.md">docs/MCP.md</a>.</p>
+    </div>
+    <div class="section">
+        <h2>File API</h2>
+        <div class="endpoint">
+            <span class="method get">GET</span>
+            <code>/files/{chat_id}/{filename}</code>
+            <p>Download a file from the container's outputs directory</p>
+        </div>
+        <div class="endpoint">
+            <span class="method get">GET</span>
+            <code>/files/{chat_id}/archive</code>
+            <p>Download all output files as a ZIP archive</p>
+        </div>
+        <div class="endpoint">
+            <span class="method post">POST</span>
+            <code>/api/uploads/{chat_id}/{filename}</code>
+            <p>Upload a file to the container's uploads directory</p>
+        </div>
+        <div class="endpoint">
+            <span class="method get">GET</span>
+            <code>/api/uploads/{chat_id}/manifest</code>
+            <p>Manifest of uploaded files (filename → MD5)</p>
+        </div>
+    </div>
+    <div class="section" style="background: #e3f2fd; padding: 20px; border-radius: 8px; border: 2px solid #1976d2;">
+        <h2>System Prompt</h2>
+        <p>Ready-made system prompt that teaches an AI how to use this server (files, skills, tools). Use it in n8n, custom agents, or any integration.</p>
+        <pre>curl http://localhost:8081/system-prompt</pre>
+        <p>The server owns the public URL (<code>PUBLIC_BASE_URL</code> env var) and bakes it into the returned prompt; callers no longer need to pass <code>file_base_url</code>/<code>archive_url</code> query params (legacy, still accepted for backward compatibility).</p>
+    </div>
+    <div class="section">
+        <h2>Documentation &amp; source</h2>
+        <ul class="links">
+            <li>📖 <a href="https://github.com/Yambr/open-computer-use">Repository</a> — README, setup, architecture</li>
+            <li>🔌 <a href="https://github.com/Yambr/open-computer-use/blob/main/docs/MCP.md">docs/MCP.md</a> — MCP tools reference, external MCP servers</li>
+            <li>🔑 <a href="https://github.com/Yambr/open-computer-use/blob/main/docs/claude-code-gateway.md">docs/claude-code-gateway.md</a> — Claude Code auth inside the sandbox (Anthropic / LiteLLM / Bedrock)</li>
+            <li>🧩 <a href="https://github.com/Yambr/open-computer-use/blob/main/docs/openwebui-filter.md">docs/openwebui-filter.md</a> — Open WebUI filter &amp; tool integration</li>
+            <li>🐛 <a href="https://github.com/Yambr/open-computer-use/issues">Issues</a></li>
+        </ul>
+    </div>
+    <footer style="margin-top: 40px; padding-top: 20px; border-top: 1px solid #ddd; color: #666; font-size: 14px;">
+        Computer Use Server — <a href="https://github.com/Yambr/open-computer-use" style="color: #1976d2;">github.com/Yambr/open-computer-use</a>
+    </footer>
+</body>
+</html>

package/computer-use-server/static/github-dark.min.css ADDED Viewed

@@ -0,0 +1,10 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}

package/computer-use-server/static/github.min.css ADDED Viewed

@@ -0,0 +1,10 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub
+  Description: Light theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+  Outdated base version: https://github.com/primer/github-syntax-light
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}