@qwen-code/arena-agent 0.0.9-dev.2 → 0.0.9-dev.20

package/modes/code-arena/full-stack/tools.json

@@ -0,0 +1,446 @@
+[
+  {
+    "type": "function",
+    "function": {
+      "name": "read_file",
+      "description": "Read the content of an existing file with line numbers. For large files, use `offset` (1-indexed start line) and `limit` (max lines, default 2000) to read specific ranges. Cannot read binary files (images, fonts, audio, video, archives, etc.) — only text files are supported.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "path": {
+            "type": "string",
+            "description": "File path relative to project root (for example, 'index.html')"
+          },
+          "offset": {
+            "type": "integer",
+            "minimum": 1,
+            "description": "Line number to start reading from (1-indexed, default: 1)"
+          },
+          "limit": {
+            "type": "integer",
+            "minimum": 1,
+            "description": "Maximum number of lines to read (default: 2000)"
+          }
+        },
+        "required": [
+          "path",
+          "offset",
+          "limit"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "create_file",
+      "description": "Create a new file or overwrite an existing file in the project with the provided content. The file extension should match the type of file you want to create (e.g., 'index.html' for HTML files). If the file already exists, its content will be completely replaced.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "path": {
+            "type": "string",
+            "description": "File path relative to project root (for example, 'index.html')"
+          },
+          "content": {
+            "type": "string",
+            "description": "The complete content of the file"
+          }
+        },
+        "required": [
+          "path",
+          "content"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "edit_file",
+      "description": "Replace a section of content in a file. Uses fuzzy matching that ignores whitespace and indentation differences, so the context doesn't need to match exactly. This will fail if 'context' matches multiple sections in the file.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "path": {
+            "type": "string",
+            "description": "File path relative to project root (for example, 'index.html')"
+          },
+          "context": {
+            "type": "string",
+            "description": "The text in the file to replace. Uses fuzzy matching that ignores whitespace and indentation differences, so it doesn't need to match exactly. Only the first occurrence will be replaced."
+          },
+          "replacement": {
+            "type": "string",
+            "description": "The new text to replace the matched context with. This will be inserted exactly where the context was found."
+          }
+        },
+        "required": [
+          "path",
+          "context",
+          "replacement"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "delete_file",
+      "description": "Delete a file from the project.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "path": {
+            "type": "string",
+            "description": "File path relative to project root (for example, 'index.html')"
+          }
+        },
+        "required": [
+          "path"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "list_files",
+      "description": "List file paths in the project. If no path is provided, lists all files from the project root. You can optionally provide a relative path to list files within a specific directory. You should generally prefer the glob_files and grep_files tools if you know which directories or patterns to search for.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "path": {
+            "type": "string",
+            "description": "The directory to list, relative to project root. Defaults to the project root."
+          }
+        },
+        "additionalProperties": false,
+        "required": [
+          "path"
+        ]
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "grep_files",
+      "description": "Fast content search tool that searches file contents using regular expressions. Supports full regex syntax (e.g., \"log.*Error\", \"function\\s+\\w+\"). Filter files with the glob parameter (e.g., \"*.js\", \"*.{ts,tsx}\"). Returns matching lines with file paths and line numbers. Results are limited to 100 matches.",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "pattern": {
+            "type": "string",
+            "description": "The regex pattern to search for in file contents"
+          },
+          "path": {
+            "type": "string",
+            "description": "The directory to search in, relative to project root. Defaults to the project root."
+          },
+          "glob": {
+            "type": "string",
+            "description": "Glob pattern to filter files (e.g. \"*.js\", \"*.{ts,tsx}\")"
+          },
+          "output_mode": {
+            "type": "string",
+            "enum": [
+              "content",
+              "files_with_matches",
+              "count"
+            ],
+            "description": "Output mode: \"content\" shows matching lines (default), \"files_with_matches\" shows only file paths, \"count\" shows match counts per file."
+          },
+          "-i": {
+            "type": "boolean",
+            "description": "Case insensitive search"
+          },
+          "-B": {
+            "type": "integer",
+            "minimum": 0,
+            "description": "Number of lines to show before each match"
+          },
+          "-A": {
+            "type": "integer",
+            "minimum": 0,
+            "description": "Number of lines to show after each match"
+          },
+          "-C": {
+            "type": "integer",
+            "minimum": 0,
+            "description": "Number of lines to show before and after each match"
+          },
+          "context": {
+            "type": "integer",
+            "minimum": 0,
+            "description": "Alias for -C (context lines before and after)"
+          }
+        },
+        "required": [
+          "pattern",
+          "path",
+          "glob",
+          "output_mode",
+          "-i",
+          "-B",
+          "-A",
+          "-C",
+          "context"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "glob_files",
+      "description": "Fast file pattern matching tool. Supports glob patterns like \"**/*.js\" or \"src/**/*.ts\". Returns matching file paths. Use this tool when you need to find files by name or extension patterns. Results are limited to 100 files.",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "pattern": {
+            "type": "string",
+            "description": "The glob pattern to match files against"
+          },
+          "path": {
+            "type": "string",
+            "description": "The directory to search in, relative to project root. Defaults to the project root."
+          }
+        },
+        "required": [
+          "pattern",
+          "path"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "install_npm_packages",
+      "description": "Install npm packages as dependencies. Takes an array of package names and runs 'npm install -S' with those packages.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "packages": {
+            "type": "array",
+            "items": {
+              "type": "string",
+              "description": "Package name (e.g., 'react', 'lodash', 'axios@1.0.0')"
+            }
+          }
+        },
+        "required": [
+          "packages"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "bash",
+      "description": "Execute a bash command in the sandbox. The command runs in a sandboxed environment with Node.js and common CLI tools available.\n\nGuidelines:\n- The working directory defaults to the project root. Only pass `workdir` for subdirectories within the project (e.g. `src/`). Never pass an absolute path.\n- Prefer specialized tools (create_file, edit_file, read_file) for file operations when possible.\n- Include a short `description` summarizing what the command does in 5-10 words.\n- The command runs with `/bin/bash -c` and captures both stdout and stderr.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "command": {
+            "type": "string",
+            "description": "The bash command to execute"
+          },
+          "workdir": {
+            "type": "string",
+            "description": "Working directory for the command (defaults to project root)"
+          },
+          "description": {
+            "type": "string",
+            "description": "Short (5-10 word) description of what the command does"
+          }
+        },
+        "required": [
+          "command",
+          "workdir",
+          "description"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "build_and_start",
+      "description": "Build and start the fullstack preview using the platform-managed runtime. Use this after you finish editing code to verify that the application bootstraps, builds, starts, and passes the healthcheck. If it fails, inspect the returned stage and log tail before deciding what to fix.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "description": {
+            "type": "string"
+          }
+        },
+        "additionalProperties": false,
+        "required": [
+          "description"
+        ]
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "web_search",
+      "description": "Search the web for current information. Use when you need documentation, API references, examples, or facts beyond your training data. Returns results with titles, URLs, and content snippets. The current year is 2026 — use it when searching for recent information.",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "query": {
+            "type": "string",
+            "description": "The search query"
+          },
+          "depth": {
+            "type": "string",
+            "enum": [
+              "1",
+              "2",
+              "3"
+            ],
+            "description": "The search tool accepts a depth parameter (1, 2, or 3) that controls how many results are fetched and how much content is extracted from each. At depth 1, fewer results are retrieved with shorter excerpts. At depth 3, more results are retrieved with longer, more detailed excerpts per source. Depth 2 falls between the two. Higher depth consumes more of the context window."
+          }
+        },
+        "required": [
+          "query",
+          "depth"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "web_fetch",
+      "description": "Fetch and read the content of a web page. Use to read documentation, API references, or examples found via web_search. Returns content as markdown by default. Supports format options: \"markdown\" (default), \"text\", or \"html\".",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "url": {
+            "type": "string",
+            "description": "The URL to fetch content from"
+          },
+          "format": {
+            "type": "string",
+            "enum": [
+              "markdown",
+              "text",
+              "html"
+            ],
+            "description": "Output format: \"markdown\" (default), \"text\", or \"html\""
+          }
+        },
+        "required": [
+          "url",
+          "format"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "fetch_media",
+      "description": "Search for stock photos and videos and return URL-based media assets. Use this when real photography or video is better than AI-generated imagery. Use `recommendedUrl`.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "query": {
+            "type": "string",
+            "description": "Search query for stock media, such as 'modern office interior' or 'ocean waves'."
+          },
+          "media_type": {
+            "type": "string",
+            "enum": [
+              "image",
+              "video",
+              "both"
+            ],
+            "default": "both",
+            "description": "Type of media: \"image\", \"video\", or \"both\". Defaults to \"both\"."
+          },
+          "count": {
+            "type": "number",
+            "default": 6,
+            "description": "Number of assets to return (1-10). Defaults to 6."
+          },
+          "orientation": {
+            "type": "string",
+            "enum": [
+              "any",
+              "landscape",
+              "portrait",
+              "square"
+            ],
+            "default": "any",
+            "description": "Desired orientation. Defaults to \"any\"."
+          },
+          "size": {
+            "type": "string",
+            "enum": [
+              "any",
+              "large",
+              "medium",
+              "small"
+            ],
+            "default": "any",
+            "description": "Minimum media size. Defaults to \"any\"."
+          },
+          "locale": {
+            "type": "string",
+            "description": "Search locale, such as \"en-US\". Defaults to \"en-US\"."
+          }
+        },
+        "required": [
+          "query",
+          "media_type",
+          "count",
+          "orientation",
+          "size",
+          "locale"
+        ],
+        "additionalProperties": false
+      }
+    }
+  },
+  {
+    "type": "function",
+    "function": {
+      "name": "generate_image",
+      "description": "Generate a custom image using AI and save it to the project. Use this tool when you need to create images for the website such as hero backgrounds, icons, illustrations, or any visual content. The image will be saved at the specified path. Place web-accessible images in the 'public/' directory (e.g., 'public/images/hero.jpg'). Provide a detailed, descriptive prompt for best results. Supported formats: JPG, JPEG, and PNG. You can generate at most 10 images per session — plan your image usage carefully and prefer CSS gradients, SVG, or emoji for decorative elements.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {
+          "file_path": {
+            "type": "string",
+            "description": "Relative path to save the generated image (e.g., 'public/images/hero.jpg'). Must end in .jpg, .jpeg, or .png."
+          },
+          "prompt": {
+            "type": "string",
+            "description": "Text prompt describing the image to generate"
+          }
+        },
+        "required": [
+          "file_path",
+          "prompt"
+        ],
+        "additionalProperties": false
+      }
+    }
+  }
+]

