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

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

@@ -0,0 +1,410 @@
+[
+  {
+    "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": "build_project",
+      "description": "Build the project using 'npm run build'. Use this to confirm that the project builds successfully.\n",
+      "parameters": {
+        "type": "object",
+        "properties": {},
+        "additionalProperties": false,
+        "required": []
+      }
+    }
+  },
+  {
+    "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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qwen-code/arena-agent",
-  "version": "0.0.9-dev.2",
-  "description": "A TypeScript CodeAgent harness reconstructed from Arena message and tool traces.",
+  "version": "0.0.9-dev.20",
+  "description": "A four-mode TypeScript agent harness for Arena and Code Arena traces.",
   "type": "module",
   "types": "./dist/sdk.d.ts",
   "exports": {
@@ -12,14 +12,22 @@
     "./sdk": {
       "types": "./dist/sdk.d.ts",
       "import": "./dist/sdk.js"
+    },
+    "./mode": {
+      "types": "./dist/mode.d.ts",
+      "import": "./dist/mode.js"
     }
   },
   "bin": {
-    "arena": "dist/cli.js"
+    "arena": "dist/cli.js",
+    "code-harness": "dist/code-cli.js"
   },
   "files": [
     "dist",
     "docs/SDK.md",
+    "docs/MODES_AND_RELEASES.md",
+    "docs/BINARY_DISTRIBUTION.md",
+    "modes",
     "web",
     "README.md",
     ".env.example"
@@ -31,6 +39,11 @@
     "generate:canonical-data": "node scripts/generate-canonical-data.mjs",
     "prebuild": "npm run generate:canonical-data",
     "build": "tsc -p tsconfig.json && tsc -p tsconfig.web.json",
+    "build:binary": "npm run build && node scripts/build-binary.mjs",
+    "package:binary": "npm run build:binary && node scripts/package-binaries.mjs",
+    "package:binary:platform": "npm run build:binary && node scripts/package-binaries.mjs --skip-cli",
+    "package:binary:cli": "node scripts/package-binaries.mjs --cli-only",
+    "publish:binaries": "node scripts/publish-binaries.mjs",
     "dev": "tsx src/cli.ts serve",
     "tui": "tsx src/cli.ts tui",
     "prepack": "npm run build",
@@ -38,22 +51,37 @@
     "pretest": "npm run build",
     "test": "tsx --test test/*.test.ts",
     "test:tool-replay": "ARENA_TOOL_REPLAY_TESTS=1 tsx --test test/tool-replay.test.ts",
-    "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.web.json --noEmit"
+    "scaffolds:validate-inputs": "tsx scripts/validate-scaffold-inputs.ts",
+    "replay:tools": "tsx scripts/replay-code-tools.ts",
+    "experiment:behavior": "tsx scripts/run-code-behavior-experiment.ts",
+    "experiment:probes": "tsx scripts/run-code-behavior-probes.ts",
+    "typecheck:code-arena-replay": "tsc -p tsconfig.code-arena-replay.json --noEmit",
+    "typecheck": "tsc -p tsconfig.json --noEmit && tsc -p tsconfig.web.json --noEmit && npm run typecheck:code-arena-replay"
   },
   "dependencies": {
+    "@stacksjs/ts-webp": "^0.1.2",
     "ajv": "^8.20.0",
     "ajv-formats": "^3.0.1",
+    "bmp-js": "^0.1.0",
     "chardet": "^2.1.0",
     "defuddle": "^0.19.1",
     "dotenv": "^17.4.2",
     "fflate": "^0.8.3",
     "iconv-lite": "^0.6.3",
+    "jpeg-js": "^0.4.4",
     "linkedom": "^0.18.13",
     "mime": "4.0.7",
-    "pdf-parse": "^2.4.5"
+    "omggif": "^1.0.10",
+    "pdf-parse": "^2.4.5",
+    "pngjs": "^7.0.0"
   },
   "devDependencies": {
+    "@types/bmp-js": "^0.1.2",
     "@types/node": "^24.10.0",
+    "@types/omggif": "^1.0.5",
+    "@types/pngjs": "^6.0.5",
+    "esbuild": "^0.28.1",
+    "postject": "^1.0.0-alpha.6",
     "tsx": "^4.23.1",
     "typescript": "^7.0.2"
   }

package/web/styles.css

@@ -1261,20 +1261,35 @@ a:focus-visible {
   font-size: 10px;
 }
 
-.user-input-submit {
-  display: block;
-  margin-left: auto;
+.user-input-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 7px;
+}
+
+.user-input-submit,
+.user-input-skip {
   padding: 8px 13px;
-  border: 0;
   border-radius: 8px;
-  background: var(--text);
-  color: var(--bg);
   cursor: pointer;
   font-size: 10px;
   font-weight: 700;
 }
 
-.user-input-submit:disabled {
+.user-input-submit {
+  border: 0;
+  background: var(--text);
+  color: var(--bg);
+}
+
+.user-input-skip {
+  border: 1px solid var(--line);
+  background: transparent;
+  color: var(--text-soft);
+}
+
+.user-input-submit:disabled,
+.user-input-skip:disabled {
   cursor: default;
   opacity: 0.5;
 }