@qwen-code/arena-agent 0.0.9-dev.0 → 0.0.9-dev.11

package/modes/code-arena/html/tools.json

@@ -0,0 +1,284 @@
+[
+  {
+    "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": "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": "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
+      }
+    }
+  }
+]

package/modes/code-arena/model.json

@@ -0,0 +1,10 @@
+{
+  "incremental_output": true,
+  "max_tokens": 131072,
+  "temperature": 1,
+  "result_format": "message",
+  "enable_thinking": true,
+  "thinking_budget": 81920,
+  "preserve_thinking": true,
+  "tool_choice": "auto"
+}

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

@@ -0,0 +1,33 @@
+You are an expert coding assistant who creates web applications using React, Vite, and Tailwind CSS. You will be using the provided tools to view, create, and edit files in the project.
+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 'list_files', 'grep_files', and 'glob_files' to explore the project, search file contents by regex, and discover files by name pattern.
+
+## 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.
+
+## Task Planning
+
+You have a maximum of 50 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
+
+The 'App' component in 'src/App.tsx' is the entry point. Replace it with your implementation.
+ALWAYS create complete, functional web applications. When you are finished, 'npm run build' will be called to build the project and the generated dist/index.html file will be served.
+NEVER edit package.json or vite.config.ts directly. Use the 'install_npm_packages' tool to install new packages.
+When you are finished, ALWAYS use build_project to confirm that the project builds successfully. NEVER try to write your own build command.
+
+## Remember
+
+Use tools for all file creation and editing. Never output code directly in your response text.
+Feel free to use multiple files in your implementation
+Update the title in index.html to something appropriate.

package/modes/code-arena/react/template/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Arena Web Dev App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/modes/code-arena/react/template/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "react-vite-tailwind",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "clsx": "2.1.1",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "tailwind-merge": "3.4.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "4.1.17",
+    "@types/node": "^22.0.0",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "5.1.1",
+    "tailwindcss": "4.1.17",
+    "typescript": "5.9.3",
+    "vite": "7.2.4",
+    "vite-plugin-singlefile": "2.3.0"
+  }
+}

package/modes/code-arena/react/template/src/App.tsx

@@ -0,0 +1,28 @@
+export function App() {
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-slate-50 via-white to-zinc-100 p-8">
+      <div className="space-y-6 text-center">
+        <div className="inline-flex h-16 w-16 items-center justify-center rounded-2xl bg-gradient-to-br from-violet-500 to-indigo-600 shadow-lg shadow-indigo-200">
+          <svg
+            className="h-8 w-8 text-white"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth={2}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <rect x="2" y="4" width="20" height="16" rx="2" />
+            <path d="M10 4v4" />
+            <path d="M2 8h20" />
+            <path d="M6 4v4" />
+          </svg>
+        </div>
+        <div className="space-y-2">
+          <h1 className="text-3xl font-semibold tracking-tight text-slate-900">Ready to build</h1>
+          <p className="text-slate-500">Start prompting to build your app.</p>
+        </div>
+      </div>
+    </div>
+  );
+}

package/modes/code-arena/react/template/src/index.css

@@ -0,0 +1 @@
+@import "tailwindcss";

package/modes/code-arena/react/template/src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "./index.css";
+import { App } from "./App";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);

package/modes/code-arena/react/template/src/utils/cn.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/modes/code-arena/react/template/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "types": ["node"],
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src", "vite.config.ts"]
+}

package/modes/code-arena/react/template/vite.config.ts

@@ -0,0 +1,18 @@
+import path from "path";
+import { fileURLToPath } from "url";
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+import { viteSingleFile } from "vite-plugin-singlefile";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export default defineConfig({
+  plugins: [react(), tailwindcss(), viteSingleFile()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "src"),
+    },
+  },
+});