package/modes/code-arena/html/system-prompt.txt

@@ -0,0 +1,36 @@
+You are an expert coding assistant who creates single page websites by using the provided tools to create and/or edit an index.html file using HTML, CSS, and JavaScript.
+For any user prompt, always try to generate a website. Always just update the code instead of asking the user to confirm details.
+
+## Critical File Operations
+
+All file operations must be done exclusively through the provided tools. After using a tool, provide only a brief summary of what you did - DO NOT output the actual code content in your response text.
+You can use 'grep_files' to search file contents by regex pattern when you need to find specific code.
+
+## Web Research
+
+You have access to 'web_search' and 'web_fetch' tools for researching information on the internet.
+- Use 'web_search' to find documentation, API references, examples, or any facts you need. This is especially useful when the user asks you to integrate a third-party API or library you're not fully familiar with.
+- Use 'web_fetch' to read the content of a specific web page, such as documentation or API reference pages found via search.
+- When the user's request involves a specific API, service, or library, proactively search for its documentation to ensure you use the correct endpoints, parameters, and authentication methods rather than guessing.
+
+**IMPORTANT:** When using the tools to create or edit files, the content you provide should be plain HTML/CSS/JavaScript with normal angle brackets (< and >), NOT HTML entities like &lt; or &gt;. Write the code exactly as it would appear in a normal .html file.
+
+## Task Planning
+
+You have a maximum of 25 sequential tool-calling steps to complete the task. Plan your approach carefully and prioritize the most critical changes first to work within this limit.
+
+For each file you create or edit, you must first explain what you are about to do, then call the tool, then confirm the result.
+
+## Requirements
+
+ALWAYS create complete, functional web applications in a single index.html file.
+
+Make sure the index.html file includes:
+- HTML structure with proper DOCTYPE
+- Tailwind CSS for styling via CDN: <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>, styling inline, or via an inline <style> tag
+- JavaScript functionality in <script> tags within the HTML
+
+## Remember
+
+Use tools for all file creation and editing. Never output code directly in your response text.
+You MUST use non-escaped characters that can be rendered in a browser as-is. Don't escape them!