Compare commits
10 Commits
v2.0-propo
...
v2.0.1
| Author | SHA1 | Date | |
|---|---|---|---|
| 3d6055518b | |||
| 752ea74f43 | |||
| 73b53089b0 | |||
| 457c59fb06 | |||
| 78455b7efc | |||
| d2108b2f8d | |||
| ce31577d1e | |||
| 006226cce5 | |||
| 62d818af23 | |||
| 531d39ace9 |
@@ -39,6 +39,13 @@
|
|||||||
|
|
||||||
Always-true rules (process discipline, refusals, behavior contracts) live here in `BOOCHAT.md` — and in `BOOCODER.md` / `CLAUDE.md` per their scopes — where they are 100% present in every turn. On-demand recipes (specific procedures, scaffolds, checklists) live in `/data/skills/` and invoke roughly 6% of the time in clean multi-turn flow (Codeminer42 measurement, 2026). Don't file workflow rules as skills — they silently misfire. See Anthropic agent-skills best-practices (platform.claude.com/docs/en/agents-and-tools/agent-skills/best-practices) for the canonical conventions.
|
Always-true rules (process discipline, refusals, behavior contracts) live here in `BOOCHAT.md` — and in `BOOCODER.md` / `CLAUDE.md` per their scopes — where they are 100% present in every turn. On-demand recipes (specific procedures, scaffolds, checklists) live in `/data/skills/` and invoke roughly 6% of the time in clean multi-turn flow (Codeminer42 measurement, 2026). Don't file workflow rules as skills — they silently misfire. See Anthropic agent-skills best-practices (platform.claude.com/docs/en/agents-and-tools/agent-skills/best-practices) for the canonical conventions.
|
||||||
|
|
||||||
|
## Verification discipline
|
||||||
|
|
||||||
|
- When assessing implementation status, verify against the running container (`curl /api/health`) and latest git commit (`git log --oneline -3`), not just source file contents. Source files can be mid-edit. The deployed state is the truth.
|
||||||
|
- Never count `dist/` directory sizes as source lines. Only count `src/**/*.ts` files. Compiled output is inflated by inlined types and transpilation artifacts.
|
||||||
|
- Before claiming a feature works, run the actual command and show the output. "Should work" is not verification. Acceptable evidence: test output (`pnpm test`), build output (`pnpm build`), curl response, docker logs, `\d tablename` output. If you can't run it, say so explicitly — don't assert success without evidence.
|
||||||
|
- When reporting counts (tools, tests, files, routes, lines), derive the number from a command (`grep -c`, `wc -l`, test runner output) — not from memory or approximation.
|
||||||
|
|
||||||
## Known limitations
|
## Known limitations
|
||||||
|
|
||||||
- Codecontext re-analyzes the project graph on each call against a different target_dir. First call to a new project may take 1-3 seconds; subsequent calls to the same project return in ~10ms.
|
- Codecontext re-analyzes the project graph on each call against a different target_dir. First call to a new project may take 1-3 seconds; subsequent calls to the same project return in ~10ms.
|
||||||
|
|||||||
44
BOOCODER.md
44
BOOCODER.md
@@ -1,27 +1,39 @@
|
|||||||
# BooCoder
|
# BooCoder — Container Guidance
|
||||||
|
|
||||||
> (Stub. v2.0 implementation pending. This file documents the intended contract.)
|
You are BooCoder, a write-capable coding agent. You can read AND modify files within the project scope.
|
||||||
|
|
||||||
## Capabilities
|
## You can
|
||||||
|
|
||||||
- Everything in `BOOCHAT.md`
|
- Read files (view_file, list_dir, grep, find_files)
|
||||||
- Write tools (pending): `write_file`, `edit_file`, `delete_file` (all gated through pending-changes sandbox)
|
- Edit files (edit_file, create_file, delete_file) — all changes queue in pending_changes
|
||||||
- Shell (pending): `run_command` (Docker-isolated per-session)
|
- Apply pending changes to disk (apply_pending)
|
||||||
|
- Revert applied changes (rewind)
|
||||||
|
- Dispatch tasks to external agents (dispatch_external_agent)
|
||||||
|
- Use MCP tools from configured servers
|
||||||
|
|
||||||
## Constraints
|
## You cannot
|
||||||
|
|
||||||
- All writes land in a pending-changes virtual layer; nothing touches the real filesystem until `/apply`
|
- Write outside the project root (path-guard enforced)
|
||||||
- `run_command` executes inside the session sandbox, not the host
|
- Write to secret files (.env, *.pem, id_rsa*, credentials.json)
|
||||||
- No git commits, pushes, or pulls — Sam owns those
|
- Apply changes without explicit user approval (unless auto-apply is enabled per task)
|
||||||
- Stop and ask before destructive operations (delete, overwrite, recreate)
|
- Push to git remotes
|
||||||
|
- Access the internet except via configured MCP servers
|
||||||
|
|
||||||
|
## Pending changes discipline
|
||||||
|
|
||||||
|
Every file modification queues in `pending_changes` before touching disk. The user sees a diff preview and approves/rejects each change. Never bypass this queue — it is the safety boundary between inference and the filesystem.
|
||||||
|
|
||||||
## Behavior
|
## Behavior
|
||||||
|
|
||||||
- Show a diff preview before any write
|
- Show diffs clearly. Explain what you're changing and why.
|
||||||
- Group related edits into a single `/apply` batch
|
- For multi-file changes, organize as a logical unit (one task = one coherent change set).
|
||||||
- If a tool fails, surface the error verbatim — don't paper over it
|
- If uncertain about scope, use smaller edits and verify between steps.
|
||||||
|
- Cite file paths + line numbers for context.
|
||||||
- Verify before reporting work complete: run the relevant test/build/smoke and confirm output matches the claim. Evidence first, assertion second.
|
- Verify before reporting work complete: run the relevant test/build/smoke and confirm output matches the claim. Evidence first, assertion second.
|
||||||
|
|
||||||
## Convention: rules vs recipes
|
## Verification discipline
|
||||||
|
|
||||||
Always-true rules live here, in `BOOCHAT.md`, and in `CLAUDE.md` (100% present each turn). On-demand recipes live in `/data/skills/` (roughly 6% invoke rate in multi-turn per Codeminer42, 2026). Don't file workflow rules as skills — they misfire. See Anthropic agent-skills best-practices (platform.claude.com/docs/en/agents-and-tools/agent-skills/best-practices).
|
- When assessing implementation status, verify against the running container (`curl /api/health`) and latest git commit (`git log --oneline -3`), not just source file contents. Source files can be mid-edit. The deployed state is the truth.
|
||||||
|
- Never count `dist/` directory sizes as source lines. Only count `src/**/*.ts` files. Compiled output is inflated by inlined types and transpilation artifacts.
|
||||||
|
- Before claiming a feature works, run the actual command and show the output. "Should work" is not verification. Acceptable evidence: test output (`pnpm test`), build output (`pnpm build`), curl response, docker logs, `\d tablename` output. If you can't run it, say so explicitly — don't assert success without evidence.
|
||||||
|
- When reporting counts (tools, tests, files, routes, lines), derive the number from a command (`grep -c`, `wc -l`, test runner output) — not from memory or approximation.
|
||||||
|
|||||||
18
CLAUDE.md
18
CLAUDE.md
@@ -69,6 +69,14 @@ Key services:
|
|||||||
|
|
||||||
Route registration: all routes registered in `index.ts` via `register*Routes(app, sql, ...)` functions. Routes are in `routes/*.ts`.
|
Route registration: all routes registered in `index.ts` via `register*Routes(app, sql, ...)` functions. Routes are in `routes/*.ts`.
|
||||||
|
|
||||||
|
### BooCoder (`apps/coder/src/`)
|
||||||
|
|
||||||
|
- Write-capable coding agent. Separate Fastify server at port 9502, same docker network (`boocode_net`).
|
||||||
|
- **Workspace dependency on `@boocode/server`**: imports `createInferenceRunner`, `createBroker`, `ALL_TOOLS`, `appendMcpTools` from the server's compiled `dist/`. apps/server's `package.json` has an `exports` map with `types` conditions for NodeNext resolution. apps/server must build FIRST (Dockerfile builds server → coder).
|
||||||
|
- `apps/server/tsconfig.json` has `declaration: true` so `.d.ts` files exist for workspace consumers.
|
||||||
|
- Write tools (`edit_file`, `create_file`, `delete_file`, `apply_pending`, `rewind`) queue in `pending_changes` table. Nothing hits disk until `apply_pending` is called. `write_guard.ts` validates paths (resolve + prefix-check, no realpath since files may not exist for creates).
|
||||||
|
- Frontend: NOT a separate SPA. BooCoder is a `'coder'` pane type within BooChat's SPA (`apps/web/`). `CoderPane.tsx` in `apps/web/src/components/panes/`. API requests go through `/api/coder/*` proxy (Vite dev + Fastify production) which rewrites to `http://boocoder:3000/api/*`. WS connects directly to `:9502`.
|
||||||
|
|
||||||
### Frontend (`apps/web/src/`)
|
### Frontend (`apps/web/src/`)
|
||||||
|
|
||||||
- **React 18** + React Router v6 + **Tailwind v4** + shadcn/radix-ui primitives.
|
- **React 18** + React Router v6 + **Tailwind v4** + shadcn/radix-ui primitives.
|
||||||
@@ -105,14 +113,16 @@ Sessions hold 1–5 panes (chat / empty / placeholder terminal+agent). v1.12.1 m
|
|||||||
|
|
||||||
## Database
|
## Database
|
||||||
|
|
||||||
PostgreSQL 16. Tables: `projects`, `sessions`, `chats`, `messages`, `settings`, `message_parts` (v1.13.0). Views: `messages_with_parts` (v1.13.1-B parts-merge read path), `tool_cost_stats` (v1.13.10 per-tool 100-call rolling window). (`session_panes` was dropped in v1.12.1; workspace pane state lives in `sessions.workspace_panes jsonb`.) Schema applied idempotently on startup via `applySchema()`. Use `clock_timestamp()` (not `NOW()`) inside transactions. CHECK constraints in place: `projects_status_chk` ('open'|'archived'), `sessions_status_chk` (same), `chats_status_chk` (same), `messages_role_chk`, `messages_status_chk` — keep in sync with the `*_STATUSES` const arrays in `apps/server/src/types/api.ts`. The older anonymous `messages_status_check` (without 'cancelled') and `messages_role_check` (without 'system') were dropped in v1.12.1; only the `_chk` variants remain.
|
PostgreSQL 16. Database name: `boochat` (renamed from `boocode` in v2.0.0-alpha; Docker service name stays `boocode_db`). Tables: `projects`, `sessions`, `chats`, `messages`, `settings`, `message_parts` (v1.13.0), `pending_changes` (v2.0.0), `tasks` (v2.0.0), `available_agents` (v2.0.0). Views: `messages_with_parts` (v1.13.1-B parts-merge read path), `tool_cost_stats` (v1.13.10 per-tool 100-call rolling window), `human_inbox` (v2.0.0 — tasks WHERE state IN blocked/failed). (`session_panes` was dropped in v1.12.1; workspace pane state lives in `sessions.workspace_panes jsonb`.) Schema applied idempotently on startup via `applySchema()`. Use `clock_timestamp()` (not `NOW()`) inside transactions. CHECK constraints in place: `projects_status_chk` ('open'|'archived'), `sessions_status_chk` (same), `chats_status_chk` (same), `messages_role_chk`, `messages_status_chk` — keep in sync with the `*_STATUSES` const arrays in `apps/server/src/types/api.ts`. The older anonymous `messages_status_check` (without 'cancelled') and `messages_role_check` (without 'system') were dropped in v1.12.1; only the `_chk` variants remain.
|
||||||
|
|
||||||
Schema CHECK migration order when renaming allowed values: (1) `ALTER TABLE ... DROP CONSTRAINT IF EXISTS <system_name>` (inline `CREATE TABLE` checks get `<table>_<column>_check`), (2) `UPDATE` rows to new values, (3) wrap new constraint ADD in `DO $$ ... pg_constraint` guard — that block is the only way to get `ADD CONSTRAINT IF NOT EXISTS`.
|
Schema CHECK migration order when renaming allowed values: (1) `ALTER TABLE ... DROP CONSTRAINT IF EXISTS <system_name>` (inline `CREATE TABLE` checks get `<table>_<column>_check`), (2) `UPDATE` rows to new values, (3) wrap new constraint ADD in `DO $$ ... pg_constraint` guard — that block is the only way to get `ADD CONSTRAINT IF NOT EXISTS`.
|
||||||
|
|
||||||
|
|
||||||
## Environment
|
## Environment
|
||||||
|
|
||||||
Required: `DATABASE_URL`, `LLAMA_SWAP_URL`. Optional: `PORT` (3000), `HOST` (0.0.0.0), `PROJECT_ROOT_WHITELIST` (/opt, read-only scope for add-existing path resolution), `BOOTSTRAP_ROOT` (/opt/projects, writable scope for create-new-project bootstrap mkdir target — host must `mkdir -p /opt/projects` before container start), `DEFAULT_MODEL`, `LOG_LEVEL`, `SEARXNG_URL` (default `http://100.114.205.53:8888` — internal Tailscale Fathom; the public `search.indifferentketchup.com` is behind Authelia and unusable from server context), `BOOCODE_TOOLS` (`core` | `standard` | `all`, default `all`; v1.13.15-tools tier filter — ceiling, never expands an agent's whitelist).
|
Required: `DATABASE_URL`, `LLAMA_SWAP_URL`. Optional: `PORT` (3000), `HOST` (0.0.0.0), `PROJECT_ROOT_WHITELIST` (/opt, read-only scope for add-existing path resolution), `BOOTSTRAP_ROOT` (/opt/projects, writable scope for create-new-project bootstrap mkdir target — host must `mkdir -p /opt/projects` before container start), `DEFAULT_MODEL`, `LOG_LEVEL`, `SEARXNG_URL` (default `http://100.114.205.53:8888` — internal Tailscale Fathom; the public `search.indifferentketchup.com` is behind Authelia and unusable from server context), `BOOCODE_TOOLS` (`core` | `standard` | `all`, default `all`; v1.13.15-tools tier filter — ceiling, never expands an agent's whitelist), `MCP_CONFIG_PATH` (optional; default `/data/mcp.json` — JSON config for MCP servers matching opencode's `mcpServers` shape; file missing = no MCP).
|
||||||
|
|
||||||
|
BooCoder at port 9502: `curl http://100.114.205.53:9502/api/health`. Same Tailscale IP binding as BooChat. Health reports tool count: `{"ok":true,"db":true,"tools":30}`.
|
||||||
|
|
||||||
## Workflow
|
## Workflow
|
||||||
|
|
||||||
@@ -134,6 +144,8 @@ Required: `DATABASE_URL`, `LLAMA_SWAP_URL`. Optional: `PORT` (3000), `HOST` (0.0
|
|||||||
- `/opt/boolab` hosts a working sibling BooCode terminal at `boocode.indifferentketchup.com`. Useful for visual side-by-side comparison on the same iPhone when debugging booterm rendering. Boolab uses Tailwind v3 (`@tailwind base`); boocode uses v4 — many subtle build differences. Don't assume parity.
|
- `/opt/boolab` hosts a working sibling BooCode terminal at `boocode.indifferentketchup.com`. Useful for visual side-by-side comparison on the same iPhone when debugging booterm rendering. Boolab uses Tailwind v3 (`@tailwind base`); boocode uses v4 — many subtle build differences. Don't assume parity.
|
||||||
- booterm SSHs to the host as `samkintop@100.114.205.53` (the Tailscale IP). The hostname `ubuntu-homelab` (shown in the bash prompt after login) does NOT resolve from inside the container — only the host's `/etc/hosts` knows it. Override via `BOOTERM_SSH_HOST` / `BOOTERM_SSH_USER` env vars in docker-compose if you ever move the shell to a different machine.
|
- booterm SSHs to the host as `samkintop@100.114.205.53` (the Tailscale IP). The hostname `ubuntu-homelab` (shown in the bash prompt after login) does NOT resolve from inside the container — only the host's `/etc/hosts` knows it. Override via `BOOTERM_SSH_HOST` / `BOOTERM_SSH_USER` env vars in docker-compose if you ever move the shell to a different machine.
|
||||||
- codecontext sidecar lives at `/opt/boocode/codecontext/`. Sidecar HTTP API at `http://codecontext:8080/v1/<tool_name>` over the `boocode_net` bridge (no host port). BooCode wrappers in `apps/server/src/services/tools/codecontext/`. The `.codecontextignore.template` documents recommended ignore patterns; users copy and adapt to project root manually.
|
- codecontext sidecar lives at `/opt/boocode/codecontext/`. Sidecar HTTP API at `http://codecontext:8080/v1/<tool_name>` over the `boocode_net` bridge (no host port). BooCode wrappers in `apps/server/src/services/tools/codecontext/`. The `.codecontextignore.template` documents recommended ignore patterns; users copy and adapt to project root manually.
|
||||||
|
- codecontext fork at `/opt/forks/codecontext/` — separate git repo (branch `boocode-ts`), pushed via the same boocode_gitea SSH key to `indifferentketchup/codecontext`. Build: `go build ./...`. Test: `go test ./...`. Docker rebuild: `docker compose build --no-cache codecontext`.
|
||||||
|
- Go binary: `/snap/go/current/bin/go` (not on PATH by default). Use `export PATH=$PATH:/snap/go/current/bin` or full path for Go commands.
|
||||||
- `os/exec` child supervisors must explicitly call `child.Wait()` in a goroutine and `os.Exit` on child death. `Signal(0)` returns nil on zombies and is NOT a liveness check. Without `Wait()`, docker's `restart: unless-stopped` policy never fires because the parent stays alive. The `codecontext/shim.go` implementation is the reference pattern.
|
- `os/exec` child supervisors must explicitly call `child.Wait()` in a goroutine and `os.Exit` on child death. `Signal(0)` returns nil on zombies and is NOT a liveness check. Without `Wait()`, docker's `restart: unless-stopped` policy never fires because the parent stays alive. The `codecontext/shim.go` implementation is the reference pattern.
|
||||||
|
|
||||||
## Conventions
|
## Conventions
|
||||||
@@ -156,3 +168,5 @@ Required: `DATABASE_URL`, `LLAMA_SWAP_URL`. Optional: `PORT` (3000), `HOST` (0.0
|
|||||||
- Tool-name whitelists must derive from `ALL_TOOLS` in `services/tools.ts`, never hardcoded. `services/agents.ts` `ALL_TOOL_NAMES` had this drift class until v1.12 — same pattern applies to any future tool-aware code.
|
- Tool-name whitelists must derive from `ALL_TOOLS` in `services/tools.ts`, never hardcoded. `services/agents.ts` `ALL_TOOL_NAMES` had this drift class until v1.12 — same pattern applies to any future tool-aware code.
|
||||||
- Agent registry lives at `data/AGENTS.md` (global, bind-mounted at `/data/AGENTS.md`). No per-project `AGENTS.md` in this repo — removed in v1.12 to eliminate the two-files-must-stay-in-sync drift. The `getAgentsForProject` per-project override mechanism remains for *other* projects.
|
- Agent registry lives at `data/AGENTS.md` (global, bind-mounted at `/data/AGENTS.md`). No per-project `AGENTS.md` in this repo — removed in v1.12 to eliminate the two-files-must-stay-in-sync drift. The `getAgentsForProject` per-project override mechanism remains for *other* projects.
|
||||||
- MCP stdio transport uses newline-delimited JSON (NDJSON), NOT LSP-style `Content-Length` headers. The `codecontext/shim.go` framing implementation is the reference; per the MCP spec (modelcontextprotocol.io/specification/server/transports).
|
- MCP stdio transport uses newline-delimited JSON (NDJSON), NOT LSP-style `Content-Length` headers. The `codecontext/shim.go` framing implementation is the reference; per the MCP spec (modelcontextprotocol.io/specification/server/transports).
|
||||||
|
- **Workspace dependency pattern** (`apps/coder` → `@boocode/server`): the consuming package adds `"@boocode/server": "workspace:*"` in `package.json`. The provider's `package.json` needs `exports` with `types` + `default` conditions per subpath: `"./inference": { "types": "./dist/.../index.d.ts", "default": "./dist/.../index.js" }`. Without the `types` condition, NodeNext resolution can't find `.d.ts` files and tsc fails with "Cannot find module" in the consumer.
|
||||||
|
- **Docker build order for workspace deps**: the Dockerfile must `COPY` + `RUN pnpm build` the provider app BEFORE the consumer app. `apps/coder/Dockerfile` builds `apps/server` first, then `apps/coder`.
|
||||||
|
|||||||
35
apps/coder/Dockerfile
Normal file
35
apps/coder/Dockerfile
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
# syntax=docker/dockerfile:1.7
|
||||||
|
|
||||||
|
FROM node:20-alpine AS builder
|
||||||
|
RUN corepack enable
|
||||||
|
WORKDIR /build
|
||||||
|
|
||||||
|
COPY package.json pnpm-workspace.yaml pnpm-lock.yaml tsconfig.base.json ./
|
||||||
|
COPY apps/server/package.json ./apps/server/
|
||||||
|
COPY apps/coder/package.json ./apps/coder/
|
||||||
|
COPY apps/coder/web/package.json ./apps/coder/web/
|
||||||
|
|
||||||
|
RUN pnpm install --frozen-lockfile
|
||||||
|
|
||||||
|
# Build server first (coder depends on it via workspace dep for types + inference)
|
||||||
|
COPY apps/server ./apps/server
|
||||||
|
RUN pnpm -C apps/server build
|
||||||
|
|
||||||
|
COPY apps/coder ./apps/coder
|
||||||
|
RUN pnpm -C apps/coder/web build
|
||||||
|
RUN pnpm -C apps/coder build
|
||||||
|
|
||||||
|
RUN pnpm deploy --filter=@boocode/coder --prod --legacy /out/coder
|
||||||
|
|
||||||
|
|
||||||
|
FROM node:20-bookworm-slim AS runtime
|
||||||
|
RUN apt-get update && apt-get install -y --no-install-recommends ripgrep git openssh-client && rm -rf /var/lib/apt/lists/*
|
||||||
|
WORKDIR /app
|
||||||
|
|
||||||
|
COPY --from=builder /out/coder ./
|
||||||
|
COPY --from=builder /build/apps/coder/web/dist ./web
|
||||||
|
|
||||||
|
ENV NODE_ENV=production
|
||||||
|
EXPOSE 3000
|
||||||
|
|
||||||
|
CMD ["node", "dist/index.js"]
|
||||||
29
apps/coder/package.json
Normal file
29
apps/coder/package.json
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
{
|
||||||
|
"name": "@boocode/coder",
|
||||||
|
"version": "2.0.0",
|
||||||
|
"private": true,
|
||||||
|
"type": "module",
|
||||||
|
"main": "dist/index.js",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "tsx watch src/index.ts",
|
||||||
|
"build": "tsc && node -e \"import('node:fs').then(fs=>fs.copyFileSync('src/schema.sql','dist/schema.sql'))\"",
|
||||||
|
"start": "node dist/index.js",
|
||||||
|
"typecheck": "tsc --noEmit",
|
||||||
|
"test": "vitest run"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@agentclientprotocol/sdk": "^0.22.1",
|
||||||
|
"@boocode/server": "workspace:*",
|
||||||
|
"@fastify/static": "^7.0.4",
|
||||||
|
"@fastify/websocket": "^10.0.1",
|
||||||
|
"fastify": "^4.28.1",
|
||||||
|
"postgres": "^3.4.4",
|
||||||
|
"zod": "^3.23.8"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@types/node": "^20.14.10",
|
||||||
|
"tsx": "^4.16.2",
|
||||||
|
"typescript": "^5.5.0",
|
||||||
|
"vitest": "^3.0.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
45
apps/coder/src/config.ts
Normal file
45
apps/coder/src/config.ts
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
import { z } from 'zod';
|
||||||
|
|
||||||
|
// BooCoder's config is a superset of the server's Config type so it can be
|
||||||
|
// passed directly into the inference runner's InferenceContext. Fields the
|
||||||
|
// inference loop reads: LLAMA_SWAP_URL, PROJECT_ROOT_WHITELIST. The rest
|
||||||
|
// default to values that satisfy the server's Zod schema without BooCoder
|
||||||
|
// needing to supply them in its environment.
|
||||||
|
const ConfigSchema = z.object({
|
||||||
|
NODE_ENV: z.enum(['development', 'production', 'test']).default('development'),
|
||||||
|
PORT: z.coerce.number().int().positive().default(3000),
|
||||||
|
HOST: z.string().default('0.0.0.0'),
|
||||||
|
DATABASE_URL: z.string().url(),
|
||||||
|
LLAMA_SWAP_URL: z.string().url(),
|
||||||
|
PROJECT_ROOT_WHITELIST: z.string().default('/opt'),
|
||||||
|
BOOTSTRAP_ROOT: z.string().default('/opt/projects'),
|
||||||
|
DEFAULT_MODEL: z.string().default('qwen3.6-35b-a3b-mxfp4'),
|
||||||
|
LOG_LEVEL: z.string().default('info'),
|
||||||
|
CONTAINER_GUIDANCE_FILE: z.string().optional(),
|
||||||
|
// Fields needed to satisfy the server's Config type but unused by BooCoder:
|
||||||
|
SEARXNG_URL: z.string().url().default('http://100.114.205.53:8888'),
|
||||||
|
GITEA_BASE_URL: z.string().url().default('https://git.indifferentketchup.com'),
|
||||||
|
GITEA_USER: z.string().default('indifferentketchup'),
|
||||||
|
GITEA_TOKEN: z.string().optional(),
|
||||||
|
GITEA_SSH_HOST: z.string().default('100.114.205.53:2222'),
|
||||||
|
MCP_CONFIG_PATH: z.string().optional(),
|
||||||
|
// SSH access to the host for external agent dispatch (Phase 5)
|
||||||
|
BOOCODER_SSH_HOST: z.string().default('100.114.205.53'),
|
||||||
|
BOOCODER_SSH_USER: z.string().default('samkintop'),
|
||||||
|
});
|
||||||
|
|
||||||
|
export type Config = z.infer<typeof ConfigSchema>;
|
||||||
|
|
||||||
|
let cached: Config | null = null;
|
||||||
|
|
||||||
|
export function loadConfig(): Config {
|
||||||
|
if (cached) return cached;
|
||||||
|
const parsed = ConfigSchema.safeParse(process.env);
|
||||||
|
if (!parsed.success) {
|
||||||
|
console.error('Invalid environment configuration:');
|
||||||
|
console.error(parsed.error.flatten().fieldErrors);
|
||||||
|
process.exit(1);
|
||||||
|
}
|
||||||
|
cached = parsed.data;
|
||||||
|
return cached;
|
||||||
|
}
|
||||||
45
apps/coder/src/db.ts
Normal file
45
apps/coder/src/db.ts
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
import postgres from 'postgres';
|
||||||
|
import { readFile } from 'node:fs/promises';
|
||||||
|
import { fileURLToPath } from 'node:url';
|
||||||
|
import { dirname, resolve } from 'node:path';
|
||||||
|
import type { Config } from './config.js';
|
||||||
|
|
||||||
|
const __filename = fileURLToPath(import.meta.url);
|
||||||
|
const __dirname = dirname(__filename);
|
||||||
|
|
||||||
|
export type Sql = ReturnType<typeof postgres>;
|
||||||
|
|
||||||
|
let sqlInstance: Sql | null = null;
|
||||||
|
|
||||||
|
export function getSql(config: Config): Sql {
|
||||||
|
if (sqlInstance) return sqlInstance;
|
||||||
|
sqlInstance = postgres(config.DATABASE_URL, {
|
||||||
|
max: 10,
|
||||||
|
idle_timeout: 30,
|
||||||
|
connect_timeout: 10,
|
||||||
|
onnotice: () => {},
|
||||||
|
});
|
||||||
|
return sqlInstance;
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function applySchema(sql: Sql): Promise<void> {
|
||||||
|
const schemaPath = resolve(__dirname, 'schema.sql');
|
||||||
|
const ddl = await readFile(schemaPath, 'utf8');
|
||||||
|
await sql.unsafe(ddl);
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function pingDb(sql: Sql): Promise<boolean> {
|
||||||
|
try {
|
||||||
|
await sql`SELECT 1`;
|
||||||
|
return true;
|
||||||
|
} catch {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function closeDb(): Promise<void> {
|
||||||
|
if (sqlInstance) {
|
||||||
|
await sqlInstance.end({ timeout: 5 });
|
||||||
|
sqlInstance = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
173
apps/coder/src/index.ts
Normal file
173
apps/coder/src/index.ts
Normal file
@@ -0,0 +1,173 @@
|
|||||||
|
import { resolve, dirname } from 'node:path';
|
||||||
|
import { fileURLToPath } from 'node:url';
|
||||||
|
import { existsSync } from 'node:fs';
|
||||||
|
import Fastify from 'fastify';
|
||||||
|
import fastifyWebsocket from '@fastify/websocket';
|
||||||
|
import fastifyStatic from '@fastify/static';
|
||||||
|
|
||||||
|
const __filename = fileURLToPath(import.meta.url);
|
||||||
|
const __dirname = dirname(__filename);
|
||||||
|
import { loadConfig } from './config.js';
|
||||||
|
import { getSql, applySchema, pingDb, closeDb } from './db.js';
|
||||||
|
// v2.0.0 Phase 2B: workspace dependency on @boocode/server — reuse the
|
||||||
|
// inference loop, broker, and tool registry without duplication.
|
||||||
|
import { createInferenceRunner } from '@boocode/server/inference';
|
||||||
|
import { createBroker } from '@boocode/server/broker';
|
||||||
|
import { appendMcpTools, ALL_TOOLS } from '@boocode/server/tools';
|
||||||
|
import type { Config as ServerConfig } from '@boocode/server/config';
|
||||||
|
import type { WsFrame } from '@boocode/server/ws-frames';
|
||||||
|
// v2.0.0 Phase 2C: write tools + adapter for BooChat ToolDef compatibility.
|
||||||
|
import { WRITE_TOOLS } from './services/tools/index.js';
|
||||||
|
import { adaptWriteTool } from './services/tools/adapter.js';
|
||||||
|
import { setInferenceContext, clearInferenceContext } from './services/tools/inference_context.js';
|
||||||
|
// Routes
|
||||||
|
import { registerMessageRoutes } from './routes/messages.js';
|
||||||
|
import { registerPendingRoutes } from './routes/pending.js';
|
||||||
|
import { registerTaskRoutes } from './routes/tasks.js';
|
||||||
|
import { registerWebSocket } from './routes/ws.js';
|
||||||
|
// Phase 4: dispatcher + agent probe
|
||||||
|
import { createDispatcher } from './services/dispatcher.js';
|
||||||
|
import { probeAgents } from './services/agent-probe.js';
|
||||||
|
|
||||||
|
async function main() {
|
||||||
|
const config = loadConfig();
|
||||||
|
|
||||||
|
const app = Fastify({
|
||||||
|
logger: { level: config.LOG_LEVEL },
|
||||||
|
});
|
||||||
|
|
||||||
|
// Allow empty JSON bodies (same pattern as apps/server).
|
||||||
|
app.removeContentTypeParser(['application/json']);
|
||||||
|
app.addContentTypeParser('application/json', { parseAs: 'string' }, (_req, body, done) => {
|
||||||
|
const str = (body as string) ?? '';
|
||||||
|
if (str.trim().length === 0) {
|
||||||
|
done(null, {});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
done(null, JSON.parse(str));
|
||||||
|
} catch (err) {
|
||||||
|
done(err as Error, undefined);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const sql = getSql(config);
|
||||||
|
await applySchema(sql);
|
||||||
|
app.log.info('database schema applied');
|
||||||
|
|
||||||
|
// Broker: in-memory pub/sub for session + user channel streaming.
|
||||||
|
const broker = createBroker(app.log);
|
||||||
|
|
||||||
|
// --- Tool registry extension ---
|
||||||
|
// Append BooCoder write tools (adapted to BooChat's ToolDef interface) to
|
||||||
|
// the shared ALL_TOOLS registry. appendMcpTools re-sorts and rebuilds
|
||||||
|
// TOOLS_BY_NAME so tool-phase.ts dispatch sees the full set.
|
||||||
|
const adaptedWriteTools = WRITE_TOOLS.map((t) => adaptWriteTool(t));
|
||||||
|
appendMcpTools(adaptedWriteTools);
|
||||||
|
app.log.info(`tool registry: ${ALL_TOOLS.length} tools loaded (${WRITE_TOOLS.length} write tools)`);
|
||||||
|
|
||||||
|
// Inference runner: same engine as BooChat, uses ALL_TOOLS (which includes
|
||||||
|
// the appended write tools) for tool dispatch.
|
||||||
|
const inference = createInferenceRunner(
|
||||||
|
{
|
||||||
|
sql,
|
||||||
|
config: config as unknown as ServerConfig,
|
||||||
|
log: app.log,
|
||||||
|
publish: (sessionId, frame) => {
|
||||||
|
broker.publishFrame(sessionId, frame as unknown as WsFrame);
|
||||||
|
},
|
||||||
|
broker,
|
||||||
|
},
|
||||||
|
(user, frame) => {
|
||||||
|
broker.publishUserFrame(user, frame as unknown as WsFrame);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
// Wrap the inference runner to set/clear the write-tool context around each run.
|
||||||
|
// The inference runner calls enqueue() which fires asynchronously — we hook
|
||||||
|
// into the enqueue to set context before the run starts.
|
||||||
|
const inferenceApi = {
|
||||||
|
enqueue: (sessionId: string, chatId: string, assistantId: string, user: string) => {
|
||||||
|
// Set the inference context so write tools can access sql + sessionId.
|
||||||
|
// The context persists for the duration of the inference run. Since
|
||||||
|
// BooCoder is single-user and runs one inference at a time per session,
|
||||||
|
// this module-level state is safe.
|
||||||
|
setInferenceContext({ sql, sessionId, taskId: null });
|
||||||
|
inference.enqueue(sessionId, chatId, assistantId, user);
|
||||||
|
},
|
||||||
|
cancel: async (sessionId: string, chatId: string) => {
|
||||||
|
const result = await inference.cancel(sessionId, chatId);
|
||||||
|
clearInferenceContext();
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
hasActive: (chatId: string) => inference.hasActive(chatId),
|
||||||
|
};
|
||||||
|
|
||||||
|
// Register WebSocket support
|
||||||
|
await app.register(fastifyWebsocket);
|
||||||
|
|
||||||
|
// Health endpoint
|
||||||
|
app.get('/api/health', async (_req, reply) => {
|
||||||
|
const dbOk = await pingDb(sql);
|
||||||
|
const status = dbOk ? 200 : 503;
|
||||||
|
return reply.status(status).send({
|
||||||
|
ok: dbOk,
|
||||||
|
db: dbOk,
|
||||||
|
tools: ALL_TOOLS.length,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Phase 4: probe available agents on startup
|
||||||
|
await probeAgents(sql, app.log);
|
||||||
|
|
||||||
|
// Phase 4: dispatcher — polls tasks table and runs inference
|
||||||
|
const dispatcher = createDispatcher({ sql, inference: inferenceApi, broker, log: app.log, config });
|
||||||
|
dispatcher.start();
|
||||||
|
app.addHook('onClose', () => dispatcher.stop());
|
||||||
|
|
||||||
|
// Register routes
|
||||||
|
registerMessageRoutes(app, sql, broker, inferenceApi);
|
||||||
|
registerPendingRoutes(app, sql);
|
||||||
|
registerTaskRoutes(app, sql, inferenceApi);
|
||||||
|
registerWebSocket(app, sql, broker);
|
||||||
|
|
||||||
|
// Serve static frontend (built web app). In production, the dist/ is
|
||||||
|
// copied to ../web relative to the dist/ directory at /app/web. In dev,
|
||||||
|
// check adjacent to the source.
|
||||||
|
const webRoot = resolve(__dirname, '../web');
|
||||||
|
if (existsSync(webRoot)) {
|
||||||
|
await app.register(fastifyStatic, {
|
||||||
|
root: webRoot,
|
||||||
|
prefix: '/',
|
||||||
|
// Don't intercept /api routes — static only serves files that exist.
|
||||||
|
wildcard: false,
|
||||||
|
});
|
||||||
|
// SPA fallback: serve index.html for non-API routes that don't match a file.
|
||||||
|
app.setNotFoundHandler(async (req, reply) => {
|
||||||
|
if (req.url.startsWith('/api')) {
|
||||||
|
reply.code(404);
|
||||||
|
return { error: 'not found' };
|
||||||
|
}
|
||||||
|
return reply.sendFile('index.html');
|
||||||
|
});
|
||||||
|
app.log.info(`serving frontend from ${webRoot}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Graceful shutdown
|
||||||
|
const shutdown = async () => {
|
||||||
|
app.log.info('shutting down');
|
||||||
|
await app.close();
|
||||||
|
await closeDb();
|
||||||
|
process.exit(0);
|
||||||
|
};
|
||||||
|
process.on('SIGTERM', shutdown);
|
||||||
|
process.on('SIGINT', shutdown);
|
||||||
|
|
||||||
|
await app.listen({ port: config.PORT, host: config.HOST });
|
||||||
|
app.log.info(`BooCoder listening on ${config.HOST}:${config.PORT}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
main().catch((err) => {
|
||||||
|
console.error('fatal:', err);
|
||||||
|
process.exit(1);
|
||||||
|
});
|
||||||
126
apps/coder/src/routes/messages.ts
Normal file
126
apps/coder/src/routes/messages.ts
Normal file
@@ -0,0 +1,126 @@
|
|||||||
|
import type { FastifyInstance } from 'fastify';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import type { Sql } from '../db.js';
|
||||||
|
import type { Broker } from '@boocode/server/broker';
|
||||||
|
import type { WsFrame } from '@boocode/server/ws-frames';
|
||||||
|
|
||||||
|
const SendBody = z.object({
|
||||||
|
content: z.string().min(1).max(64_000),
|
||||||
|
chat_id: z.string().uuid(),
|
||||||
|
});
|
||||||
|
|
||||||
|
interface InferenceApi {
|
||||||
|
enqueue: (sessionId: string, chatId: string, assistantId: string, user: string) => void;
|
||||||
|
cancel: (sessionId: string, chatId: string) => Promise<boolean>;
|
||||||
|
hasActive: (chatId: string) => boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function registerMessageRoutes(
|
||||||
|
app: FastifyInstance,
|
||||||
|
sql: Sql,
|
||||||
|
broker: Broker,
|
||||||
|
inference: InferenceApi,
|
||||||
|
): void {
|
||||||
|
// POST /api/sessions/:sessionId/messages — send a user message + kick off inference
|
||||||
|
app.post<{ Params: { sessionId: string } }>(
|
||||||
|
'/api/sessions/:sessionId/messages',
|
||||||
|
async (req, reply) => {
|
||||||
|
const parsed = SendBody.safeParse(req.body);
|
||||||
|
if (!parsed.success) {
|
||||||
|
reply.code(400);
|
||||||
|
return { error: 'invalid body', details: parsed.error.flatten() };
|
||||||
|
}
|
||||||
|
|
||||||
|
const sessionId = req.params.sessionId;
|
||||||
|
const { content, chat_id: chatId } = parsed.data;
|
||||||
|
|
||||||
|
// Validate session exists
|
||||||
|
const sessionRows = await sql<{ id: string }[]>`
|
||||||
|
SELECT id FROM sessions WHERE id = ${sessionId}
|
||||||
|
`;
|
||||||
|
if (sessionRows.length === 0) {
|
||||||
|
reply.code(404);
|
||||||
|
return { error: 'session not found' };
|
||||||
|
}
|
||||||
|
|
||||||
|
// Validate chat belongs to session and is open
|
||||||
|
const chatRows = await sql<{ id: string; session_id: string }[]>`
|
||||||
|
SELECT id, session_id FROM chats WHERE id = ${chatId} AND session_id = ${sessionId} AND status = 'open'
|
||||||
|
`;
|
||||||
|
if (chatRows.length === 0) {
|
||||||
|
reply.code(404);
|
||||||
|
return { error: 'chat not found or not open in this session' };
|
||||||
|
}
|
||||||
|
|
||||||
|
// Reject if inference is already running on this chat
|
||||||
|
if (inference.hasActive(chatId)) {
|
||||||
|
reply.code(409);
|
||||||
|
return { error: 'inference already running on this chat' };
|
||||||
|
}
|
||||||
|
|
||||||
|
// Create user message + streaming assistant row in a transaction
|
||||||
|
const result = await sql.begin(async (tx) => {
|
||||||
|
const [userMsg] = await tx<{ id: string }[]>`
|
||||||
|
INSERT INTO messages (session_id, chat_id, role, content, status, created_at)
|
||||||
|
VALUES (${sessionId}, ${chatId}, 'user', ${content}, 'complete', clock_timestamp())
|
||||||
|
RETURNING id
|
||||||
|
`;
|
||||||
|
const [assistantMsg] = await tx<{ id: string }[]>`
|
||||||
|
INSERT INTO messages (session_id, chat_id, role, content, status, created_at)
|
||||||
|
VALUES (${sessionId}, ${chatId}, 'assistant', '', 'streaming', clock_timestamp())
|
||||||
|
RETURNING id
|
||||||
|
`;
|
||||||
|
await tx`UPDATE sessions SET updated_at = clock_timestamp() WHERE id = ${sessionId}`;
|
||||||
|
await tx`UPDATE chats SET updated_at = clock_timestamp() WHERE id = ${chatId}`;
|
||||||
|
return { user_message_id: userMsg!.id, assistant_message_id: assistantMsg!.id };
|
||||||
|
});
|
||||||
|
|
||||||
|
// Publish user message frames so WS subscribers see it immediately
|
||||||
|
broker.publishFrame(sessionId, {
|
||||||
|
type: 'message_started',
|
||||||
|
message_id: result.user_message_id,
|
||||||
|
chat_id: chatId,
|
||||||
|
role: 'user',
|
||||||
|
} as unknown as WsFrame);
|
||||||
|
broker.publishFrame(sessionId, {
|
||||||
|
type: 'delta',
|
||||||
|
message_id: result.user_message_id,
|
||||||
|
chat_id: chatId,
|
||||||
|
content,
|
||||||
|
} as unknown as WsFrame);
|
||||||
|
broker.publishFrame(sessionId, {
|
||||||
|
type: 'message_complete',
|
||||||
|
message_id: result.user_message_id,
|
||||||
|
chat_id: chatId,
|
||||||
|
} as unknown as WsFrame);
|
||||||
|
|
||||||
|
// Enqueue inference — the runner will stream assistant deltas via broker
|
||||||
|
inference.enqueue(sessionId, chatId, result.assistant_message_id, 'default');
|
||||||
|
|
||||||
|
reply.code(202);
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
// POST /api/sessions/:sessionId/stop — cancel active inference
|
||||||
|
app.post<{ Params: { sessionId: string } }>(
|
||||||
|
'/api/sessions/:sessionId/stop',
|
||||||
|
async (req, reply) => {
|
||||||
|
const sessionId = req.params.sessionId;
|
||||||
|
|
||||||
|
// Find active chats in this session
|
||||||
|
const chats = await sql<{ id: string }[]>`
|
||||||
|
SELECT id FROM chats WHERE session_id = ${sessionId} AND status = 'open'
|
||||||
|
`;
|
||||||
|
let cancelled = false;
|
||||||
|
for (const chat of chats) {
|
||||||
|
if (inference.hasActive(chat.id)) {
|
||||||
|
cancelled = await inference.cancel(sessionId, chat.id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return { cancelled };
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
121
apps/coder/src/routes/pending.ts
Normal file
121
apps/coder/src/routes/pending.ts
Normal file
@@ -0,0 +1,121 @@
|
|||||||
|
import type { FastifyInstance } from 'fastify';
|
||||||
|
import type { Sql } from '../db.js';
|
||||||
|
import {
|
||||||
|
listPending,
|
||||||
|
applyOne,
|
||||||
|
applyAll,
|
||||||
|
rejectOne,
|
||||||
|
rewindOne,
|
||||||
|
} from '../services/pending_changes.js';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resolve project root from a session's project path.
|
||||||
|
*/
|
||||||
|
async function resolveProjectRoot(sql: Sql, sessionId: string): Promise<string | null> {
|
||||||
|
const rows = await sql<{ path: string }[]>`
|
||||||
|
SELECT p.path FROM sessions s
|
||||||
|
JOIN projects p ON s.project_id = p.id
|
||||||
|
WHERE s.id = ${sessionId}
|
||||||
|
`;
|
||||||
|
return rows.length > 0 ? rows[0]!.path : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resolve project root from a pending change's session.
|
||||||
|
*/
|
||||||
|
async function resolveProjectRootForChange(sql: Sql, changeId: string): Promise<string | null> {
|
||||||
|
const rows = await sql<{ path: string }[]>`
|
||||||
|
SELECT p.path FROM pending_changes pc
|
||||||
|
JOIN sessions s ON pc.session_id = s.id
|
||||||
|
JOIN projects p ON s.project_id = p.id
|
||||||
|
WHERE pc.id = ${changeId}
|
||||||
|
`;
|
||||||
|
return rows.length > 0 ? rows[0]!.path : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function registerPendingRoutes(app: FastifyInstance, sql: Sql): void {
|
||||||
|
// GET /api/sessions/:sessionId/pending — list pending changes for a session
|
||||||
|
app.get<{ Params: { sessionId: string } }>(
|
||||||
|
'/api/sessions/:sessionId/pending',
|
||||||
|
async (req, reply) => {
|
||||||
|
const sessionId = req.params.sessionId;
|
||||||
|
|
||||||
|
const session = await sql<{ id: string }[]>`SELECT id FROM sessions WHERE id = ${sessionId}`;
|
||||||
|
if (session.length === 0) {
|
||||||
|
reply.code(404);
|
||||||
|
return { error: 'session not found' };
|
||||||
|
}
|
||||||
|
|
||||||
|
const pending = await listPending(sql, sessionId);
|
||||||
|
return pending;
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
// POST /api/sessions/:sessionId/pending/apply — apply all pending changes
|
||||||
|
app.post<{ Params: { sessionId: string } }>(
|
||||||
|
'/api/sessions/:sessionId/pending/apply',
|
||||||
|
async (req, reply) => {
|
||||||
|
const sessionId = req.params.sessionId;
|
||||||
|
|
||||||
|
const projectRoot = await resolveProjectRoot(sql, sessionId);
|
||||||
|
if (!projectRoot) {
|
||||||
|
reply.code(404);
|
||||||
|
return { error: 'session or project not found' };
|
||||||
|
}
|
||||||
|
|
||||||
|
const results = await applyAll(sql, sessionId, projectRoot);
|
||||||
|
return { results };
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
// POST /api/pending/:id/apply — apply a single pending change
|
||||||
|
app.post<{ Params: { id: string } }>(
|
||||||
|
'/api/pending/:id/apply',
|
||||||
|
async (req, reply) => {
|
||||||
|
const changeId = req.params.id;
|
||||||
|
|
||||||
|
const projectRoot = await resolveProjectRootForChange(sql, changeId);
|
||||||
|
if (!projectRoot) {
|
||||||
|
reply.code(404);
|
||||||
|
return { error: 'pending change or project not found' };
|
||||||
|
}
|
||||||
|
|
||||||
|
const result = await applyOne(sql, changeId, projectRoot);
|
||||||
|
if (!result.success) {
|
||||||
|
reply.code(422);
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
// POST /api/pending/:id/reject — reject a single pending change
|
||||||
|
app.post<{ Params: { id: string } }>(
|
||||||
|
'/api/pending/:id/reject',
|
||||||
|
async (req, reply) => {
|
||||||
|
const changeId = req.params.id;
|
||||||
|
|
||||||
|
await rejectOne(sql, changeId);
|
||||||
|
return { ok: true };
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
// POST /api/pending/:id/rewind — rewind (undo) an applied change
|
||||||
|
app.post<{ Params: { id: string } }>(
|
||||||
|
'/api/pending/:id/rewind',
|
||||||
|
async (req, reply) => {
|
||||||
|
const changeId = req.params.id;
|
||||||
|
|
||||||
|
const projectRoot = await resolveProjectRootForChange(sql, changeId);
|
||||||
|
if (!projectRoot) {
|
||||||
|
reply.code(404);
|
||||||
|
return { error: 'pending change or project not found' };
|
||||||
|
}
|
||||||
|
|
||||||
|
const result = await rewindOne(sql, changeId, projectRoot);
|
||||||
|
if (!result.success) {
|
||||||
|
reply.code(422);
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
138
apps/coder/src/routes/tasks.ts
Normal file
138
apps/coder/src/routes/tasks.ts
Normal file
@@ -0,0 +1,138 @@
|
|||||||
|
import type { FastifyInstance } from 'fastify';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import type { Sql } from '../db.js';
|
||||||
|
|
||||||
|
interface InferenceApi {
|
||||||
|
cancel: (sessionId: string, chatId: string) => Promise<boolean>;
|
||||||
|
}
|
||||||
|
|
||||||
|
const CreateBody = z.object({
|
||||||
|
project_id: z.string().uuid(),
|
||||||
|
input: z.string().min(1).max(64_000),
|
||||||
|
agent: z.string().max(100).optional(),
|
||||||
|
model: z.string().max(200).optional(),
|
||||||
|
});
|
||||||
|
|
||||||
|
const ListQuery = z.object({
|
||||||
|
state: z.enum(['pending', 'running', 'completed', 'failed', 'blocked', 'cancelled']).optional(),
|
||||||
|
project_id: z.string().uuid().optional(),
|
||||||
|
});
|
||||||
|
|
||||||
|
export function registerTaskRoutes(app: FastifyInstance, sql: Sql, inference: InferenceApi): void {
|
||||||
|
// POST /api/tasks — create a new task
|
||||||
|
app.post('/api/tasks', async (req, reply) => {
|
||||||
|
const parsed = CreateBody.safeParse(req.body);
|
||||||
|
if (!parsed.success) {
|
||||||
|
reply.code(400);
|
||||||
|
return { error: 'invalid body', details: parsed.error.flatten() };
|
||||||
|
}
|
||||||
|
|
||||||
|
const { project_id, input, agent, model } = parsed.data;
|
||||||
|
|
||||||
|
const [task] = await sql<{ id: string; state: string }[]>`
|
||||||
|
INSERT INTO tasks (project_id, input, agent, model)
|
||||||
|
VALUES (${project_id}, ${input}, ${agent ?? null}, ${model ?? null})
|
||||||
|
RETURNING id, state
|
||||||
|
`;
|
||||||
|
|
||||||
|
reply.code(201);
|
||||||
|
return { id: task!.id, state: task!.state };
|
||||||
|
});
|
||||||
|
|
||||||
|
// GET /api/tasks — list tasks with optional filters
|
||||||
|
app.get('/api/tasks', async (req, _reply) => {
|
||||||
|
const parsed = ListQuery.safeParse(req.query);
|
||||||
|
if (!parsed.success) {
|
||||||
|
return { error: 'invalid query', details: parsed.error.flatten() };
|
||||||
|
}
|
||||||
|
|
||||||
|
const { state, project_id } = parsed.data;
|
||||||
|
|
||||||
|
// Build query with optional filters
|
||||||
|
if (state && project_id) {
|
||||||
|
return sql`
|
||||||
|
SELECT id, project_id, state, input, output_summary, agent, model, execution_path, session_id, started_at, ended_at, created_at
|
||||||
|
FROM tasks
|
||||||
|
WHERE state = ${state} AND project_id = ${project_id}
|
||||||
|
ORDER BY created_at DESC
|
||||||
|
LIMIT 100
|
||||||
|
`;
|
||||||
|
} else if (state) {
|
||||||
|
return sql`
|
||||||
|
SELECT id, project_id, state, input, output_summary, agent, model, execution_path, session_id, started_at, ended_at, created_at
|
||||||
|
FROM tasks
|
||||||
|
WHERE state = ${state}
|
||||||
|
ORDER BY created_at DESC
|
||||||
|
LIMIT 100
|
||||||
|
`;
|
||||||
|
} else if (project_id) {
|
||||||
|
return sql`
|
||||||
|
SELECT id, project_id, state, input, output_summary, agent, model, execution_path, session_id, started_at, ended_at, created_at
|
||||||
|
FROM tasks
|
||||||
|
WHERE project_id = ${project_id}
|
||||||
|
ORDER BY created_at DESC
|
||||||
|
LIMIT 100
|
||||||
|
`;
|
||||||
|
} else {
|
||||||
|
return sql`
|
||||||
|
SELECT id, project_id, state, input, output_summary, agent, model, execution_path, session_id, started_at, ended_at, created_at
|
||||||
|
FROM tasks
|
||||||
|
ORDER BY created_at DESC
|
||||||
|
LIMIT 100
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// GET /api/tasks/:id — single task detail
|
||||||
|
app.get<{ Params: { id: string } }>('/api/tasks/:id', async (req, reply) => {
|
||||||
|
const rows = await sql`
|
||||||
|
SELECT id, project_id, parent_task_id, state, input, output_summary, agent, model, execution_path, worktree_path, session_id, cost_tokens, started_at, ended_at, created_at
|
||||||
|
FROM tasks
|
||||||
|
WHERE id = ${req.params.id}
|
||||||
|
`;
|
||||||
|
if (rows.length === 0) {
|
||||||
|
reply.code(404);
|
||||||
|
return { error: 'task not found' };
|
||||||
|
}
|
||||||
|
return rows[0];
|
||||||
|
});
|
||||||
|
|
||||||
|
// POST /api/tasks/:id/cancel — cancel a pending or running task
|
||||||
|
app.post<{ Params: { id: string } }>('/api/tasks/:id/cancel', async (req, reply) => {
|
||||||
|
const taskId = req.params.id;
|
||||||
|
|
||||||
|
// Get current task state + session info
|
||||||
|
const rows = await sql<{ id: string; state: string; session_id: string | null }[]>`
|
||||||
|
SELECT id, state, session_id FROM tasks WHERE id = ${taskId}
|
||||||
|
`;
|
||||||
|
if (rows.length === 0) {
|
||||||
|
reply.code(404);
|
||||||
|
return { error: 'task not found' };
|
||||||
|
}
|
||||||
|
|
||||||
|
const task = rows[0]!;
|
||||||
|
if (task.state !== 'pending' && task.state !== 'running') {
|
||||||
|
reply.code(409);
|
||||||
|
return { error: `cannot cancel task in state '${task.state}'` };
|
||||||
|
}
|
||||||
|
|
||||||
|
// If running, try to cancel inference
|
||||||
|
if (task.state === 'running' && task.session_id) {
|
||||||
|
// Find active chat in the task's session
|
||||||
|
const chats = await sql<{ id: string }[]>`
|
||||||
|
SELECT id FROM chats WHERE session_id = ${task.session_id} AND status = 'open'
|
||||||
|
`;
|
||||||
|
for (const chat of chats) {
|
||||||
|
await inference.cancel(task.session_id, chat.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks
|
||||||
|
SET state = 'cancelled', ended_at = clock_timestamp()
|
||||||
|
WHERE id = ${taskId} AND state IN ('pending', 'running')
|
||||||
|
`;
|
||||||
|
|
||||||
|
return { cancelled: true };
|
||||||
|
});
|
||||||
|
}
|
||||||
51
apps/coder/src/routes/ws.ts
Normal file
51
apps/coder/src/routes/ws.ts
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
import type { FastifyInstance } from 'fastify';
|
||||||
|
import type { Sql } from '../db.js';
|
||||||
|
import type { Broker } from '@boocode/server/broker';
|
||||||
|
|
||||||
|
export function registerWebSocket(
|
||||||
|
app: FastifyInstance,
|
||||||
|
sql: Sql,
|
||||||
|
broker: Broker,
|
||||||
|
): void {
|
||||||
|
// Per-session streaming WebSocket. Clients connect here to receive live
|
||||||
|
// inference frames (deltas, tool_calls, tool_results, message_complete).
|
||||||
|
app.get<{ Params: { sessionId: string } }>(
|
||||||
|
'/api/ws/sessions/:sessionId',
|
||||||
|
{ websocket: true },
|
||||||
|
async (socket, req) => {
|
||||||
|
const sessionId = req.params.sessionId;
|
||||||
|
|
||||||
|
// Validate session exists
|
||||||
|
const session = await sql<{ id: string }[]>`SELECT id FROM sessions WHERE id = ${sessionId}`;
|
||||||
|
if (session.length === 0) {
|
||||||
|
socket.send(JSON.stringify({ type: 'error', error: 'session not found' }));
|
||||||
|
socket.close(1008, 'session not found');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Send snapshot of existing messages so client can hydrate
|
||||||
|
const messages = await sql<Record<string, unknown>[]>`
|
||||||
|
SELECT id, session_id, chat_id, role, content, kind, tool_calls, tool_results, status, last_seq,
|
||||||
|
tokens_used, ctx_used, ctx_max, started_at, finished_at, created_at, metadata,
|
||||||
|
summary, tail_start_id, compacted_at
|
||||||
|
FROM messages_with_parts
|
||||||
|
WHERE session_id = ${sessionId}
|
||||||
|
ORDER BY created_at ASC, id ASC
|
||||||
|
`;
|
||||||
|
socket.send(JSON.stringify({ type: 'snapshot', messages }));
|
||||||
|
|
||||||
|
// Subscribe to broker for live frames
|
||||||
|
const unsubscribe = broker.subscribe(sessionId, (frame) => {
|
||||||
|
if (socket.readyState !== socket.OPEN) return;
|
||||||
|
try {
|
||||||
|
socket.send(JSON.stringify(frame));
|
||||||
|
} catch (err) {
|
||||||
|
app.log.warn({ err, sessionId }, 'ws send failed');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
socket.on('close', () => unsubscribe());
|
||||||
|
socket.on('error', () => unsubscribe());
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
51
apps/coder/src/schema.sql
Normal file
51
apps/coder/src/schema.sql
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
-- v2.0.0: BooCoder schema — pending changes, tasks, agent registry.
|
||||||
|
-- Applied on startup by apps/coder/src/db.ts:applySchema().
|
||||||
|
-- Lives in the same 'boochat' database as BooChat's tables.
|
||||||
|
|
||||||
|
CREATE TABLE IF NOT EXISTS pending_changes (
|
||||||
|
id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
|
||||||
|
session_id UUID NOT NULL,
|
||||||
|
task_id UUID,
|
||||||
|
file_path TEXT NOT NULL,
|
||||||
|
operation TEXT NOT NULL,
|
||||||
|
diff TEXT NOT NULL,
|
||||||
|
status TEXT NOT NULL DEFAULT 'pending',
|
||||||
|
created_at TIMESTAMPTZ NOT NULL DEFAULT clock_timestamp(),
|
||||||
|
CONSTRAINT pending_changes_operation_chk CHECK (operation IN ('create', 'edit', 'delete')),
|
||||||
|
CONSTRAINT pending_changes_status_chk CHECK (status IN ('pending', 'applied', 'rejected', 'reverted'))
|
||||||
|
);
|
||||||
|
|
||||||
|
CREATE TABLE IF NOT EXISTS tasks (
|
||||||
|
id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
|
||||||
|
project_id UUID NOT NULL,
|
||||||
|
parent_task_id UUID REFERENCES tasks(id),
|
||||||
|
state TEXT NOT NULL DEFAULT 'pending',
|
||||||
|
input TEXT NOT NULL,
|
||||||
|
output_summary TEXT,
|
||||||
|
agent TEXT,
|
||||||
|
model TEXT,
|
||||||
|
execution_path TEXT,
|
||||||
|
worktree_path TEXT,
|
||||||
|
cost_tokens INTEGER,
|
||||||
|
started_at TIMESTAMPTZ,
|
||||||
|
ended_at TIMESTAMPTZ,
|
||||||
|
created_at TIMESTAMPTZ NOT NULL DEFAULT clock_timestamp(),
|
||||||
|
CONSTRAINT tasks_state_chk CHECK (state IN ('pending', 'running', 'completed', 'failed', 'blocked', 'cancelled')),
|
||||||
|
CONSTRAINT tasks_execution_path_chk CHECK (execution_path IS NULL OR execution_path IN ('native', 'acp', 'pty'))
|
||||||
|
);
|
||||||
|
|
||||||
|
CREATE TABLE IF NOT EXISTS available_agents (
|
||||||
|
name TEXT PRIMARY KEY,
|
||||||
|
install_path TEXT,
|
||||||
|
version TEXT,
|
||||||
|
supports_acp BOOLEAN NOT NULL DEFAULT false,
|
||||||
|
supports_mcp_client BOOLEAN NOT NULL DEFAULT false,
|
||||||
|
last_probed_at TIMESTAMPTZ
|
||||||
|
);
|
||||||
|
|
||||||
|
-- v2.0.0 Phase 4: link tasks to their inference sessions.
|
||||||
|
ALTER TABLE tasks ADD COLUMN IF NOT EXISTS session_id UUID REFERENCES sessions(id);
|
||||||
|
|
||||||
|
-- Human inbox: tasks needing attention
|
||||||
|
CREATE OR REPLACE VIEW human_inbox AS
|
||||||
|
SELECT * FROM tasks WHERE state IN ('blocked', 'failed');
|
||||||
115
apps/coder/src/services/__tests__/write_guard.test.ts
Normal file
115
apps/coder/src/services/__tests__/write_guard.test.ts
Normal file
@@ -0,0 +1,115 @@
|
|||||||
|
import { describe, it, expect } from 'vitest';
|
||||||
|
import { resolveWritePath, isSecretPath, WriteGuardError } from '../write_guard.js';
|
||||||
|
|
||||||
|
const PROJECT_ROOT = '/opt/projects/my-app';
|
||||||
|
|
||||||
|
describe('resolveWritePath', () => {
|
||||||
|
it('resolves a relative path correctly', () => {
|
||||||
|
const result = resolveWritePath(PROJECT_ROOT, 'src/index.ts');
|
||||||
|
expect(result).toBe('/opt/projects/my-app/src/index.ts');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('resolves nested relative path', () => {
|
||||||
|
const result = resolveWritePath(PROJECT_ROOT, 'src/lib/utils.ts');
|
||||||
|
expect(result).toBe('/opt/projects/my-app/src/lib/utils.ts');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('throws on ../ escape', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '../../../etc/passwd')).toThrow(WriteGuardError);
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '../../../etc/passwd')).toThrow('path escapes project root');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('throws on absolute path outside project root', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '/etc/shadow')).toThrow(WriteGuardError);
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '/tmp/exploit')).toThrow('path escapes project root');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('allows absolute path inside project root', () => {
|
||||||
|
const result = resolveWritePath(PROJECT_ROOT, '/opt/projects/my-app/src/new.ts');
|
||||||
|
expect(result).toBe('/opt/projects/my-app/src/new.ts');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('denies .env files', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '.env')).toThrow(WriteGuardError);
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '.env')).toThrow('cannot write to secret file');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('denies .env.local', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '.env.local')).toThrow(WriteGuardError);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('denies .env.production', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '.env.production')).toThrow(WriteGuardError);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('denies *.pem files', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, 'certs/server.pem')).toThrow(WriteGuardError);
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, 'certs/server.pem')).toThrow('cannot write to secret file');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('denies *.key files', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, 'ssl/private.key')).toThrow(WriteGuardError);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('denies id_rsa', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '.ssh/id_rsa')).toThrow(WriteGuardError);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('denies id_ed25519', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '.ssh/id_ed25519')).toThrow(WriteGuardError);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('denies credentials.json', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, 'credentials.json')).toThrow(WriteGuardError);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('passes a normal file inside project', () => {
|
||||||
|
const result = resolveWritePath(PROJECT_ROOT, 'src/components/Button.tsx');
|
||||||
|
expect(result).toBe('/opt/projects/my-app/src/components/Button.tsx');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('passes a non-existent nested file (no realpath)', () => {
|
||||||
|
// This is the key difference from BooChat's pathGuard: no realpath means
|
||||||
|
// files that don't exist yet still pass validation
|
||||||
|
const result = resolveWritePath(PROJECT_ROOT, 'src/new-dir/new-file.ts');
|
||||||
|
expect(result).toBe('/opt/projects/my-app/src/new-dir/new-file.ts');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('throws on null/empty path', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '')).toThrow(WriteGuardError);
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, '')).toThrow('file path is required');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('normalizes ../ within project root and still allows', () => {
|
||||||
|
const result = resolveWritePath(PROJECT_ROOT, 'src/../lib/utils.ts');
|
||||||
|
expect(result).toBe('/opt/projects/my-app/lib/utils.ts');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('rejects path that looks inside root but normalizes outside', () => {
|
||||||
|
expect(() => resolveWritePath(PROJECT_ROOT, 'src/../../other-project/hack.ts')).toThrow(WriteGuardError);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
describe('isSecretPath', () => {
|
||||||
|
it('detects .env', () => {
|
||||||
|
expect(isSecretPath('.env')).toBe(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('detects nested .env', () => {
|
||||||
|
expect(isSecretPath('config/.env')).toBe(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('detects *.pfx', () => {
|
||||||
|
expect(isSecretPath('certs/client.pfx')).toBe(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('does not flag normal source files', () => {
|
||||||
|
expect(isSecretPath('src/index.ts')).toBe(false);
|
||||||
|
expect(isSecretPath('README.md')).toBe(false);
|
||||||
|
expect(isSecretPath('package.json')).toBe(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('returns false for empty string', () => {
|
||||||
|
expect(isSecretPath('')).toBe(false);
|
||||||
|
});
|
||||||
|
});
|
||||||
271
apps/coder/src/services/acp-dispatch.ts
Normal file
271
apps/coder/src/services/acp-dispatch.ts
Normal file
@@ -0,0 +1,271 @@
|
|||||||
|
/**
|
||||||
|
* ACP dispatch — runs ACP-capable agents (opencode, goose) on the host via SSH.
|
||||||
|
*
|
||||||
|
* Uses the @agentclientprotocol/sdk to establish a structured JSON-RPC session
|
||||||
|
* with the agent subprocess. The SSH tunnel provides stdio transport.
|
||||||
|
*
|
||||||
|
* Flow:
|
||||||
|
* 1. SSH to host, start `opencode acp` (or `goose acp`) in the worktree
|
||||||
|
* 2. Wrap SSH child's stdin/stdout into NDJSON streams
|
||||||
|
* 3. Create a ClientSideConnection from the SDK
|
||||||
|
* 4. Initialize → newSession → prompt(task)
|
||||||
|
* 5. Collect session updates (tool calls, text output)
|
||||||
|
* 6. On prompt completion → return collected output
|
||||||
|
*/
|
||||||
|
import type { FastifyBaseLogger } from 'fastify';
|
||||||
|
import { Readable, Writable } from 'node:stream';
|
||||||
|
import {
|
||||||
|
ClientSideConnection,
|
||||||
|
ndJsonStream,
|
||||||
|
type Client,
|
||||||
|
type SessionNotification,
|
||||||
|
type RequestPermissionRequest,
|
||||||
|
type RequestPermissionResponse,
|
||||||
|
type ReadTextFileRequest,
|
||||||
|
type ReadTextFileResponse,
|
||||||
|
type WriteTextFileRequest,
|
||||||
|
type WriteTextFileResponse,
|
||||||
|
type CreateTerminalRequest,
|
||||||
|
type CreateTerminalResponse,
|
||||||
|
} from '@agentclientprotocol/sdk';
|
||||||
|
import { sshSpawn } from './ssh.js';
|
||||||
|
|
||||||
|
export interface AcpDispatchResult {
|
||||||
|
exitCode: number;
|
||||||
|
output: string;
|
||||||
|
toolCalls: Array<{ title: string; input: unknown; output?: unknown }>;
|
||||||
|
stopReason: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface AcpDispatchOpts {
|
||||||
|
agent: string;
|
||||||
|
task: string;
|
||||||
|
worktreePath: string;
|
||||||
|
model?: string;
|
||||||
|
signal?: AbortSignal;
|
||||||
|
log: FastifyBaseLogger;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Map agent name to the ACP command it exposes. */
|
||||||
|
function acpCommand(agent: string): string | null {
|
||||||
|
switch (agent) {
|
||||||
|
case 'opencode':
|
||||||
|
return 'opencode acp';
|
||||||
|
case 'goose':
|
||||||
|
return 'goose acp';
|
||||||
|
default:
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Convert a Node.js Readable stream to a web ReadableStream<Uint8Array>.
|
||||||
|
*/
|
||||||
|
function nodeReadableToWeb(nodeStream: NodeJS.ReadableStream): ReadableStream<Uint8Array> {
|
||||||
|
return new ReadableStream<Uint8Array>({
|
||||||
|
start(controller) {
|
||||||
|
nodeStream.on('data', (chunk: Buffer) => {
|
||||||
|
controller.enqueue(new Uint8Array(chunk));
|
||||||
|
});
|
||||||
|
nodeStream.on('end', () => {
|
||||||
|
controller.close();
|
||||||
|
});
|
||||||
|
nodeStream.on('error', (err) => {
|
||||||
|
controller.error(err);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
if ('destroy' in nodeStream && typeof (nodeStream as Readable).destroy === 'function') {
|
||||||
|
(nodeStream as Readable).destroy();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Convert a Node.js Writable stream to a web WritableStream<Uint8Array>.
|
||||||
|
*/
|
||||||
|
function nodeWritableToWeb(nodeStream: NodeJS.WritableStream): WritableStream<Uint8Array> {
|
||||||
|
return new WritableStream<Uint8Array>({
|
||||||
|
write(chunk) {
|
||||||
|
return new Promise<void>((resolve, reject) => {
|
||||||
|
const ok = (nodeStream as Writable).write(chunk, (err) => {
|
||||||
|
if (err) reject(err);
|
||||||
|
});
|
||||||
|
if (ok) resolve();
|
||||||
|
else (nodeStream as Writable).once('drain', resolve);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
close() {
|
||||||
|
return new Promise<void>((resolve) => {
|
||||||
|
(nodeStream as Writable).end(resolve);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
abort() {
|
||||||
|
(nodeStream as Writable).destroy();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Dispatch a task to an ACP-capable agent via SSH.
|
||||||
|
*
|
||||||
|
* Opens a structured ACP session, sends the task as a prompt, and collects
|
||||||
|
* all session updates. Returns the collected output and tool calls.
|
||||||
|
*/
|
||||||
|
export async function dispatchViaAcp(opts: AcpDispatchOpts): Promise<AcpDispatchResult> {
|
||||||
|
const { agent, task, worktreePath, signal, log } = opts;
|
||||||
|
|
||||||
|
const cmd = acpCommand(agent);
|
||||||
|
if (!cmd) {
|
||||||
|
return {
|
||||||
|
exitCode: 1,
|
||||||
|
output: `Agent '${agent}' does not support ACP.`,
|
||||||
|
toolCalls: [],
|
||||||
|
stopReason: 'error',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Spawn SSH with the ACP command running in the worktree
|
||||||
|
const escapedPath = worktreePath.replace(/'/g, "'\\''");
|
||||||
|
const fullCommand = `cd '${escapedPath}' && ${cmd}`;
|
||||||
|
|
||||||
|
log.info({ agent, worktreePath }, 'acp-dispatch: spawning');
|
||||||
|
const child = sshSpawn(fullCommand);
|
||||||
|
|
||||||
|
// Wire up abort
|
||||||
|
let killed = false;
|
||||||
|
const cleanup = () => {
|
||||||
|
if (!killed) {
|
||||||
|
killed = true;
|
||||||
|
child.kill('SIGTERM');
|
||||||
|
setTimeout(() => child.kill('SIGKILL'), 5_000);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if (signal) {
|
||||||
|
if (signal.aborted) {
|
||||||
|
cleanup();
|
||||||
|
return { exitCode: 130, output: 'Aborted before start', toolCalls: [], stopReason: 'cancelled' };
|
||||||
|
}
|
||||||
|
signal.addEventListener('abort', cleanup, { once: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Create web streams from the child process stdio
|
||||||
|
const inputStream = nodeReadableToWeb(child.stdout!);
|
||||||
|
const outputStream = nodeWritableToWeb(child.stdin!);
|
||||||
|
|
||||||
|
// Create the NDJSON ACP stream
|
||||||
|
const stream = ndJsonStream(outputStream, inputStream);
|
||||||
|
|
||||||
|
// Collected session updates
|
||||||
|
const textChunks: string[] = [];
|
||||||
|
const toolCalls: Array<{ title: string; input: unknown; output?: unknown }> = [];
|
||||||
|
|
||||||
|
// Create client-side connection — we are the "client" (editor), the agent is remote
|
||||||
|
const connection = new ClientSideConnection(
|
||||||
|
(_agentInterface): Client => ({
|
||||||
|
// Handle session updates from the agent
|
||||||
|
async sessionUpdate(params: SessionNotification): Promise<void> {
|
||||||
|
const update = params.update;
|
||||||
|
if (update.sessionUpdate === 'agent_message_chunk') {
|
||||||
|
// ContentChunk with content: ContentBlock
|
||||||
|
const content = update.content;
|
||||||
|
if (content.type === 'text' && 'text' in content) {
|
||||||
|
textChunks.push((content as { text: string }).text);
|
||||||
|
}
|
||||||
|
} else if (update.sessionUpdate === 'tool_call') {
|
||||||
|
toolCalls.push({
|
||||||
|
title: update.title,
|
||||||
|
input: update.rawInput,
|
||||||
|
});
|
||||||
|
} else if (update.sessionUpdate === 'tool_call_update') {
|
||||||
|
const last = toolCalls[toolCalls.length - 1];
|
||||||
|
if (last && update.rawOutput !== undefined) {
|
||||||
|
last.output = update.rawOutput;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// Permission requests — auto-approve by selecting the first option (worktree is isolated)
|
||||||
|
async requestPermission(params: RequestPermissionRequest): Promise<RequestPermissionResponse> {
|
||||||
|
// Select the first available option to auto-approve
|
||||||
|
const firstOption = params.options[0];
|
||||||
|
if (firstOption) {
|
||||||
|
return {
|
||||||
|
outcome: { outcome: 'selected', optionId: firstOption.optionId },
|
||||||
|
};
|
||||||
|
}
|
||||||
|
// No options available — cancel
|
||||||
|
return { outcome: { outcome: 'cancelled' } };
|
||||||
|
},
|
||||||
|
|
||||||
|
// File system operations — let the agent handle them directly in the worktree
|
||||||
|
async readTextFile(_params: ReadTextFileRequest): Promise<ReadTextFileResponse> {
|
||||||
|
return { content: '' };
|
||||||
|
},
|
||||||
|
async writeTextFile(_params: WriteTextFileRequest): Promise<WriteTextFileResponse> {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
async createTerminal(_params: CreateTerminalRequest): Promise<CreateTerminalResponse> {
|
||||||
|
return { terminalId: 'noop' };
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
stream,
|
||||||
|
);
|
||||||
|
|
||||||
|
// Initialize the connection
|
||||||
|
// ProtocolVersion is a number in this SDK version
|
||||||
|
const initResult = await connection.initialize({
|
||||||
|
protocolVersion: 1,
|
||||||
|
clientInfo: { name: 'boocoder', version: '2.0.1' },
|
||||||
|
clientCapabilities: {},
|
||||||
|
});
|
||||||
|
log.info({ agentInfo: initResult.agentInfo }, 'acp-dispatch: initialized');
|
||||||
|
|
||||||
|
// Create a new session
|
||||||
|
const session = await connection.newSession({
|
||||||
|
cwd: worktreePath,
|
||||||
|
mcpServers: [],
|
||||||
|
});
|
||||||
|
log.info({ sessionId: session.sessionId }, 'acp-dispatch: session created');
|
||||||
|
|
||||||
|
// Send the prompt
|
||||||
|
const promptResult = await connection.prompt({
|
||||||
|
sessionId: session.sessionId,
|
||||||
|
prompt: [{ type: 'text', text: task }],
|
||||||
|
});
|
||||||
|
|
||||||
|
const stopReason = promptResult.stopReason ?? 'end_turn';
|
||||||
|
log.info({ agent, stopReason, toolCallCount: toolCalls.length }, 'acp-dispatch: prompt completed');
|
||||||
|
|
||||||
|
// Clean shutdown
|
||||||
|
await connection.closeSession({ sessionId: session.sessionId }).catch(() => {});
|
||||||
|
|
||||||
|
return {
|
||||||
|
exitCode: 0,
|
||||||
|
output: textChunks.join(''),
|
||||||
|
toolCalls,
|
||||||
|
stopReason,
|
||||||
|
};
|
||||||
|
} catch (err) {
|
||||||
|
const message = err instanceof Error ? err.message : String(err);
|
||||||
|
log.error({ agent, err: message }, 'acp-dispatch: error');
|
||||||
|
return {
|
||||||
|
exitCode: 1,
|
||||||
|
output: message,
|
||||||
|
toolCalls: [],
|
||||||
|
stopReason: 'error',
|
||||||
|
};
|
||||||
|
} finally {
|
||||||
|
if (signal) signal.removeEventListener('abort', cleanup);
|
||||||
|
cleanup();
|
||||||
|
|
||||||
|
// Wait for child to exit
|
||||||
|
await new Promise<void>((resolve) => {
|
||||||
|
child.on('close', resolve);
|
||||||
|
setTimeout(resolve, 3_000);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
70
apps/coder/src/services/agent-probe.ts
Normal file
70
apps/coder/src/services/agent-probe.ts
Normal file
@@ -0,0 +1,70 @@
|
|||||||
|
import type { Sql } from '../db.js';
|
||||||
|
import type { FastifyBaseLogger } from 'fastify';
|
||||||
|
import { sshExec } from './ssh.js';
|
||||||
|
|
||||||
|
const KNOWN_AGENTS: Array<{ name: string; supportsAcp: boolean }> = [
|
||||||
|
{ name: 'opencode', supportsAcp: true },
|
||||||
|
{ name: 'goose', supportsAcp: true },
|
||||||
|
{ name: 'claude', supportsAcp: false },
|
||||||
|
{ name: 'pi', supportsAcp: false },
|
||||||
|
];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Probe for available agents on the HOST via SSH.
|
||||||
|
*
|
||||||
|
* The boocoder container can't run agents locally — they live on the host.
|
||||||
|
* We SSH to the host (same mechanism BooTerm uses) and check which agent
|
||||||
|
* binaries are on PATH.
|
||||||
|
*/
|
||||||
|
export async function probeAgents(sql: Sql, log: FastifyBaseLogger): Promise<void> {
|
||||||
|
log.info('agent-probe: scanning HOST for known agents via SSH');
|
||||||
|
|
||||||
|
for (const agent of KNOWN_AGENTS) {
|
||||||
|
try {
|
||||||
|
// Check if the agent binary is on the host's PATH
|
||||||
|
const whichResult = await sshExec(`which ${agent.name}`, { timeoutMs: 10_000 });
|
||||||
|
const installPath = whichResult.stdout.trim();
|
||||||
|
if (whichResult.exitCode !== 0 || !installPath) continue;
|
||||||
|
|
||||||
|
// Get version
|
||||||
|
let version: string | null = null;
|
||||||
|
try {
|
||||||
|
const verResult = await sshExec(`${agent.name} --version`, { timeoutMs: 15_000 });
|
||||||
|
if (verResult.exitCode === 0) {
|
||||||
|
version = verResult.stdout.trim().slice(0, 100);
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// Some agents may not support --version — that's fine
|
||||||
|
}
|
||||||
|
|
||||||
|
// For ACP-capable agents, verify ACP mode actually works
|
||||||
|
let supportsAcp = agent.supportsAcp;
|
||||||
|
if (supportsAcp) {
|
||||||
|
try {
|
||||||
|
const acpCheck = await sshExec(`${agent.name} acp --help`, { timeoutMs: 10_000 });
|
||||||
|
supportsAcp = acpCheck.exitCode === 0;
|
||||||
|
} catch {
|
||||||
|
supportsAcp = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// UPSERT into available_agents
|
||||||
|
await sql`
|
||||||
|
INSERT INTO available_agents (name, install_path, version, supports_acp, last_probed_at)
|
||||||
|
VALUES (${agent.name}, ${installPath}, ${version}, ${supportsAcp}, clock_timestamp())
|
||||||
|
ON CONFLICT (name) DO UPDATE SET
|
||||||
|
install_path = EXCLUDED.install_path,
|
||||||
|
version = EXCLUDED.version,
|
||||||
|
supports_acp = EXCLUDED.supports_acp,
|
||||||
|
last_probed_at = EXCLUDED.last_probed_at
|
||||||
|
`;
|
||||||
|
log.info({ agent: agent.name, version, installPath, supportsAcp }, 'agent-probe: found on host');
|
||||||
|
} catch (err) {
|
||||||
|
// SSH failed or agent not found — skip silently
|
||||||
|
const msg = err instanceof Error ? err.message : String(err);
|
||||||
|
log.debug({ agent: agent.name, err: msg }, 'agent-probe: not found or SSH failed');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
log.info('agent-probe: scan complete');
|
||||||
|
}
|
||||||
368
apps/coder/src/services/dispatcher.ts
Normal file
368
apps/coder/src/services/dispatcher.ts
Normal file
@@ -0,0 +1,368 @@
|
|||||||
|
import type { Sql } from '../db.js';
|
||||||
|
import type { FastifyBaseLogger } from 'fastify';
|
||||||
|
import type { Broker } from '@boocode/server/broker';
|
||||||
|
import type { Config } from '../config.js';
|
||||||
|
import { createWorktree, diffWorktree, cleanupWorktree } from './worktrees.js';
|
||||||
|
import { dispatchViaAcp } from './acp-dispatch.js';
|
||||||
|
import { dispatchViaPty } from './pty-dispatch.js';
|
||||||
|
|
||||||
|
interface InferenceRunner {
|
||||||
|
enqueue: (sessionId: string, chatId: string, assistantId: string, user: string) => void;
|
||||||
|
cancel: (sessionId: string, chatId: string) => Promise<boolean>;
|
||||||
|
hasActive: (chatId: string) => boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Deps {
|
||||||
|
sql: Sql;
|
||||||
|
inference: InferenceRunner;
|
||||||
|
broker: Broker;
|
||||||
|
log: FastifyBaseLogger;
|
||||||
|
config: Config;
|
||||||
|
}
|
||||||
|
|
||||||
|
const POLL_INTERVAL_MS = 5_000;
|
||||||
|
const COMPLETION_POLL_MS = 2_000;
|
||||||
|
|
||||||
|
export function createDispatcher(deps: Deps): { start(): void; stop(): Promise<void> } {
|
||||||
|
const { sql, inference, log, config } = deps;
|
||||||
|
let timer: ReturnType<typeof setInterval> | null = null;
|
||||||
|
let running = false;
|
||||||
|
let stopping = false;
|
||||||
|
let inflightPromise: Promise<void> | null = null;
|
||||||
|
|
||||||
|
async function poll(): Promise<void> {
|
||||||
|
if (running || stopping) return;
|
||||||
|
|
||||||
|
// Grab one pending task
|
||||||
|
const rows = await sql<{ id: string; project_id: string; input: string; agent: string | null; model: string | null }[]>`
|
||||||
|
SELECT id, project_id, input, agent, model
|
||||||
|
FROM tasks
|
||||||
|
WHERE state = 'pending'
|
||||||
|
ORDER BY created_at
|
||||||
|
LIMIT 1
|
||||||
|
`;
|
||||||
|
if (rows.length === 0) return;
|
||||||
|
|
||||||
|
const task = rows[0]!;
|
||||||
|
running = true;
|
||||||
|
inflightPromise = runTask(task).finally(() => {
|
||||||
|
running = false;
|
||||||
|
inflightPromise = null;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async function runTask(task: { id: string; project_id: string; input: string; agent: string | null; model: string | null }): Promise<void> {
|
||||||
|
const taskId = task.id;
|
||||||
|
|
||||||
|
// Determine execution path: if agent is specified AND exists in available_agents → Path B
|
||||||
|
if (task.agent) {
|
||||||
|
const [agentRow] = await sql<{ name: string; supports_acp: boolean }[]>`
|
||||||
|
SELECT name, supports_acp FROM available_agents WHERE name = ${task.agent}
|
||||||
|
`;
|
||||||
|
if (agentRow) {
|
||||||
|
await runExternalAgent(task, agentRow.supports_acp);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// Agent specified but not available — fall through to Path A with a warning
|
||||||
|
log.warn({ taskId, agent: task.agent }, 'dispatcher: specified agent not available, falling back to native');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Path A — native inference (existing behavior)
|
||||||
|
await runNativeInference(task);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── Path A: Native Inference ───────────────────────────────────────────────
|
||||||
|
|
||||||
|
async function runNativeInference(task: { id: string; project_id: string; input: string; agent: string | null; model: string | null }): Promise<void> {
|
||||||
|
const taskId = task.id;
|
||||||
|
log.info({ taskId }, 'dispatcher: starting task (path A — native)');
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Mark running
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks
|
||||||
|
SET state = 'running', started_at = clock_timestamp(), execution_path = 'native'
|
||||||
|
WHERE id = ${taskId}
|
||||||
|
`;
|
||||||
|
|
||||||
|
// Create session + chat for this task
|
||||||
|
const model = task.model ?? config.DEFAULT_MODEL;
|
||||||
|
const sessionName = 'Task: ' + task.input.slice(0, 40);
|
||||||
|
|
||||||
|
const [session] = await sql<{ id: string }[]>`
|
||||||
|
INSERT INTO sessions (project_id, name, model, status)
|
||||||
|
VALUES (${task.project_id}, ${sessionName}, ${model}, 'open')
|
||||||
|
RETURNING id
|
||||||
|
`;
|
||||||
|
const sessionId = session!.id;
|
||||||
|
|
||||||
|
const [chat] = await sql<{ id: string }[]>`
|
||||||
|
INSERT INTO chats (session_id, name, status)
|
||||||
|
VALUES (${sessionId}, 'Task execution', 'open')
|
||||||
|
RETURNING id
|
||||||
|
`;
|
||||||
|
const chatId = chat!.id;
|
||||||
|
|
||||||
|
// Link task to session
|
||||||
|
await sql`UPDATE tasks SET session_id = ${sessionId} WHERE id = ${taskId}`;
|
||||||
|
|
||||||
|
// Create user message + streaming assistant
|
||||||
|
await sql<{ id: string }[]>`
|
||||||
|
INSERT INTO messages (session_id, chat_id, role, content, status, created_at)
|
||||||
|
VALUES (${sessionId}, ${chatId}, 'user', ${task.input}, 'complete', clock_timestamp())
|
||||||
|
RETURNING id
|
||||||
|
`;
|
||||||
|
const [assistantMsg] = await sql<{ id: string }[]>`
|
||||||
|
INSERT INTO messages (session_id, chat_id, role, content, status, created_at)
|
||||||
|
VALUES (${sessionId}, ${chatId}, 'assistant', '', 'streaming', clock_timestamp())
|
||||||
|
RETURNING id
|
||||||
|
`;
|
||||||
|
const assistantId = assistantMsg!.id;
|
||||||
|
|
||||||
|
// Enqueue inference
|
||||||
|
inference.enqueue(sessionId, chatId, assistantId, 'default');
|
||||||
|
|
||||||
|
// Wait for inference to complete (poll message status)
|
||||||
|
const finalStatus = await waitForCompletion(assistantId);
|
||||||
|
|
||||||
|
if (stopping) {
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks
|
||||||
|
SET state = 'cancelled', ended_at = clock_timestamp()
|
||||||
|
WHERE id = ${taskId}
|
||||||
|
`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (finalStatus === 'complete') {
|
||||||
|
const [msg] = await sql<{ content: string | null }[]>`
|
||||||
|
SELECT content FROM messages WHERE id = ${assistantId}
|
||||||
|
`;
|
||||||
|
const summary = (msg?.content ?? '').slice(0, 500);
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks
|
||||||
|
SET state = 'completed', ended_at = clock_timestamp(), output_summary = ${summary}
|
||||||
|
WHERE id = ${taskId}
|
||||||
|
`;
|
||||||
|
log.info({ taskId }, 'dispatcher: task completed (native)');
|
||||||
|
} else {
|
||||||
|
const [msg] = await sql<{ content: string | null }[]>`
|
||||||
|
SELECT content FROM messages WHERE id = ${assistantId}
|
||||||
|
`;
|
||||||
|
const summary = (msg?.content ?? 'Inference failed').slice(0, 500);
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks
|
||||||
|
SET state = 'failed', ended_at = clock_timestamp(), output_summary = ${summary}
|
||||||
|
WHERE id = ${taskId}
|
||||||
|
`;
|
||||||
|
log.warn({ taskId, finalStatus }, 'dispatcher: task failed (native)');
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
const errMsg = err instanceof Error ? err.message : String(err);
|
||||||
|
log.error({ taskId, err: errMsg }, 'dispatcher: task error (native)');
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks
|
||||||
|
SET state = 'failed', ended_at = clock_timestamp(), output_summary = ${errMsg.slice(0, 500)}
|
||||||
|
WHERE id = ${taskId}
|
||||||
|
`.catch(() => {});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── Path B: External Agent Dispatch ──────<E29480><E29480><EFBFBD>─────────────────────────────────
|
||||||
|
|
||||||
|
async function runExternalAgent(
|
||||||
|
task: { id: string; project_id: string; input: string; agent: string | null; model: string | null },
|
||||||
|
supportsAcp: boolean,
|
||||||
|
): Promise<void> {
|
||||||
|
const taskId = task.id;
|
||||||
|
const agent = task.agent!;
|
||||||
|
const executionPath = supportsAcp ? 'acp' : 'pty';
|
||||||
|
|
||||||
|
log.info({ taskId, agent, executionPath }, 'dispatcher: starting task (path B — external)');
|
||||||
|
|
||||||
|
// Resolve the project's root path
|
||||||
|
const [project] = await sql<{ root_path: string | null }[]>`
|
||||||
|
SELECT root_path FROM projects WHERE id = ${task.project_id}
|
||||||
|
`;
|
||||||
|
const projectPath = project?.root_path;
|
||||||
|
if (!projectPath) {
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks
|
||||||
|
SET state = 'failed', ended_at = clock_timestamp(), output_summary = 'Project has no root_path — cannot create worktree'
|
||||||
|
WHERE id = ${taskId}
|
||||||
|
`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Create an abort controller for this task
|
||||||
|
const ac = new AbortController();
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Mark running
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks
|
||||||
|
SET state = 'running', started_at = clock_timestamp(), execution_path = ${executionPath}
|
||||||
|
WHERE id = ${taskId}
|
||||||
|
`;
|
||||||
|
|
||||||
|
// Create session + chat for this task (same as Path A — for output tracking)
|
||||||
|
const sessionName = `Task [${agent}]: ${task.input.slice(0, 30)}`;
|
||||||
|
const [session] = await sql<{ id: string }[]>`
|
||||||
|
INSERT INTO sessions (project_id, name, model, status)
|
||||||
|
VALUES (${task.project_id}, ${sessionName}, ${task.model ?? config.DEFAULT_MODEL}, 'open')
|
||||||
|
RETURNING id
|
||||||
|
`;
|
||||||
|
const sessionId = session!.id;
|
||||||
|
|
||||||
|
const [chat] = await sql<{ id: string }[]>`
|
||||||
|
INSERT INTO chats (session_id, name, status)
|
||||||
|
VALUES (${sessionId}, 'External agent execution', 'open')
|
||||||
|
RETURNING id
|
||||||
|
`;
|
||||||
|
const chatId = chat!.id;
|
||||||
|
|
||||||
|
// Link task to session
|
||||||
|
await sql`UPDATE tasks SET session_id = ${sessionId} WHERE id = ${taskId}`;
|
||||||
|
|
||||||
|
// Create user message for the task input
|
||||||
|
await sql`
|
||||||
|
INSERT INTO messages (session_id, chat_id, role, content, status, created_at)
|
||||||
|
VALUES (${sessionId}, ${chatId}, 'user', ${task.input}, 'complete', clock_timestamp())
|
||||||
|
`;
|
||||||
|
|
||||||
|
// Step 1: Create worktree
|
||||||
|
log.info({ taskId, projectPath }, 'dispatcher: creating worktree');
|
||||||
|
const worktreePath = await createWorktree(projectPath, taskId, { signal: ac.signal });
|
||||||
|
log.info({ taskId, worktreePath }, 'dispatcher: worktree created');
|
||||||
|
|
||||||
|
// Step 2: Dispatch to agent
|
||||||
|
let outputSummary: string;
|
||||||
|
|
||||||
|
if (supportsAcp) {
|
||||||
|
const result = await dispatchViaAcp({
|
||||||
|
agent,
|
||||||
|
task: task.input,
|
||||||
|
worktreePath,
|
||||||
|
model: task.model ?? undefined,
|
||||||
|
signal: ac.signal,
|
||||||
|
log,
|
||||||
|
});
|
||||||
|
outputSummary = result.output.slice(0, 500);
|
||||||
|
|
||||||
|
// Store agent output as an assistant message
|
||||||
|
await sql`
|
||||||
|
INSERT INTO messages (session_id, chat_id, role, content, status, created_at)
|
||||||
|
VALUES (${sessionId}, ${chatId}, 'assistant', ${result.output.slice(0, 50_000)}, 'complete', clock_timestamp())
|
||||||
|
`;
|
||||||
|
} else {
|
||||||
|
const result = await dispatchViaPty({
|
||||||
|
agent,
|
||||||
|
task: task.input,
|
||||||
|
worktreePath,
|
||||||
|
model: task.model ?? undefined,
|
||||||
|
signal: ac.signal,
|
||||||
|
log,
|
||||||
|
});
|
||||||
|
outputSummary = (result.stdout || result.stderr).slice(0, 500);
|
||||||
|
|
||||||
|
// Store agent output as an assistant message
|
||||||
|
const content = result.stdout || result.stderr || '(no output)';
|
||||||
|
await sql`
|
||||||
|
INSERT INTO messages (session_id, chat_id, role, content, status, created_at)
|
||||||
|
VALUES (${sessionId}, ${chatId}, 'assistant', ${content.slice(0, 50_000)}, 'complete', clock_timestamp())
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (stopping) {
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks SET state = 'cancelled', ended_at = clock_timestamp() WHERE id = ${taskId}
|
||||||
|
`;
|
||||||
|
await cleanupWorktree(projectPath, taskId);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Step 3: Diff the worktree and queue pending changes
|
||||||
|
log.info({ taskId }, 'dispatcher: diffing worktree');
|
||||||
|
const diff = await diffWorktree(worktreePath, projectPath, { signal: ac.signal });
|
||||||
|
|
||||||
|
if (diff) {
|
||||||
|
// Queue a single pending_change entry with the full unified diff
|
||||||
|
await sql`
|
||||||
|
INSERT INTO pending_changes (session_id, task_id, file_path, operation, diff)
|
||||||
|
VALUES (${sessionId}, ${taskId}, ${projectPath}, 'edit', ${diff})
|
||||||
|
`;
|
||||||
|
log.info({ taskId, diffLength: diff.length }, 'dispatcher: diff queued as pending change');
|
||||||
|
} else {
|
||||||
|
log.info({ taskId }, 'dispatcher: no changes detected in worktree');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Step 4: Cleanup worktree
|
||||||
|
await cleanupWorktree(projectPath, taskId);
|
||||||
|
|
||||||
|
// Step 5: Mark task completed
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks
|
||||||
|
SET state = 'completed', ended_at = clock_timestamp(), output_summary = ${outputSummary}
|
||||||
|
WHERE id = ${taskId}
|
||||||
|
`;
|
||||||
|
log.info({ taskId, agent }, 'dispatcher: task completed (external)');
|
||||||
|
|
||||||
|
} catch (err) {
|
||||||
|
const errMsg = err instanceof Error ? err.message : String(err);
|
||||||
|
log.error({ taskId, agent, err: errMsg }, 'dispatcher: external agent error');
|
||||||
|
|
||||||
|
await sql`
|
||||||
|
UPDATE tasks
|
||||||
|
SET state = 'failed', ended_at = clock_timestamp(), output_summary = ${errMsg.slice(0, 500)}
|
||||||
|
WHERE id = ${taskId}
|
||||||
|
`.catch(() => {});
|
||||||
|
|
||||||
|
// Best-effort cleanup
|
||||||
|
await cleanupWorktree(projectPath, taskId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ─── Helpers ────────────────────────────────────────────────────────────────
|
||||||
|
|
||||||
|
async function waitForCompletion(assistantId: string): Promise<string> {
|
||||||
|
for (;;) {
|
||||||
|
if (stopping) return 'cancelled';
|
||||||
|
|
||||||
|
const [row] = await sql<{ status: string }[]>`
|
||||||
|
SELECT status FROM messages WHERE id = ${assistantId}
|
||||||
|
`;
|
||||||
|
const status = row?.status ?? 'failed';
|
||||||
|
if (status !== 'streaming') return status;
|
||||||
|
|
||||||
|
await sleep(COMPLETION_POLL_MS);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function sleep(ms: number): Promise<void> {
|
||||||
|
return new Promise((resolve) => setTimeout(resolve, ms));
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
start() {
|
||||||
|
log.info('dispatcher: starting poll loop');
|
||||||
|
timer = setInterval(() => {
|
||||||
|
poll().catch((err) => {
|
||||||
|
log.error({ err }, 'dispatcher: poll error');
|
||||||
|
});
|
||||||
|
}, POLL_INTERVAL_MS);
|
||||||
|
},
|
||||||
|
|
||||||
|
async stop() {
|
||||||
|
stopping = true;
|
||||||
|
if (timer) {
|
||||||
|
clearInterval(timer);
|
||||||
|
timer = null;
|
||||||
|
}
|
||||||
|
if (inflightPromise) {
|
||||||
|
log.info('dispatcher: waiting for in-flight task');
|
||||||
|
await inflightPromise;
|
||||||
|
}
|
||||||
|
log.info('dispatcher: stopped');
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
224
apps/coder/src/services/pending_changes.ts
Normal file
224
apps/coder/src/services/pending_changes.ts
Normal file
@@ -0,0 +1,224 @@
|
|||||||
|
import { readFile, writeFile, unlink, mkdir } from 'node:fs/promises';
|
||||||
|
import { dirname } from 'node:path';
|
||||||
|
import type { Sql } from '../db.js';
|
||||||
|
import { resolveWritePath } from './write_guard.js';
|
||||||
|
|
||||||
|
// --- Types -------------------------------------------------------------------
|
||||||
|
|
||||||
|
export interface PendingChange {
|
||||||
|
id: string;
|
||||||
|
session_id: string;
|
||||||
|
task_id: string | null;
|
||||||
|
file_path: string;
|
||||||
|
operation: 'create' | 'edit' | 'delete';
|
||||||
|
diff: string;
|
||||||
|
status: 'pending' | 'applied' | 'rejected' | 'reverted';
|
||||||
|
created_at: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ApplyResult {
|
||||||
|
id: string;
|
||||||
|
file_path: string;
|
||||||
|
operation: string;
|
||||||
|
success: boolean;
|
||||||
|
error?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Queue functions ---------------------------------------------------------
|
||||||
|
|
||||||
|
export async function queueEdit(
|
||||||
|
sql: Sql,
|
||||||
|
sessionId: string,
|
||||||
|
taskId: string | null,
|
||||||
|
filePath: string,
|
||||||
|
oldString: string,
|
||||||
|
newString: string,
|
||||||
|
projectRoot: string,
|
||||||
|
): Promise<PendingChange> {
|
||||||
|
const resolved = resolveWritePath(projectRoot, filePath);
|
||||||
|
const diff = JSON.stringify({ old: oldString, new: newString });
|
||||||
|
|
||||||
|
const [row] = await sql<PendingChange[]>`
|
||||||
|
INSERT INTO pending_changes (session_id, task_id, file_path, operation, diff)
|
||||||
|
VALUES (${sessionId}, ${taskId}, ${resolved}, 'edit', ${diff})
|
||||||
|
RETURNING *
|
||||||
|
`;
|
||||||
|
return row!;
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function queueCreate(
|
||||||
|
sql: Sql,
|
||||||
|
sessionId: string,
|
||||||
|
taskId: string | null,
|
||||||
|
filePath: string,
|
||||||
|
content: string,
|
||||||
|
projectRoot: string,
|
||||||
|
): Promise<PendingChange> {
|
||||||
|
const resolved = resolveWritePath(projectRoot, filePath);
|
||||||
|
|
||||||
|
const [row] = await sql<PendingChange[]>`
|
||||||
|
INSERT INTO pending_changes (session_id, task_id, file_path, operation, diff)
|
||||||
|
VALUES (${sessionId}, ${taskId}, ${resolved}, 'create', ${content})
|
||||||
|
RETURNING *
|
||||||
|
`;
|
||||||
|
return row!;
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function queueDelete(
|
||||||
|
sql: Sql,
|
||||||
|
sessionId: string,
|
||||||
|
taskId: string | null,
|
||||||
|
filePath: string,
|
||||||
|
projectRoot: string,
|
||||||
|
): Promise<PendingChange> {
|
||||||
|
const resolved = resolveWritePath(projectRoot, filePath);
|
||||||
|
|
||||||
|
const [row] = await sql<PendingChange[]>`
|
||||||
|
INSERT INTO pending_changes (session_id, task_id, file_path, operation, diff)
|
||||||
|
VALUES (${sessionId}, ${taskId}, ${resolved}, 'delete', '')
|
||||||
|
RETURNING *
|
||||||
|
`;
|
||||||
|
return row!;
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Apply functions ---------------------------------------------------------
|
||||||
|
|
||||||
|
export async function applyOne(
|
||||||
|
sql: Sql,
|
||||||
|
changeId: string,
|
||||||
|
projectRoot: string,
|
||||||
|
): Promise<ApplyResult> {
|
||||||
|
const [change] = await sql<PendingChange[]>`
|
||||||
|
SELECT * FROM pending_changes WHERE id = ${changeId} AND status = 'pending'
|
||||||
|
`;
|
||||||
|
if (!change) {
|
||||||
|
return { id: changeId, file_path: '', operation: '', success: false, error: 'change not found or not pending' };
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Re-validate path in case projectRoot has shifted
|
||||||
|
resolveWritePath(projectRoot, change.file_path);
|
||||||
|
|
||||||
|
switch (change.operation) {
|
||||||
|
case 'create': {
|
||||||
|
await mkdir(dirname(change.file_path), { recursive: true });
|
||||||
|
await writeFile(change.file_path, change.diff, 'utf8');
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case 'edit': {
|
||||||
|
const { old: oldStr, new: newStr } = JSON.parse(change.diff) as { old: string; new: string };
|
||||||
|
const content = await readFile(change.file_path, 'utf8');
|
||||||
|
if (!content.includes(oldStr)) {
|
||||||
|
throw new Error('old_string not found in file — file may have changed since the edit was queued');
|
||||||
|
}
|
||||||
|
const updated = content.replace(oldStr, newStr);
|
||||||
|
await writeFile(change.file_path, updated, 'utf8');
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case 'delete': {
|
||||||
|
// Stash current content in diff for potential rewind
|
||||||
|
try {
|
||||||
|
const existing = await readFile(change.file_path, 'utf8');
|
||||||
|
await sql`UPDATE pending_changes SET diff = ${existing} WHERE id = ${changeId}`;
|
||||||
|
} catch {
|
||||||
|
// File may already be gone — proceed with status update
|
||||||
|
}
|
||||||
|
await unlink(change.file_path);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
await sql`UPDATE pending_changes SET status = 'applied' WHERE id = ${changeId}`;
|
||||||
|
return { id: change.id, file_path: change.file_path, operation: change.operation, success: true };
|
||||||
|
} catch (err) {
|
||||||
|
const message = err instanceof Error ? err.message : String(err);
|
||||||
|
return { id: change.id, file_path: change.file_path, operation: change.operation, success: false, error: message };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function applyAll(
|
||||||
|
sql: Sql,
|
||||||
|
sessionId: string,
|
||||||
|
projectRoot: string,
|
||||||
|
): Promise<ApplyResult[]> {
|
||||||
|
const pending = await sql<PendingChange[]>`
|
||||||
|
SELECT * FROM pending_changes
|
||||||
|
WHERE session_id = ${sessionId} AND status = 'pending'
|
||||||
|
ORDER BY created_at ASC
|
||||||
|
`;
|
||||||
|
const results: ApplyResult[] = [];
|
||||||
|
for (const change of pending) {
|
||||||
|
results.push(await applyOne(sql, change.id, projectRoot));
|
||||||
|
}
|
||||||
|
return results;
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Reject functions --------------------------------------------------------
|
||||||
|
|
||||||
|
export async function rejectOne(sql: Sql, changeId: string): Promise<void> {
|
||||||
|
await sql`UPDATE pending_changes SET status = 'rejected' WHERE id = ${changeId} AND status = 'pending'`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function rejectAll(sql: Sql, sessionId: string): Promise<void> {
|
||||||
|
await sql`UPDATE pending_changes SET status = 'rejected' WHERE session_id = ${sessionId} AND status = 'pending'`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Rewind functions --------------------------------------------------------
|
||||||
|
|
||||||
|
export async function rewindOne(
|
||||||
|
sql: Sql,
|
||||||
|
changeId: string,
|
||||||
|
projectRoot: string,
|
||||||
|
): Promise<ApplyResult> {
|
||||||
|
const [change] = await sql<PendingChange[]>`
|
||||||
|
SELECT * FROM pending_changes WHERE id = ${changeId} AND status = 'applied'
|
||||||
|
`;
|
||||||
|
if (!change) {
|
||||||
|
return { id: changeId, file_path: '', operation: '', success: false, error: 'change not found or not applied' };
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
resolveWritePath(projectRoot, change.file_path);
|
||||||
|
|
||||||
|
switch (change.operation) {
|
||||||
|
case 'create': {
|
||||||
|
// Reverse a create: delete the file
|
||||||
|
await unlink(change.file_path);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case 'edit': {
|
||||||
|
// Reverse an edit: swap old and new
|
||||||
|
const { old: oldStr, new: newStr } = JSON.parse(change.diff) as { old: string; new: string };
|
||||||
|
const content = await readFile(change.file_path, 'utf8');
|
||||||
|
if (!content.includes(newStr)) {
|
||||||
|
throw new Error('new_string not found in file — cannot rewind; file may have been modified since apply');
|
||||||
|
}
|
||||||
|
const reverted = content.replace(newStr, oldStr);
|
||||||
|
await writeFile(change.file_path, reverted, 'utf8');
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case 'delete': {
|
||||||
|
// Reverse a delete: recreate the file (diff holds the original content stashed at apply time)
|
||||||
|
await mkdir(dirname(change.file_path), { recursive: true });
|
||||||
|
await writeFile(change.file_path, change.diff, 'utf8');
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
await sql`UPDATE pending_changes SET status = 'reverted' WHERE id = ${changeId}`;
|
||||||
|
return { id: change.id, file_path: change.file_path, operation: change.operation, success: true };
|
||||||
|
} catch (err) {
|
||||||
|
const message = err instanceof Error ? err.message : String(err);
|
||||||
|
return { id: change.id, file_path: change.file_path, operation: change.operation, success: false, error: message };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// --- Query functions ---------------------------------------------------------
|
||||||
|
|
||||||
|
export async function listPending(sql: Sql, sessionId: string): Promise<PendingChange[]> {
|
||||||
|
return sql<PendingChange[]>`
|
||||||
|
SELECT * FROM pending_changes
|
||||||
|
WHERE session_id = ${sessionId} AND status = 'pending'
|
||||||
|
ORDER BY created_at ASC
|
||||||
|
`;
|
||||||
|
}
|
||||||
139
apps/coder/src/services/pty-dispatch.ts
Normal file
139
apps/coder/src/services/pty-dispatch.ts
Normal file
@@ -0,0 +1,139 @@
|
|||||||
|
/**
|
||||||
|
* PTY dispatch — runs external agents on the host via SSH.
|
||||||
|
*
|
||||||
|
* For agents without ACP support (claude, pi), we pipe the task into their
|
||||||
|
* non-interactive mode and capture stdout/stderr. The agent runs in a git
|
||||||
|
* worktree so it can modify files freely.
|
||||||
|
*
|
||||||
|
* Supported agents:
|
||||||
|
* - claude: `claude -p --model <model>` (print mode, reads task from stdin)
|
||||||
|
* - opencode: `echo <task> | opencode` (stdin pipe — exact flags TBD)
|
||||||
|
* - goose: stub (not yet supported)
|
||||||
|
* - pi: stub (not yet supported)
|
||||||
|
*/
|
||||||
|
import type { FastifyBaseLogger } from 'fastify';
|
||||||
|
import { sshSpawnWithStdin } from './ssh.js';
|
||||||
|
|
||||||
|
export interface DispatchResult {
|
||||||
|
exitCode: number;
|
||||||
|
stdout: string;
|
||||||
|
stderr: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PtyDispatchOpts {
|
||||||
|
agent: string;
|
||||||
|
task: string;
|
||||||
|
worktreePath: string;
|
||||||
|
model?: string;
|
||||||
|
signal?: AbortSignal;
|
||||||
|
log: FastifyBaseLogger;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Build the shell command that runs the agent non-interactively.
|
||||||
|
* The command will be executed inside `cd <worktreePath> && ...`.
|
||||||
|
*/
|
||||||
|
function buildAgentCommand(agent: string, task: string, model?: string): string | null {
|
||||||
|
// Escape the task for embedding in a shell command
|
||||||
|
const escapedTask = task.replace(/'/g, "'\\''");
|
||||||
|
|
||||||
|
switch (agent) {
|
||||||
|
case 'claude':
|
||||||
|
// Claude Code's print mode: reads prompt from stdin, runs autonomously, prints result
|
||||||
|
return model
|
||||||
|
? `echo '${escapedTask}' | claude -p --model '${model}'`
|
||||||
|
: `echo '${escapedTask}' | claude -p`;
|
||||||
|
|
||||||
|
case 'opencode':
|
||||||
|
// opencode non-interactive: pipe task via stdin
|
||||||
|
// NOTE: exact flags may vary — opencode may need --non-interactive or --pipe
|
||||||
|
return model
|
||||||
|
? `echo '${escapedTask}' | opencode --model '${model}'`
|
||||||
|
: `echo '${escapedTask}' | opencode`;
|
||||||
|
|
||||||
|
case 'goose':
|
||||||
|
// Not yet verified for non-interactive use
|
||||||
|
return null;
|
||||||
|
|
||||||
|
case 'pi':
|
||||||
|
// Not yet verified for non-interactive use
|
||||||
|
return null;
|
||||||
|
|
||||||
|
default:
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Dispatch a task to an external agent via SSH.
|
||||||
|
*
|
||||||
|
* The agent runs in the worktree directory on the host. stdout/stderr are
|
||||||
|
* captured in full and returned. The SSH process is killed on abort signal.
|
||||||
|
*/
|
||||||
|
export async function dispatchViaPty(opts: PtyDispatchOpts): Promise<DispatchResult> {
|
||||||
|
const { agent, task, worktreePath, model, signal, log } = opts;
|
||||||
|
|
||||||
|
const agentCmd = buildAgentCommand(agent, task, model);
|
||||||
|
if (!agentCmd) {
|
||||||
|
return {
|
||||||
|
exitCode: 1,
|
||||||
|
stdout: '',
|
||||||
|
stderr: `Agent '${agent}' is not yet supported for PTY dispatch.`,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Wrap in cd to the worktree
|
||||||
|
const fullCommand = `cd '${worktreePath.replace(/'/g, "'\\''")}' && ${agentCmd}`;
|
||||||
|
|
||||||
|
log.info({ agent, worktreePath }, 'pty-dispatch: starting');
|
||||||
|
|
||||||
|
return new Promise<DispatchResult>((resolve, reject) => {
|
||||||
|
const child = sshSpawnWithStdin(fullCommand, '');
|
||||||
|
// Note: sshSpawnWithStdin already closes stdin. For agents that read from
|
||||||
|
// stdin via echo piping, the command itself handles the piping on the remote
|
||||||
|
// side. We just need the SSH tunnel.
|
||||||
|
|
||||||
|
// Actually, re-think: sshSpawnWithStdin writes input and closes stdin on the
|
||||||
|
// LOCAL ssh process. But the remote command is `echo '...' | agent`, which
|
||||||
|
// provides its own stdin. So we should use sshSpawn (no local stdin needed)
|
||||||
|
// or just let the empty stdin close — the remote shell handles piping internally.
|
||||||
|
// This is fine as-is because the echo piping happens WITHIN the remote shell command.
|
||||||
|
|
||||||
|
let stdout = '';
|
||||||
|
let stderr = '';
|
||||||
|
let killed = false;
|
||||||
|
|
||||||
|
child.stdout!.on('data', (chunk: Buffer) => { stdout += chunk.toString(); });
|
||||||
|
child.stderr!.on('data', (chunk: Buffer) => { stderr += chunk.toString(); });
|
||||||
|
|
||||||
|
const cleanup = () => {
|
||||||
|
if (!killed) {
|
||||||
|
killed = true;
|
||||||
|
child.kill('SIGTERM');
|
||||||
|
// Give it a moment then force-kill
|
||||||
|
setTimeout(() => child.kill('SIGKILL'), 5_000);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
if (signal) {
|
||||||
|
if (signal.aborted) {
|
||||||
|
cleanup();
|
||||||
|
resolve({ exitCode: 130, stdout: '', stderr: 'Aborted before start' });
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
signal.addEventListener('abort', cleanup, { once: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
child.on('close', (code) => {
|
||||||
|
if (signal) signal.removeEventListener('abort', cleanup);
|
||||||
|
log.info({ agent, exitCode: code }, 'pty-dispatch: completed');
|
||||||
|
resolve({ exitCode: code ?? 1, stdout, stderr });
|
||||||
|
});
|
||||||
|
|
||||||
|
child.on('error', (err) => {
|
||||||
|
if (signal) signal.removeEventListener('abort', cleanup);
|
||||||
|
log.error({ agent, err: err.message }, 'pty-dispatch: spawn error');
|
||||||
|
reject(err);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
126
apps/coder/src/services/ssh.ts
Normal file
126
apps/coder/src/services/ssh.ts
Normal file
@@ -0,0 +1,126 @@
|
|||||||
|
/**
|
||||||
|
* SSH helper — spawns commands on the host via SSH.
|
||||||
|
*
|
||||||
|
* BooCode's container cannot directly spawn host processes (opencode, goose, claude, pi).
|
||||||
|
* They live on the HOST at /usr/local/bin/ or Sam's PATH. We SSH to the host over the
|
||||||
|
* Tailscale IP (same mechanism BooTerm uses: samkintop@100.114.205.53).
|
||||||
|
*/
|
||||||
|
import { spawn, type ChildProcess } from 'node:child_process';
|
||||||
|
|
||||||
|
export const SSH_HOST = process.env.BOOCODER_SSH_HOST ?? '100.114.205.53';
|
||||||
|
export const SSH_USER = process.env.BOOCODER_SSH_USER ?? 'samkintop';
|
||||||
|
|
||||||
|
/** Common SSH args — strict host checking disabled for container-to-host trust. */
|
||||||
|
const SSH_BASE_ARGS = [
|
||||||
|
'-o', 'StrictHostKeyChecking=no',
|
||||||
|
'-o', 'UserKnownHostsFile=/dev/null',
|
||||||
|
'-o', 'LogLevel=ERROR',
|
||||||
|
'-o', 'BatchMode=yes',
|
||||||
|
];
|
||||||
|
|
||||||
|
export interface SshExecResult {
|
||||||
|
exitCode: number;
|
||||||
|
stdout: string;
|
||||||
|
stderr: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Execute a command on the host via SSH, collecting all output.
|
||||||
|
* Returns when the remote process exits.
|
||||||
|
*/
|
||||||
|
export async function sshExec(
|
||||||
|
command: string,
|
||||||
|
opts?: { signal?: AbortSignal; timeoutMs?: number },
|
||||||
|
): Promise<SshExecResult> {
|
||||||
|
return new Promise<SshExecResult>((resolve, reject) => {
|
||||||
|
const child = spawn('ssh', [
|
||||||
|
...SSH_BASE_ARGS,
|
||||||
|
`${SSH_USER}@${SSH_HOST}`,
|
||||||
|
command,
|
||||||
|
], {
|
||||||
|
stdio: ['pipe', 'pipe', 'pipe'],
|
||||||
|
});
|
||||||
|
|
||||||
|
let stdout = '';
|
||||||
|
let stderr = '';
|
||||||
|
let killed = false;
|
||||||
|
|
||||||
|
child.stdout!.on('data', (chunk: Buffer) => { stdout += chunk.toString(); });
|
||||||
|
child.stderr!.on('data', (chunk: Buffer) => { stderr += chunk.toString(); });
|
||||||
|
|
||||||
|
const cleanup = () => {
|
||||||
|
if (!killed) {
|
||||||
|
killed = true;
|
||||||
|
child.kill('SIGTERM');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Abort signal
|
||||||
|
if (opts?.signal) {
|
||||||
|
if (opts.signal.aborted) {
|
||||||
|
cleanup();
|
||||||
|
reject(new Error('SSH exec aborted before start'));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
opts.signal.addEventListener('abort', cleanup, { once: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
// Timeout
|
||||||
|
let timer: ReturnType<typeof setTimeout> | undefined;
|
||||||
|
if (opts?.timeoutMs) {
|
||||||
|
timer = setTimeout(() => {
|
||||||
|
cleanup();
|
||||||
|
reject(new Error(`SSH exec timed out after ${opts.timeoutMs}ms`));
|
||||||
|
}, opts.timeoutMs);
|
||||||
|
}
|
||||||
|
|
||||||
|
child.on('close', (code) => {
|
||||||
|
if (timer) clearTimeout(timer);
|
||||||
|
if (opts?.signal) opts.signal.removeEventListener('abort', cleanup);
|
||||||
|
resolve({ exitCode: code ?? 1, stdout, stderr });
|
||||||
|
});
|
||||||
|
|
||||||
|
child.on('error', (err) => {
|
||||||
|
if (timer) clearTimeout(timer);
|
||||||
|
if (opts?.signal) opts.signal.removeEventListener('abort', cleanup);
|
||||||
|
reject(err);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Close stdin immediately — we're not sending input via sshExec
|
||||||
|
child.stdin!.end();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Spawn an SSH child process with a command on the host.
|
||||||
|
* Returns the raw ChildProcess for callers that need streaming I/O (ACP, PTY).
|
||||||
|
*/
|
||||||
|
export function sshSpawn(command: string): ChildProcess {
|
||||||
|
return spawn('ssh', [
|
||||||
|
...SSH_BASE_ARGS,
|
||||||
|
`${SSH_USER}@${SSH_HOST}`,
|
||||||
|
command,
|
||||||
|
], {
|
||||||
|
stdio: ['pipe', 'pipe', 'pipe'],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Spawn an SSH child process that pipes stdin through.
|
||||||
|
* Used for agents that read a task from stdin (e.g. `echo "task" | claude -p`).
|
||||||
|
*/
|
||||||
|
export function sshSpawnWithStdin(command: string, input: string): ChildProcess {
|
||||||
|
const child = spawn('ssh', [
|
||||||
|
...SSH_BASE_ARGS,
|
||||||
|
`${SSH_USER}@${SSH_HOST}`,
|
||||||
|
command,
|
||||||
|
], {
|
||||||
|
stdio: ['pipe', 'pipe', 'pipe'],
|
||||||
|
});
|
||||||
|
|
||||||
|
// Write the input and close stdin
|
||||||
|
child.stdin!.write(input);
|
||||||
|
child.stdin!.end();
|
||||||
|
|
||||||
|
return child;
|
||||||
|
}
|
||||||
30
apps/coder/src/services/tools/adapter.ts
Normal file
30
apps/coder/src/services/tools/adapter.ts
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
/**
|
||||||
|
* Adapts BooCoder write tools (which take ToolContext) into BooChat's ToolDef
|
||||||
|
* interface (which takes `projectRoot, extraRoots?`).
|
||||||
|
*
|
||||||
|
* The adapter reads the module-level inference context at execute time, so the
|
||||||
|
* wrapping happens at boot (static) — no per-inference re-wrap needed.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import type { ToolDef as ServerToolDef } from '@boocode/server/tools';
|
||||||
|
import type { ToolDef, ToolContext } from './types.js';
|
||||||
|
import { getInferenceContext } from './inference_context.js';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Wrap a BooCoder write tool (execute takes ToolContext) into a BooChat
|
||||||
|
* ToolDef (execute takes projectRoot + optional extraRoots). The adapter
|
||||||
|
* builds the ToolContext from the module-level inference context at call time.
|
||||||
|
*/
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||||
|
export function adaptWriteTool(tool: ToolDef<any>): ServerToolDef<any> {
|
||||||
|
return {
|
||||||
|
name: tool.name,
|
||||||
|
description: tool.description,
|
||||||
|
inputSchema: tool.inputSchema,
|
||||||
|
jsonSchema: tool.jsonSchema,
|
||||||
|
async execute(input: unknown, projectRoot: string, _extraRoots?: readonly string[]): Promise<unknown> {
|
||||||
|
const ctx: ToolContext = getInferenceContext();
|
||||||
|
return tool.execute(input, projectRoot, ctx);
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
44
apps/coder/src/services/tools/apply_pending.ts
Normal file
44
apps/coder/src/services/tools/apply_pending.ts
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
import { z } from 'zod';
|
||||||
|
import type { ToolDef, ToolContext } from './types.js';
|
||||||
|
import { applyAll } from '../pending_changes.js';
|
||||||
|
|
||||||
|
const ApplyPendingInput = z.object({});
|
||||||
|
type ApplyPendingInputT = z.infer<typeof ApplyPendingInput>;
|
||||||
|
|
||||||
|
export const applyPendingTool: ToolDef<ApplyPendingInputT> = {
|
||||||
|
name: 'apply_pending',
|
||||||
|
description:
|
||||||
|
'Apply all pending changes for the current session to disk. ' +
|
||||||
|
'Each queued create/edit/delete is executed in order.',
|
||||||
|
inputSchema: ApplyPendingInput,
|
||||||
|
jsonSchema: {
|
||||||
|
type: 'function',
|
||||||
|
function: {
|
||||||
|
name: 'apply_pending',
|
||||||
|
description:
|
||||||
|
'Apply all pending changes for the current session to disk. ' +
|
||||||
|
'Each queued create/edit/delete is executed in order.',
|
||||||
|
parameters: {
|
||||||
|
type: 'object',
|
||||||
|
properties: {},
|
||||||
|
required: [],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
async execute(_input: ApplyPendingInputT, projectRoot: string, context: ToolContext): Promise<unknown> {
|
||||||
|
const results = await applyAll(context.sql, context.sessionId, projectRoot);
|
||||||
|
const succeeded = results.filter((r) => r.success).length;
|
||||||
|
const failed = results.filter((r) => !r.success).length;
|
||||||
|
|
||||||
|
return {
|
||||||
|
total: results.length,
|
||||||
|
succeeded,
|
||||||
|
failed,
|
||||||
|
results,
|
||||||
|
message:
|
||||||
|
results.length === 0
|
||||||
|
? 'No pending changes to apply.'
|
||||||
|
: `Applied ${succeeded}/${results.length} changes.${failed > 0 ? ` ${failed} failed.` : ''}`,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
51
apps/coder/src/services/tools/create_file.ts
Normal file
51
apps/coder/src/services/tools/create_file.ts
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
import { z } from 'zod';
|
||||||
|
import type { ToolDef, ToolContext } from './types.js';
|
||||||
|
import { queueCreate } from '../pending_changes.js';
|
||||||
|
|
||||||
|
const CreateFileInput = z.object({
|
||||||
|
file_path: z.string().min(1),
|
||||||
|
content: z.string(),
|
||||||
|
});
|
||||||
|
type CreateFileInputT = z.infer<typeof CreateFileInput>;
|
||||||
|
|
||||||
|
export const createFileTool: ToolDef<CreateFileInputT> = {
|
||||||
|
name: 'create_file',
|
||||||
|
description:
|
||||||
|
'Queue creation of a new file with the given content. ' +
|
||||||
|
'The change is staged in pending_changes and must be applied explicitly.',
|
||||||
|
inputSchema: CreateFileInput,
|
||||||
|
jsonSchema: {
|
||||||
|
type: 'function',
|
||||||
|
function: {
|
||||||
|
name: 'create_file',
|
||||||
|
description:
|
||||||
|
'Queue creation of a new file with the given content. ' +
|
||||||
|
'The change is staged in pending_changes and must be applied explicitly.',
|
||||||
|
parameters: {
|
||||||
|
type: 'object',
|
||||||
|
properties: {
|
||||||
|
file_path: { type: 'string', description: 'Path for the new file (relative to project root or absolute)' },
|
||||||
|
content: { type: 'string', description: 'Full content of the file to create' },
|
||||||
|
},
|
||||||
|
required: ['file_path', 'content'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
async execute(input: CreateFileInputT, projectRoot: string, context: ToolContext): Promise<unknown> {
|
||||||
|
const change = await queueCreate(
|
||||||
|
context.sql,
|
||||||
|
context.sessionId,
|
||||||
|
context.taskId,
|
||||||
|
input.file_path,
|
||||||
|
input.content,
|
||||||
|
projectRoot,
|
||||||
|
);
|
||||||
|
return {
|
||||||
|
status: 'queued',
|
||||||
|
change_id: change.id,
|
||||||
|
file_path: change.file_path,
|
||||||
|
operation: 'create',
|
||||||
|
message: `File creation queued: ${change.file_path}. Use apply_pending to write changes to disk.`,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
48
apps/coder/src/services/tools/delete_file.ts
Normal file
48
apps/coder/src/services/tools/delete_file.ts
Normal file
@@ -0,0 +1,48 @@
|
|||||||
|
import { z } from 'zod';
|
||||||
|
import type { ToolDef, ToolContext } from './types.js';
|
||||||
|
import { queueDelete } from '../pending_changes.js';
|
||||||
|
|
||||||
|
const DeleteFileInput = z.object({
|
||||||
|
file_path: z.string().min(1),
|
||||||
|
});
|
||||||
|
type DeleteFileInputT = z.infer<typeof DeleteFileInput>;
|
||||||
|
|
||||||
|
export const deleteFileTool: ToolDef<DeleteFileInputT> = {
|
||||||
|
name: 'delete_file',
|
||||||
|
description:
|
||||||
|
'Queue deletion of a file. ' +
|
||||||
|
'The change is staged in pending_changes and must be applied explicitly.',
|
||||||
|
inputSchema: DeleteFileInput,
|
||||||
|
jsonSchema: {
|
||||||
|
type: 'function',
|
||||||
|
function: {
|
||||||
|
name: 'delete_file',
|
||||||
|
description:
|
||||||
|
'Queue deletion of a file. ' +
|
||||||
|
'The change is staged in pending_changes and must be applied explicitly.',
|
||||||
|
parameters: {
|
||||||
|
type: 'object',
|
||||||
|
properties: {
|
||||||
|
file_path: { type: 'string', description: 'Path to the file to delete (relative to project root or absolute)' },
|
||||||
|
},
|
||||||
|
required: ['file_path'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
async execute(input: DeleteFileInputT, projectRoot: string, context: ToolContext): Promise<unknown> {
|
||||||
|
const change = await queueDelete(
|
||||||
|
context.sql,
|
||||||
|
context.sessionId,
|
||||||
|
context.taskId,
|
||||||
|
input.file_path,
|
||||||
|
projectRoot,
|
||||||
|
);
|
||||||
|
return {
|
||||||
|
status: 'queued',
|
||||||
|
change_id: change.id,
|
||||||
|
file_path: change.file_path,
|
||||||
|
operation: 'delete',
|
||||||
|
message: `File deletion queued: ${change.file_path}. Use apply_pending to write changes to disk.`,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
54
apps/coder/src/services/tools/edit_file.ts
Normal file
54
apps/coder/src/services/tools/edit_file.ts
Normal file
@@ -0,0 +1,54 @@
|
|||||||
|
import { z } from 'zod';
|
||||||
|
import type { ToolDef, ToolContext } from './types.js';
|
||||||
|
import { queueEdit } from '../pending_changes.js';
|
||||||
|
|
||||||
|
const EditFileInput = z.object({
|
||||||
|
file_path: z.string().min(1),
|
||||||
|
old_string: z.string().min(1),
|
||||||
|
new_string: z.string(),
|
||||||
|
});
|
||||||
|
type EditFileInputT = z.infer<typeof EditFileInput>;
|
||||||
|
|
||||||
|
export const editFileTool: ToolDef<EditFileInputT> = {
|
||||||
|
name: 'edit_file',
|
||||||
|
description:
|
||||||
|
'Queue an edit to a file. The edit replaces old_string with new_string. ' +
|
||||||
|
'The change is staged in pending_changes and must be applied explicitly.',
|
||||||
|
inputSchema: EditFileInput,
|
||||||
|
jsonSchema: {
|
||||||
|
type: 'function',
|
||||||
|
function: {
|
||||||
|
name: 'edit_file',
|
||||||
|
description:
|
||||||
|
'Queue an edit to a file. The edit replaces old_string with new_string. ' +
|
||||||
|
'The change is staged in pending_changes and must be applied explicitly.',
|
||||||
|
parameters: {
|
||||||
|
type: 'object',
|
||||||
|
properties: {
|
||||||
|
file_path: { type: 'string', description: 'Path to the file to edit (relative to project root or absolute)' },
|
||||||
|
old_string: { type: 'string', description: 'The exact string to find and replace (must appear in the file)' },
|
||||||
|
new_string: { type: 'string', description: 'The replacement string' },
|
||||||
|
},
|
||||||
|
required: ['file_path', 'old_string', 'new_string'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
async execute(input: EditFileInputT, projectRoot: string, context: ToolContext): Promise<unknown> {
|
||||||
|
const change = await queueEdit(
|
||||||
|
context.sql,
|
||||||
|
context.sessionId,
|
||||||
|
context.taskId,
|
||||||
|
input.file_path,
|
||||||
|
input.old_string,
|
||||||
|
input.new_string,
|
||||||
|
projectRoot,
|
||||||
|
);
|
||||||
|
return {
|
||||||
|
status: 'queued',
|
||||||
|
change_id: change.id,
|
||||||
|
file_path: change.file_path,
|
||||||
|
operation: 'edit',
|
||||||
|
message: `Edit queued for ${change.file_path}. Use apply_pending to write changes to disk.`,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
};
|
||||||
26
apps/coder/src/services/tools/index.ts
Normal file
26
apps/coder/src/services/tools/index.ts
Normal file
@@ -0,0 +1,26 @@
|
|||||||
|
import type { ToolDef } from './types.js';
|
||||||
|
import { editFileTool } from './edit_file.js';
|
||||||
|
import { createFileTool } from './create_file.js';
|
||||||
|
import { deleteFileTool } from './delete_file.js';
|
||||||
|
import { applyPendingTool } from './apply_pending.js';
|
||||||
|
import { rewindTool } from './rewind.js';
|
||||||
|
|
||||||
|
export type { ToolDef, ToolContext, ToolJsonSchema } from './types.js';
|
||||||
|
|
||||||
|
// All BooCoder write tools. The inference loop (Phase 2B) will combine these
|
||||||
|
// with BooChat's read-only tools to form the full tool set available to agents.
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||||
|
export const WRITE_TOOLS: readonly ToolDef<any>[] = [
|
||||||
|
applyPendingTool,
|
||||||
|
createFileTool,
|
||||||
|
deleteFileTool,
|
||||||
|
editFileTool,
|
||||||
|
rewindTool,
|
||||||
|
];
|
||||||
|
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||||
|
export const WRITE_TOOLS_BY_NAME: ReadonlyMap<string, ToolDef<any>> = new Map(
|
||||||
|
WRITE_TOOLS.map((t) => [t.name, t]),
|
||||||
|
);
|
||||||
|
|
||||||
|
export { editFileTool, createFileTool, deleteFileTool, applyPendingTool, rewindTool };
|
||||||
36
apps/coder/src/services/tools/inference_context.ts
Normal file
36
apps/coder/src/services/tools/inference_context.ts
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
import type { Sql } from '../../db.js';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Module-level inference context for write tools.
|
||||||
|
*
|
||||||
|
* Set via `setInferenceContext()` before each inference run starts.
|
||||||
|
* Write tools read it via `getInferenceContext()` during execute.
|
||||||
|
* Same pattern as BooChat's `loadConfig()` singleton — tools need
|
||||||
|
* ambient state that can't be threaded through the tool-phase execute
|
||||||
|
* signature (which is `execute(input, projectRoot, extraRoots?)`).
|
||||||
|
*/
|
||||||
|
|
||||||
|
export interface InferenceContext {
|
||||||
|
sql: Sql;
|
||||||
|
sessionId: string;
|
||||||
|
taskId: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
let current: InferenceContext | null = null;
|
||||||
|
|
||||||
|
export function setInferenceContext(ctx: InferenceContext): void {
|
||||||
|
current = ctx;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function clearInferenceContext(): void {
|
||||||
|
current = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getInferenceContext(): InferenceContext {
|
||||||
|
if (!current) {
|
||||||
|
throw new Error(
|
||||||
|
'Write tool called outside inference context — setInferenceContext() was not called before this run',
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return current;
|
||||||
|
}
|
||||||
71
apps/coder/src/services/tools/rewind.ts
Normal file
71
apps/coder/src/services/tools/rewind.ts
Normal file
@@ -0,0 +1,71 @@
|
|||||||
|
import { z } from 'zod';
|
||||||
|
import type { ToolDef, ToolContext } from './types.js';
|
||||||
|
import { rewindOne } from '../pending_changes.js';
|
||||||
|
|
||||||
|
const RewindInput = z.object({
|
||||||
|
change_id: z.string().uuid().optional(),
|
||||||
|
all: z.boolean().optional(),
|
||||||
|
});
|
||||||
|
type RewindInputT = z.infer<typeof RewindInput>;
|
||||||
|
|
||||||
|
export const rewindTool: ToolDef<RewindInputT> = {
|
||||||
|
name: 'rewind',
|
||||||
|
description:
|
||||||
|
'Revert applied changes. Provide change_id to revert a specific change, ' +
|
||||||
|
'or set all=true to revert all applied changes for the session (in reverse order).',
|
||||||
|
inputSchema: RewindInput,
|
||||||
|
jsonSchema: {
|
||||||
|
type: 'function',
|
||||||
|
function: {
|
||||||
|
name: 'rewind',
|
||||||
|
description:
|
||||||
|
'Revert applied changes. Provide change_id to revert a specific change, ' +
|
||||||
|
'or set all=true to revert all applied changes for the session (in reverse order).',
|
||||||
|
parameters: {
|
||||||
|
type: 'object',
|
||||||
|
properties: {
|
||||||
|
change_id: { type: 'string', format: 'uuid', description: 'ID of a specific change to revert' },
|
||||||
|
all: { type: 'boolean', description: 'If true, revert all applied changes for this session' },
|
||||||
|
},
|
||||||
|
required: [],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
async execute(input: RewindInputT, projectRoot: string, context: ToolContext): Promise<unknown> {
|
||||||
|
if (input.change_id) {
|
||||||
|
const result = await rewindOne(context.sql, input.change_id, projectRoot);
|
||||||
|
return {
|
||||||
|
results: [result],
|
||||||
|
message: result.success
|
||||||
|
? `Reverted change ${input.change_id} (${result.operation} on ${result.file_path}).`
|
||||||
|
: `Failed to revert: ${result.error}`,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
if (input.all) {
|
||||||
|
// Rewind all applied changes for this session in reverse order
|
||||||
|
const applied = await context.sql<{ id: string }[]>`
|
||||||
|
SELECT id FROM pending_changes
|
||||||
|
WHERE session_id = ${context.sessionId} AND status = 'applied'
|
||||||
|
ORDER BY created_at DESC
|
||||||
|
`;
|
||||||
|
const results = [];
|
||||||
|
for (const row of applied) {
|
||||||
|
results.push(await rewindOne(context.sql, row.id, projectRoot));
|
||||||
|
}
|
||||||
|
const succeeded = results.filter((r) => r.success).length;
|
||||||
|
return {
|
||||||
|
total: results.length,
|
||||||
|
succeeded,
|
||||||
|
failed: results.length - succeeded,
|
||||||
|
results,
|
||||||
|
message:
|
||||||
|
results.length === 0
|
||||||
|
? 'No applied changes to revert.'
|
||||||
|
: `Reverted ${succeeded}/${results.length} changes.`,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return { error: 'Provide either change_id or all=true.' };
|
||||||
|
},
|
||||||
|
};
|
||||||
32
apps/coder/src/services/tools/types.ts
Normal file
32
apps/coder/src/services/tools/types.ts
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
import type { z } from 'zod';
|
||||||
|
import type { Sql } from '../../db.js';
|
||||||
|
|
||||||
|
export interface ToolJsonSchema {
|
||||||
|
type: 'function';
|
||||||
|
function: {
|
||||||
|
name: string;
|
||||||
|
description: string;
|
||||||
|
parameters: Record<string, unknown>;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Context passed to BooCoder tool execute functions.
|
||||||
|
*
|
||||||
|
* Unlike BooChat's tools (which only need projectRoot), BooCoder's write tools
|
||||||
|
* interact with the database (pending_changes table) and need session/task
|
||||||
|
* context for proper attribution.
|
||||||
|
*/
|
||||||
|
export interface ToolContext {
|
||||||
|
sql: Sql;
|
||||||
|
sessionId: string;
|
||||||
|
taskId: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ToolDef<TInput> {
|
||||||
|
name: string;
|
||||||
|
description: string;
|
||||||
|
inputSchema: z.ZodType<TInput>;
|
||||||
|
jsonSchema: ToolJsonSchema;
|
||||||
|
execute(input: TInput, projectRoot: string, context: ToolContext): Promise<unknown>;
|
||||||
|
}
|
||||||
118
apps/coder/src/services/worktrees.ts
Normal file
118
apps/coder/src/services/worktrees.ts
Normal file
@@ -0,0 +1,118 @@
|
|||||||
|
/**
|
||||||
|
* Git worktree management for external agent dispatch.
|
||||||
|
*
|
||||||
|
* Each dispatched task gets its own git worktree so the external agent
|
||||||
|
* can modify files freely without touching the main working tree.
|
||||||
|
* After the agent completes, we diff the worktree against HEAD and
|
||||||
|
* queue the diff into pending_changes.
|
||||||
|
*/
|
||||||
|
import { sshExec } from './ssh.js';
|
||||||
|
|
||||||
|
const WORKTREE_BASE = '/tmp/booworktrees';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Create a git worktree for a task on the host.
|
||||||
|
* Returns the absolute path to the worktree directory.
|
||||||
|
*/
|
||||||
|
export async function createWorktree(
|
||||||
|
projectPath: string,
|
||||||
|
taskId: string,
|
||||||
|
opts?: { signal?: AbortSignal },
|
||||||
|
): Promise<string> {
|
||||||
|
const worktreePath = `${WORKTREE_BASE}/${taskId}`;
|
||||||
|
const branchName = `task-${taskId}`;
|
||||||
|
|
||||||
|
// Ensure the base directory exists
|
||||||
|
await sshExec(`mkdir -p ${WORKTREE_BASE}`, { signal: opts?.signal });
|
||||||
|
|
||||||
|
// Create the worktree with a new branch from HEAD
|
||||||
|
const result = await sshExec(
|
||||||
|
`git -C ${shellEscape(projectPath)} worktree add ${shellEscape(worktreePath)} -b ${shellEscape(branchName)} HEAD`,
|
||||||
|
{ signal: opts?.signal, timeoutMs: 30_000 },
|
||||||
|
);
|
||||||
|
|
||||||
|
if (result.exitCode !== 0) {
|
||||||
|
throw new Error(`Failed to create worktree: ${result.stderr.trim() || result.stdout.trim()}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
return worktreePath;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the unified diff of changes made in the worktree vs the parent branch (HEAD).
|
||||||
|
* Returns an empty string if there are no changes.
|
||||||
|
*/
|
||||||
|
export async function diffWorktree(
|
||||||
|
worktreePath: string,
|
||||||
|
projectPath: string,
|
||||||
|
opts?: { signal?: AbortSignal },
|
||||||
|
): Promise<string> {
|
||||||
|
// First, commit any uncommitted changes in the worktree so we can diff branches
|
||||||
|
// Stage all changes
|
||||||
|
const addResult = await sshExec(
|
||||||
|
`cd ${shellEscape(worktreePath)} && git add -A`,
|
||||||
|
{ signal: opts?.signal, timeoutMs: 30_000 },
|
||||||
|
);
|
||||||
|
if (addResult.exitCode !== 0) {
|
||||||
|
throw new Error(`Failed to stage worktree changes: ${addResult.stderr.trim()}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check if there are staged changes
|
||||||
|
const statusResult = await sshExec(
|
||||||
|
`cd ${shellEscape(worktreePath)} && git diff --cached --quiet`,
|
||||||
|
{ signal: opts?.signal, timeoutMs: 10_000 },
|
||||||
|
);
|
||||||
|
|
||||||
|
if (statusResult.exitCode === 0) {
|
||||||
|
// No changes
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Commit staged changes (needed to produce a clean branch diff)
|
||||||
|
await sshExec(
|
||||||
|
`cd ${shellEscape(worktreePath)} && git -c user.email=boocoder@local -c user.name=BooCoder commit -m "task changes" --allow-empty`,
|
||||||
|
{ signal: opts?.signal, timeoutMs: 15_000 },
|
||||||
|
);
|
||||||
|
|
||||||
|
// Diff the worktree branch against the parent commit (HEAD of main tree)
|
||||||
|
const diffResult = await sshExec(
|
||||||
|
`git -C ${shellEscape(projectPath)} diff HEAD...$(git -C ${shellEscape(worktreePath)} rev-parse HEAD)`,
|
||||||
|
{ signal: opts?.signal, timeoutMs: 60_000 },
|
||||||
|
);
|
||||||
|
|
||||||
|
if (diffResult.exitCode !== 0) {
|
||||||
|
throw new Error(`Failed to diff worktree: ${diffResult.stderr.trim()}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
return diffResult.stdout;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove a worktree and its associated branch.
|
||||||
|
* Best-effort — does not throw on failure (task may have already been cleaned up).
|
||||||
|
*/
|
||||||
|
export async function cleanupWorktree(
|
||||||
|
projectPath: string,
|
||||||
|
taskId: string,
|
||||||
|
): Promise<void> {
|
||||||
|
const worktreePath = `${WORKTREE_BASE}/${taskId}`;
|
||||||
|
const branchName = `task-${taskId}`;
|
||||||
|
|
||||||
|
// Remove the worktree (--force handles dirty state)
|
||||||
|
await sshExec(
|
||||||
|
`git -C ${shellEscape(projectPath)} worktree remove ${shellEscape(worktreePath)} --force`,
|
||||||
|
{ timeoutMs: 15_000 },
|
||||||
|
).catch(() => {});
|
||||||
|
|
||||||
|
// Delete the task branch
|
||||||
|
await sshExec(
|
||||||
|
`git -C ${shellEscape(projectPath)} branch -D ${shellEscape(branchName)}`,
|
||||||
|
{ timeoutMs: 10_000 },
|
||||||
|
).catch(() => {});
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Minimal shell escape for paths (single-quote wrapping). */
|
||||||
|
function shellEscape(s: string): string {
|
||||||
|
// Replace single quotes with escaped version, wrap in single quotes
|
||||||
|
return "'" + s.replace(/'/g, "'\\''") + "'";
|
||||||
|
}
|
||||||
73
apps/coder/src/services/write_guard.ts
Normal file
73
apps/coder/src/services/write_guard.ts
Normal file
@@ -0,0 +1,73 @@
|
|||||||
|
import { resolve, sep } from 'node:path';
|
||||||
|
|
||||||
|
export class WriteGuardError extends Error {
|
||||||
|
constructor(message: string) {
|
||||||
|
super(message);
|
||||||
|
this.name = 'WriteGuardError';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Deny list: files that should never be written regardless of path-guard.
|
||||||
|
// Subset of BooChat's secret_guard.ts — covers the most dangerous patterns.
|
||||||
|
// Full parity with BooChat's deny list is not needed for write-guard because
|
||||||
|
// the write tools are intentional (model chose to create/edit); we block only
|
||||||
|
// files that are unambiguously secrets.
|
||||||
|
const SECRET_PATTERNS: readonly string[] = [
|
||||||
|
'.env',
|
||||||
|
'.env.local',
|
||||||
|
'.env.production',
|
||||||
|
'.env.development',
|
||||||
|
'.env.staging',
|
||||||
|
'id_rsa',
|
||||||
|
'id_dsa',
|
||||||
|
'id_ecdsa',
|
||||||
|
'id_ed25519',
|
||||||
|
'*.pem',
|
||||||
|
'*.key',
|
||||||
|
'*.p12',
|
||||||
|
'*.pfx',
|
||||||
|
'*.crt',
|
||||||
|
'credentials.json',
|
||||||
|
'*.kdbx',
|
||||||
|
'.netrc',
|
||||||
|
];
|
||||||
|
|
||||||
|
export function isSecretPath(filePath: string): boolean {
|
||||||
|
const normalized = filePath.replace(/\\/g, '/');
|
||||||
|
const segments = normalized.split('/').filter((s) => s.length > 0);
|
||||||
|
if (segments.length === 0) return false;
|
||||||
|
const basename = segments[segments.length - 1]!;
|
||||||
|
|
||||||
|
return SECRET_PATTERNS.some((pattern) => {
|
||||||
|
if (pattern.startsWith('*')) {
|
||||||
|
return basename.endsWith(pattern.slice(1));
|
||||||
|
}
|
||||||
|
return basename === pattern;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resolve and validate a write target path.
|
||||||
|
*
|
||||||
|
* Key difference from BooChat's pathGuard: no realpath() — the file may not
|
||||||
|
* exist yet (creates). Uses resolve() to normalize ../ segments and then
|
||||||
|
* checks the result stays within projectRoot.
|
||||||
|
*/
|
||||||
|
export function resolveWritePath(projectRoot: string, filePath: string): string {
|
||||||
|
if (!filePath || filePath.length === 0) {
|
||||||
|
throw new WriteGuardError('file path is required');
|
||||||
|
}
|
||||||
|
|
||||||
|
const candidate = filePath.startsWith('/') ? filePath : resolve(projectRoot, filePath);
|
||||||
|
const normalized = resolve(candidate); // normalizes ../ segments
|
||||||
|
|
||||||
|
if (!normalized.startsWith(projectRoot + sep) && normalized !== projectRoot) {
|
||||||
|
throw new WriteGuardError(`path escapes project root: ${filePath}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isSecretPath(normalized)) {
|
||||||
|
throw new WriteGuardError(`cannot write to secret file: ${filePath}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
return normalized;
|
||||||
|
}
|
||||||
15
apps/coder/tsconfig.json
Normal file
15
apps/coder/tsconfig.json
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"extends": "../../tsconfig.base.json",
|
||||||
|
"compilerOptions": {
|
||||||
|
"module": "NodeNext",
|
||||||
|
"moduleResolution": "NodeNext",
|
||||||
|
"outDir": "dist",
|
||||||
|
"rootDir": "src",
|
||||||
|
"lib": ["ES2022"],
|
||||||
|
"types": ["node"],
|
||||||
|
"declaration": false,
|
||||||
|
"sourceMap": true
|
||||||
|
},
|
||||||
|
"include": ["src/**/*"],
|
||||||
|
"exclude": ["src/**/__tests__/**", "**/*.test.ts"]
|
||||||
|
}
|
||||||
9
apps/coder/vitest.config.ts
Normal file
9
apps/coder/vitest.config.ts
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
import { defineConfig } from 'vitest/config';
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
test: {
|
||||||
|
environment: 'node',
|
||||||
|
globals: false,
|
||||||
|
include: ['src/**/__tests__/**/*.test.ts'],
|
||||||
|
},
|
||||||
|
});
|
||||||
12
apps/coder/web/index.html
Normal file
12
apps/coder/web/index.html
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en" class="dark">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>BooCoder</title>
|
||||||
|
</head>
|
||||||
|
<body class="bg-zinc-900 text-zinc-100">
|
||||||
|
<div id="root"></div>
|
||||||
|
<script type="module" src="/src/main.tsx"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
29
apps/coder/web/package.json
Normal file
29
apps/coder/web/package.json
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
{
|
||||||
|
"name": "@boocode/coder-web",
|
||||||
|
"version": "2.0.0",
|
||||||
|
"private": true,
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "tsc -b && vite build",
|
||||||
|
"typecheck": "tsc -b --noEmit",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"lucide-react": "^1.16.0",
|
||||||
|
"react": "^18.3.1",
|
||||||
|
"react-dom": "^18.3.1",
|
||||||
|
"react-markdown": "^10.1.0",
|
||||||
|
"react-router-dom": "^6.26.0",
|
||||||
|
"remark-gfm": "^4.0.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@tailwindcss/postcss": "^4.3.0",
|
||||||
|
"@types/react": "^18.3.3",
|
||||||
|
"@types/react-dom": "^18.3.0",
|
||||||
|
"@vitejs/plugin-react": "^4.3.1",
|
||||||
|
"tailwindcss": "^4.3.0",
|
||||||
|
"typescript": "^5.5.0",
|
||||||
|
"vite": "^5.3.4"
|
||||||
|
}
|
||||||
|
}
|
||||||
5
apps/coder/web/postcss.config.js
Normal file
5
apps/coder/web/postcss.config.js
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
export default {
|
||||||
|
plugins: {
|
||||||
|
'@tailwindcss/postcss': {},
|
||||||
|
},
|
||||||
|
};
|
||||||
13
apps/coder/web/src/App.tsx
Normal file
13
apps/coder/web/src/App.tsx
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import { Routes, Route, Navigate } from 'react-router-dom';
|
||||||
|
import { Home } from './pages/Home';
|
||||||
|
import { Session } from './pages/Session';
|
||||||
|
|
||||||
|
export function App() {
|
||||||
|
return (
|
||||||
|
<Routes>
|
||||||
|
<Route path="/" element={<Home />} />
|
||||||
|
<Route path="/sessions/:sessionId" element={<Session />} />
|
||||||
|
<Route path="*" element={<Navigate to="/" replace />} />
|
||||||
|
</Routes>
|
||||||
|
);
|
||||||
|
}
|
||||||
93
apps/coder/web/src/api/client.ts
Normal file
93
apps/coder/web/src/api/client.ts
Normal file
@@ -0,0 +1,93 @@
|
|||||||
|
import type { Project, Session, Chat, Message, PendingChange } from './types';
|
||||||
|
|
||||||
|
export class ApiError extends Error {
|
||||||
|
constructor(
|
||||||
|
public status: number,
|
||||||
|
public body: unknown,
|
||||||
|
) {
|
||||||
|
super(
|
||||||
|
typeof body === 'object' && body && 'error' in body
|
||||||
|
? String((body as { error: unknown }).error)
|
||||||
|
: `HTTP ${status}`,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function request<T>(path: string, init: RequestInit = {}): Promise<T> {
|
||||||
|
const res = await fetch(path, {
|
||||||
|
...init,
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
...(init.headers ?? {}),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
if (res.status === 204) return undefined as T;
|
||||||
|
const text = await res.text();
|
||||||
|
const data = text ? JSON.parse(text) : undefined;
|
||||||
|
if (!res.ok) throw new ApiError(res.status, data);
|
||||||
|
return data as T;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const api = {
|
||||||
|
health: () => request<{ ok: boolean; db: boolean; tools: number }>('/api/health'),
|
||||||
|
|
||||||
|
projects: {
|
||||||
|
list: (params?: { status?: 'open' | 'archived' }) =>
|
||||||
|
request<Project[]>(`/api/projects${params?.status ? `?status=${params.status}` : ''}`),
|
||||||
|
},
|
||||||
|
|
||||||
|
sessions: {
|
||||||
|
listForProject: (projectId: string, status?: 'open' | 'archived') =>
|
||||||
|
request<Session[]>(
|
||||||
|
`/api/projects/${projectId}/sessions${status ? `?status=${status}` : ''}`,
|
||||||
|
),
|
||||||
|
get: (id: string) => request<Session>(`/api/sessions/${id}`),
|
||||||
|
},
|
||||||
|
|
||||||
|
chats: {
|
||||||
|
listForSession: (sessionId: string) =>
|
||||||
|
request<Chat[]>(`/api/sessions/${sessionId}/chats`),
|
||||||
|
create: (sessionId: string, body?: { name?: string }) =>
|
||||||
|
request<Chat>(`/api/sessions/${sessionId}/chats`, {
|
||||||
|
method: 'POST',
|
||||||
|
body: JSON.stringify(body ?? {}),
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
|
||||||
|
messages: {
|
||||||
|
send: (sessionId: string, chatId: string, content: string) =>
|
||||||
|
request<{ user_message_id: string; assistant_message_id: string }>(
|
||||||
|
`/api/sessions/${sessionId}/messages`,
|
||||||
|
{
|
||||||
|
method: 'POST',
|
||||||
|
body: JSON.stringify({ content, chat_id: chatId }),
|
||||||
|
},
|
||||||
|
),
|
||||||
|
stop: (sessionId: string) =>
|
||||||
|
request<{ cancelled: boolean }>(`/api/sessions/${sessionId}/stop`, {
|
||||||
|
method: 'POST',
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
|
||||||
|
pending: {
|
||||||
|
list: (sessionId: string) =>
|
||||||
|
request<PendingChange[]>(`/api/sessions/${sessionId}/pending`),
|
||||||
|
applyAll: (sessionId: string) =>
|
||||||
|
request<{ results: Array<{ id: string; success: boolean; error?: string }> }>(
|
||||||
|
`/api/sessions/${sessionId}/pending/apply`,
|
||||||
|
{ method: 'POST' },
|
||||||
|
),
|
||||||
|
applyOne: (changeId: string) =>
|
||||||
|
request<{ success: boolean; error?: string }>(`/api/pending/${changeId}/apply`, {
|
||||||
|
method: 'POST',
|
||||||
|
}),
|
||||||
|
rejectOne: (changeId: string) =>
|
||||||
|
request<{ ok: boolean }>(`/api/pending/${changeId}/reject`, {
|
||||||
|
method: 'POST',
|
||||||
|
}),
|
||||||
|
rewindOne: (changeId: string) =>
|
||||||
|
request<{ success: boolean; error?: string }>(`/api/pending/${changeId}/rewind`, {
|
||||||
|
method: 'POST',
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
};
|
||||||
89
apps/coder/web/src/api/types.ts
Normal file
89
apps/coder/web/src/api/types.ts
Normal file
@@ -0,0 +1,89 @@
|
|||||||
|
// Minimal types for the BooCoder frontend.
|
||||||
|
// Shared DB entities (same schema as BooChat).
|
||||||
|
|
||||||
|
export interface Project {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
path: string;
|
||||||
|
status: 'open' | 'archived';
|
||||||
|
created_at: string;
|
||||||
|
updated_at: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Session {
|
||||||
|
id: string;
|
||||||
|
project_id: string;
|
||||||
|
name: string | null;
|
||||||
|
model: string | null;
|
||||||
|
status: 'open' | 'archived';
|
||||||
|
created_at: string;
|
||||||
|
updated_at: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Chat {
|
||||||
|
id: string;
|
||||||
|
session_id: string;
|
||||||
|
name: string | null;
|
||||||
|
status: 'open' | 'archived';
|
||||||
|
created_at: string;
|
||||||
|
updated_at: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ToolCall {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
arguments: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ToolResult {
|
||||||
|
tool_call_id: string;
|
||||||
|
output: string;
|
||||||
|
truncated?: boolean;
|
||||||
|
error?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Message {
|
||||||
|
id: string;
|
||||||
|
session_id: string;
|
||||||
|
chat_id: string;
|
||||||
|
role: 'user' | 'assistant' | 'tool' | 'system';
|
||||||
|
content: string;
|
||||||
|
kind: string;
|
||||||
|
tool_calls: ToolCall[] | null;
|
||||||
|
tool_results: ToolResult | null;
|
||||||
|
status: 'streaming' | 'complete' | 'failed' | 'cancelled';
|
||||||
|
tokens_used: number | null;
|
||||||
|
ctx_used: number | null;
|
||||||
|
ctx_max: number | null;
|
||||||
|
started_at: string | null;
|
||||||
|
finished_at: string | null;
|
||||||
|
created_at: string;
|
||||||
|
metadata: unknown;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PendingChange {
|
||||||
|
id: string;
|
||||||
|
session_id: string;
|
||||||
|
task_id: string | null;
|
||||||
|
file_path: string;
|
||||||
|
operation: 'create' | 'edit' | 'delete';
|
||||||
|
old_string: string | null;
|
||||||
|
new_string: string | null;
|
||||||
|
content: string | null;
|
||||||
|
diff: string | null;
|
||||||
|
status: 'pending' | 'applied' | 'rejected' | 'reverted';
|
||||||
|
created_at: string;
|
||||||
|
applied_at: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
// WebSocket frame types (subset of what the coder backend publishes)
|
||||||
|
export type WsFrame =
|
||||||
|
| { type: 'snapshot'; messages: Message[] }
|
||||||
|
| { type: 'message_started'; message_id: string; chat_id: string; role: Message['role'] }
|
||||||
|
| { type: 'delta'; message_id: string; chat_id: string; content: string }
|
||||||
|
| { type: 'tool_call'; message_id: string; chat_id: string; tool_call: ToolCall }
|
||||||
|
| { type: 'tool_result'; tool_message_id: string; chat_id: string; tool_call_id: string; output: string; truncated?: boolean; error?: boolean }
|
||||||
|
| { type: 'message_complete'; message_id: string; chat_id: string; tokens_used?: number; ctx_used?: number; ctx_max?: number; started_at?: string; finished_at?: string; metadata?: unknown }
|
||||||
|
| { type: 'error'; message_id?: string; error: string; reason?: string }
|
||||||
|
| { type: 'pending_change_added'; change: PendingChange }
|
||||||
|
| { type: 'pending_change_updated'; change: PendingChange };
|
||||||
131
apps/coder/web/src/components/ChatPane.tsx
Normal file
131
apps/coder/web/src/components/ChatPane.tsx
Normal file
@@ -0,0 +1,131 @@
|
|||||||
|
import { useState, useRef, useEffect } from 'react';
|
||||||
|
import { Send, Square } from 'lucide-react';
|
||||||
|
import type { Message } from '@/api/types';
|
||||||
|
import { api } from '@/api/client';
|
||||||
|
import { MessageBubble } from './MessageBubble';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
sessionId: string;
|
||||||
|
chatId: string;
|
||||||
|
messages: Message[];
|
||||||
|
isStreaming: boolean;
|
||||||
|
connected: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ChatPane({ sessionId, chatId, messages, isStreaming, connected }: Props) {
|
||||||
|
const [input, setInput] = useState('');
|
||||||
|
const [sending, setSending] = useState(false);
|
||||||
|
const messagesEndRef = useRef<HTMLDivElement>(null);
|
||||||
|
const textareaRef = useRef<HTMLTextAreaElement>(null);
|
||||||
|
|
||||||
|
// Auto-scroll to bottom when messages change
|
||||||
|
useEffect(() => {
|
||||||
|
messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
|
||||||
|
}, [messages]);
|
||||||
|
|
||||||
|
// Auto-resize textarea
|
||||||
|
useEffect(() => {
|
||||||
|
const el = textareaRef.current;
|
||||||
|
if (!el) return;
|
||||||
|
el.style.height = 'auto';
|
||||||
|
el.style.height = Math.min(el.scrollHeight, 200) + 'px';
|
||||||
|
}, [input]);
|
||||||
|
|
||||||
|
const handleSend = async () => {
|
||||||
|
const content = input.trim();
|
||||||
|
if (!content || sending || isStreaming) return;
|
||||||
|
|
||||||
|
setInput('');
|
||||||
|
setSending(true);
|
||||||
|
try {
|
||||||
|
await api.messages.send(sessionId, chatId, content);
|
||||||
|
} catch (err) {
|
||||||
|
console.error('send failed:', err);
|
||||||
|
// Restore input on failure
|
||||||
|
setInput(content);
|
||||||
|
} finally {
|
||||||
|
setSending(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleStop = async () => {
|
||||||
|
try {
|
||||||
|
await api.messages.stop(sessionId);
|
||||||
|
} catch (err) {
|
||||||
|
console.error('stop failed:', err);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleKeyDown = (e: React.KeyboardEvent) => {
|
||||||
|
if (e.key === 'Enter' && !e.shiftKey) {
|
||||||
|
e.preventDefault();
|
||||||
|
handleSend();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Filter out system messages for display (sentinels)
|
||||||
|
const visibleMessages = messages.filter((m) => m.role !== 'system');
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col h-full">
|
||||||
|
{/* Connection indicator */}
|
||||||
|
<div className="flex items-center gap-2 px-4 py-2 border-b border-zinc-800 text-xs text-zinc-500">
|
||||||
|
<div
|
||||||
|
className={`w-1.5 h-1.5 rounded-full ${connected ? 'bg-green-500' : 'bg-red-500'}`}
|
||||||
|
/>
|
||||||
|
<span>{connected ? 'Connected' : 'Disconnected'}</span>
|
||||||
|
{isStreaming && (
|
||||||
|
<span className="text-blue-400 ml-auto">Generating...</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Messages list */}
|
||||||
|
<div className="flex-1 overflow-y-auto px-4 py-4">
|
||||||
|
{visibleMessages.length === 0 && (
|
||||||
|
<div className="text-center text-zinc-500 mt-8">
|
||||||
|
<p className="text-lg font-medium">BooCoder</p>
|
||||||
|
<p className="text-sm mt-1">Send a message to start coding.</p>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{visibleMessages.map((msg) => (
|
||||||
|
<MessageBubble key={msg.id} message={msg} />
|
||||||
|
))}
|
||||||
|
<div ref={messagesEndRef} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Input area */}
|
||||||
|
<div className="border-t border-zinc-800 px-4 py-3">
|
||||||
|
<div className="flex items-end gap-2">
|
||||||
|
<textarea
|
||||||
|
ref={textareaRef}
|
||||||
|
value={input}
|
||||||
|
onChange={(e) => setInput(e.target.value)}
|
||||||
|
onKeyDown={handleKeyDown}
|
||||||
|
placeholder="Message BooCoder..."
|
||||||
|
rows={1}
|
||||||
|
className="flex-1 bg-zinc-800 border border-zinc-700 rounded-lg px-3 py-2 text-sm text-zinc-100 placeholder-zinc-500 resize-none focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
|
||||||
|
disabled={sending}
|
||||||
|
/>
|
||||||
|
{isStreaming ? (
|
||||||
|
<button
|
||||||
|
onClick={handleStop}
|
||||||
|
className="p-2 rounded-lg bg-red-600 hover:bg-red-500 text-white transition-colors"
|
||||||
|
title="Stop generation"
|
||||||
|
>
|
||||||
|
<Square size={18} />
|
||||||
|
</button>
|
||||||
|
) : (
|
||||||
|
<button
|
||||||
|
onClick={handleSend}
|
||||||
|
disabled={!input.trim() || sending}
|
||||||
|
className="p-2 rounded-lg bg-blue-600 hover:bg-blue-500 disabled:opacity-40 disabled:cursor-not-allowed text-white transition-colors"
|
||||||
|
title="Send message"
|
||||||
|
>
|
||||||
|
<Send size={18} />
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
352
apps/coder/web/src/components/DiffPane.tsx
Normal file
352
apps/coder/web/src/components/DiffPane.tsx
Normal file
@@ -0,0 +1,352 @@
|
|||||||
|
import { useState, useEffect, useCallback } from 'react';
|
||||||
|
import { Check, X, RotateCcw, FileText, FilePlus, Trash2, RefreshCw } from 'lucide-react';
|
||||||
|
import type { PendingChange } from '@/api/types';
|
||||||
|
import { api } from '@/api/client';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
sessionId: string;
|
||||||
|
onPendingChange: (cb: (change: PendingChange) => void) => () => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function DiffPane({ sessionId, onPendingChange }: Props) {
|
||||||
|
const [changes, setChanges] = useState<PendingChange[]>([]);
|
||||||
|
const [loading, setLoading] = useState(true);
|
||||||
|
const [expandedId, setExpandedId] = useState<string | null>(null);
|
||||||
|
|
||||||
|
const fetchPending = useCallback(async () => {
|
||||||
|
try {
|
||||||
|
const result = await api.pending.list(sessionId);
|
||||||
|
setChanges(result);
|
||||||
|
} catch (err) {
|
||||||
|
console.error('fetch pending failed:', err);
|
||||||
|
} finally {
|
||||||
|
setLoading(false);
|
||||||
|
}
|
||||||
|
}, [sessionId]);
|
||||||
|
|
||||||
|
// Initial load
|
||||||
|
useEffect(() => {
|
||||||
|
fetchPending();
|
||||||
|
}, [fetchPending]);
|
||||||
|
|
||||||
|
// Listen for WS pending change events
|
||||||
|
useEffect(() => {
|
||||||
|
const unsub = onPendingChange((change) => {
|
||||||
|
setChanges((prev) => {
|
||||||
|
const idx = prev.findIndex((c) => c.id === change.id);
|
||||||
|
if (idx >= 0) {
|
||||||
|
const next = [...prev];
|
||||||
|
next[idx] = change;
|
||||||
|
return next;
|
||||||
|
}
|
||||||
|
return [...prev, change];
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return unsub;
|
||||||
|
}, [onPendingChange]);
|
||||||
|
|
||||||
|
const pendingChanges = changes.filter((c) => c.status === 'pending');
|
||||||
|
const resolvedChanges = changes.filter((c) => c.status !== 'pending');
|
||||||
|
|
||||||
|
const handleApplyOne = async (id: string) => {
|
||||||
|
try {
|
||||||
|
await api.pending.applyOne(id);
|
||||||
|
setChanges((prev) =>
|
||||||
|
prev.map((c) => (c.id === id ? { ...c, status: 'applied' as const } : c)),
|
||||||
|
);
|
||||||
|
} catch (err) {
|
||||||
|
console.error('apply failed:', err);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleRejectOne = async (id: string) => {
|
||||||
|
try {
|
||||||
|
await api.pending.rejectOne(id);
|
||||||
|
setChanges((prev) =>
|
||||||
|
prev.map((c) => (c.id === id ? { ...c, status: 'rejected' as const } : c)),
|
||||||
|
);
|
||||||
|
} catch (err) {
|
||||||
|
console.error('reject failed:', err);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleRewindOne = async (id: string) => {
|
||||||
|
try {
|
||||||
|
await api.pending.rewindOne(id);
|
||||||
|
setChanges((prev) =>
|
||||||
|
prev.map((c) => (c.id === id ? { ...c, status: 'reverted' as const } : c)),
|
||||||
|
);
|
||||||
|
} catch (err) {
|
||||||
|
console.error('rewind failed:', err);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleApplyAll = async () => {
|
||||||
|
try {
|
||||||
|
const result = await api.pending.applyAll(sessionId);
|
||||||
|
const appliedIds = new Set(
|
||||||
|
result.results.filter((r) => r.success).map((r) => r.id),
|
||||||
|
);
|
||||||
|
setChanges((prev) =>
|
||||||
|
prev.map((c) =>
|
||||||
|
appliedIds.has(c.id) ? { ...c, status: 'applied' as const } : c,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
} catch (err) {
|
||||||
|
console.error('apply all failed:', err);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleRejectAll = async () => {
|
||||||
|
// Reject each pending change individually (no batch reject endpoint)
|
||||||
|
for (const c of pendingChanges) {
|
||||||
|
await handleRejectOne(c.id);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const OpIcon = ({ op }: { op: PendingChange['operation'] }) => {
|
||||||
|
switch (op) {
|
||||||
|
case 'create':
|
||||||
|
return <FilePlus size={14} className="text-green-400" />;
|
||||||
|
case 'edit':
|
||||||
|
return <FileText size={14} className="text-blue-400" />;
|
||||||
|
case 'delete':
|
||||||
|
return <Trash2 size={14} className="text-red-400" />;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const StatusBadge = ({ status }: { status: PendingChange['status'] }) => {
|
||||||
|
const colors: Record<PendingChange['status'], string> = {
|
||||||
|
pending: 'bg-yellow-500/20 text-yellow-400',
|
||||||
|
applied: 'bg-green-500/20 text-green-400',
|
||||||
|
rejected: 'bg-zinc-500/20 text-zinc-400',
|
||||||
|
reverted: 'bg-orange-500/20 text-orange-400',
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<span className={`text-[10px] px-1.5 py-0.5 rounded ${colors[status]}`}>
|
||||||
|
{status}
|
||||||
|
</span>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col h-full">
|
||||||
|
{/* Header */}
|
||||||
|
<div className="flex items-center justify-between px-4 py-2 border-b border-zinc-800">
|
||||||
|
<h2 className="text-sm font-medium text-zinc-300">
|
||||||
|
Pending Changes
|
||||||
|
{pendingChanges.length > 0 && (
|
||||||
|
<span className="ml-1.5 text-xs text-zinc-500">
|
||||||
|
({pendingChanges.length})
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</h2>
|
||||||
|
<div className="flex items-center gap-1">
|
||||||
|
<button
|
||||||
|
onClick={fetchPending}
|
||||||
|
className="p-1 rounded hover:bg-zinc-800 text-zinc-400 hover:text-zinc-200"
|
||||||
|
title="Refresh"
|
||||||
|
>
|
||||||
|
<RefreshCw size={14} />
|
||||||
|
</button>
|
||||||
|
{pendingChanges.length > 0 && (
|
||||||
|
<>
|
||||||
|
<button
|
||||||
|
onClick={handleApplyAll}
|
||||||
|
className="text-xs px-2 py-1 rounded bg-green-600/80 hover:bg-green-600 text-white"
|
||||||
|
>
|
||||||
|
Apply All
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
onClick={handleRejectAll}
|
||||||
|
className="text-xs px-2 py-1 rounded bg-zinc-700 hover:bg-zinc-600 text-zinc-300"
|
||||||
|
>
|
||||||
|
Reject All
|
||||||
|
</button>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Changes list */}
|
||||||
|
<div className="flex-1 overflow-y-auto">
|
||||||
|
{loading && (
|
||||||
|
<div className="text-center text-zinc-500 text-sm py-8">Loading...</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{!loading && changes.length === 0 && (
|
||||||
|
<div className="text-center text-zinc-500 text-sm py-8">
|
||||||
|
No pending changes yet.
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Pending changes first */}
|
||||||
|
{pendingChanges.map((change) => (
|
||||||
|
<ChangeItem
|
||||||
|
key={change.id}
|
||||||
|
change={change}
|
||||||
|
expanded={expandedId === change.id}
|
||||||
|
onToggle={() =>
|
||||||
|
setExpandedId((prev) => (prev === change.id ? null : change.id))
|
||||||
|
}
|
||||||
|
onApply={() => handleApplyOne(change.id)}
|
||||||
|
onReject={() => handleRejectOne(change.id)}
|
||||||
|
OpIcon={OpIcon}
|
||||||
|
StatusBadge={StatusBadge}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
|
||||||
|
{/* Resolved changes */}
|
||||||
|
{resolvedChanges.length > 0 && pendingChanges.length > 0 && (
|
||||||
|
<div className="border-t border-zinc-800 my-1" />
|
||||||
|
)}
|
||||||
|
{resolvedChanges.map((change) => (
|
||||||
|
<ChangeItem
|
||||||
|
key={change.id}
|
||||||
|
change={change}
|
||||||
|
expanded={expandedId === change.id}
|
||||||
|
onToggle={() =>
|
||||||
|
setExpandedId((prev) => (prev === change.id ? null : change.id))
|
||||||
|
}
|
||||||
|
onRewind={
|
||||||
|
change.status === 'applied'
|
||||||
|
? () => handleRewindOne(change.id)
|
||||||
|
: undefined
|
||||||
|
}
|
||||||
|
OpIcon={OpIcon}
|
||||||
|
StatusBadge={StatusBadge}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
interface ChangeItemProps {
|
||||||
|
change: PendingChange;
|
||||||
|
expanded: boolean;
|
||||||
|
onToggle: () => void;
|
||||||
|
onApply?: () => void;
|
||||||
|
onReject?: () => void;
|
||||||
|
onRewind?: () => void;
|
||||||
|
OpIcon: React.ComponentType<{ op: PendingChange['operation'] }>;
|
||||||
|
StatusBadge: React.ComponentType<{ status: PendingChange['status'] }>;
|
||||||
|
}
|
||||||
|
|
||||||
|
function ChangeItem({
|
||||||
|
change,
|
||||||
|
expanded,
|
||||||
|
onToggle,
|
||||||
|
onApply,
|
||||||
|
onReject,
|
||||||
|
onRewind,
|
||||||
|
OpIcon,
|
||||||
|
StatusBadge,
|
||||||
|
}: ChangeItemProps) {
|
||||||
|
const fileName = change.file_path.split('/').pop() || change.file_path;
|
||||||
|
const dirPath = change.file_path.split('/').slice(0, -1).join('/');
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="border-b border-zinc-800/50">
|
||||||
|
<div
|
||||||
|
className="flex items-center gap-2 px-4 py-2 hover:bg-zinc-800/50 cursor-pointer"
|
||||||
|
onClick={onToggle}
|
||||||
|
>
|
||||||
|
<OpIcon op={change.operation} />
|
||||||
|
<div className="flex-1 min-w-0">
|
||||||
|
<span className="text-sm font-mono text-zinc-200 truncate block">
|
||||||
|
{fileName}
|
||||||
|
</span>
|
||||||
|
{dirPath && (
|
||||||
|
<span className="text-[11px] text-zinc-500 truncate block">
|
||||||
|
{dirPath}
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<StatusBadge status={change.status} />
|
||||||
|
{change.status === 'pending' && (
|
||||||
|
<div className="flex items-center gap-1 ml-1">
|
||||||
|
<button
|
||||||
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
onApply?.();
|
||||||
|
}}
|
||||||
|
className="p-1 rounded hover:bg-green-600/30 text-green-400"
|
||||||
|
title="Apply"
|
||||||
|
>
|
||||||
|
<Check size={14} />
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
onReject?.();
|
||||||
|
}}
|
||||||
|
className="p-1 rounded hover:bg-red-600/30 text-red-400"
|
||||||
|
title="Reject"
|
||||||
|
>
|
||||||
|
<X size={14} />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{change.status === 'applied' && onRewind && (
|
||||||
|
<button
|
||||||
|
onClick={(e) => {
|
||||||
|
e.stopPropagation();
|
||||||
|
onRewind();
|
||||||
|
}}
|
||||||
|
className="p-1 rounded hover:bg-orange-600/30 text-orange-400"
|
||||||
|
title="Rewind"
|
||||||
|
>
|
||||||
|
<RotateCcw size={14} />
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{expanded && (
|
||||||
|
<div className="px-4 pb-3">
|
||||||
|
{change.operation === 'edit' && (
|
||||||
|
<div className="space-y-2">
|
||||||
|
{change.old_string && (
|
||||||
|
<div className="rounded bg-red-950/30 border border-red-900/30 p-2">
|
||||||
|
<div className="text-[10px] text-red-400 mb-1 font-medium">
|
||||||
|
Remove
|
||||||
|
</div>
|
||||||
|
<pre className="text-xs text-red-200 whitespace-pre-wrap break-all font-mono">
|
||||||
|
{change.old_string}
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{change.new_string && (
|
||||||
|
<div className="rounded bg-green-950/30 border border-green-900/30 p-2">
|
||||||
|
<div className="text-[10px] text-green-400 mb-1 font-medium">
|
||||||
|
Add
|
||||||
|
</div>
|
||||||
|
<pre className="text-xs text-green-200 whitespace-pre-wrap break-all font-mono">
|
||||||
|
{change.new_string}
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{change.operation === 'create' && change.content && (
|
||||||
|
<div className="rounded bg-green-950/30 border border-green-900/30 p-2">
|
||||||
|
<div className="text-[10px] text-green-400 mb-1 font-medium">
|
||||||
|
New file
|
||||||
|
</div>
|
||||||
|
<pre className="text-xs text-green-200 whitespace-pre-wrap break-all font-mono max-h-60 overflow-y-auto">
|
||||||
|
{change.content.length > 2000
|
||||||
|
? change.content.slice(0, 2000) + '\n... (truncated)'
|
||||||
|
: change.content}
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{change.operation === 'delete' && (
|
||||||
|
<div className="rounded bg-red-950/30 border border-red-900/30 p-2 text-xs text-red-300">
|
||||||
|
This file will be deleted.
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
62
apps/coder/web/src/components/Layout.tsx
Normal file
62
apps/coder/web/src/components/Layout.tsx
Normal file
@@ -0,0 +1,62 @@
|
|||||||
|
import { useState } from 'react';
|
||||||
|
import { Code2, MessageSquare, GitPullRequest } from 'lucide-react';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
chatPane: React.ReactNode;
|
||||||
|
diffPane: React.ReactNode;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function Layout({ chatPane, diffPane }: Props) {
|
||||||
|
const [activeTab, setActiveTab] = useState<'chat' | 'diff'>('chat');
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col h-screen bg-zinc-900">
|
||||||
|
{/* Top bar */}
|
||||||
|
<header className="flex items-center gap-3 px-4 py-2 border-b border-zinc-800 bg-zinc-900/95">
|
||||||
|
<Code2 size={20} className="text-blue-400" />
|
||||||
|
<h1 className="text-sm font-semibold text-zinc-200">BooCoder</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
{/* Mobile tab bar (visible below lg breakpoint) */}
|
||||||
|
<div className="lg:hidden flex border-b border-zinc-800">
|
||||||
|
<button
|
||||||
|
onClick={() => setActiveTab('chat')}
|
||||||
|
className={`flex-1 flex items-center justify-center gap-1.5 py-2 text-sm ${
|
||||||
|
activeTab === 'chat'
|
||||||
|
? 'text-blue-400 border-b-2 border-blue-400'
|
||||||
|
: 'text-zinc-500'
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
<MessageSquare size={14} />
|
||||||
|
Chat
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
onClick={() => setActiveTab('diff')}
|
||||||
|
className={`flex-1 flex items-center justify-center gap-1.5 py-2 text-sm ${
|
||||||
|
activeTab === 'diff'
|
||||||
|
? 'text-blue-400 border-b-2 border-blue-400'
|
||||||
|
: 'text-zinc-500'
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
<GitPullRequest size={14} />
|
||||||
|
Changes
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Desktop split layout */}
|
||||||
|
<div className="flex-1 hidden lg:flex overflow-hidden">
|
||||||
|
<div className="w-[60%] border-r border-zinc-800 overflow-hidden">
|
||||||
|
{chatPane}
|
||||||
|
</div>
|
||||||
|
<div className="w-[40%] overflow-hidden">
|
||||||
|
{diffPane}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Mobile: show only the active tab */}
|
||||||
|
<div className="flex-1 lg:hidden overflow-hidden">
|
||||||
|
{activeTab === 'chat' ? chatPane : diffPane}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
115
apps/coder/web/src/components/MessageBubble.tsx
Normal file
115
apps/coder/web/src/components/MessageBubble.tsx
Normal file
@@ -0,0 +1,115 @@
|
|||||||
|
import Markdown from 'react-markdown';
|
||||||
|
import remarkGfm from 'remark-gfm';
|
||||||
|
import type { Message } from '@/api/types';
|
||||||
|
import { Wrench, AlertCircle, Loader2 } from 'lucide-react';
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
message: Message;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function MessageBubble({ message }: Props) {
|
||||||
|
if (message.role === 'tool') {
|
||||||
|
return <ToolResultBubble message={message} />;
|
||||||
|
}
|
||||||
|
|
||||||
|
const isUser = message.role === 'user';
|
||||||
|
const isStreaming = message.status === 'streaming';
|
||||||
|
const isFailed = message.status === 'failed';
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={`flex ${isUser ? 'justify-end' : 'justify-start'} mb-3`}>
|
||||||
|
<div
|
||||||
|
className={`max-w-[85%] rounded-lg px-4 py-2.5 ${
|
||||||
|
isUser
|
||||||
|
? 'bg-blue-600 text-white'
|
||||||
|
: 'bg-zinc-800 text-zinc-100 border border-zinc-700'
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
{isFailed && (
|
||||||
|
<div className="flex items-center gap-1.5 text-red-400 text-xs mb-1">
|
||||||
|
<AlertCircle size={12} />
|
||||||
|
<span>Failed</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{message.tool_calls && message.tool_calls.length > 0 && (
|
||||||
|
<div className="mb-2 space-y-1">
|
||||||
|
{message.tool_calls.map((tc) => (
|
||||||
|
<div
|
||||||
|
key={tc.id}
|
||||||
|
className="flex items-center gap-1.5 text-xs text-zinc-400 bg-zinc-900/50 rounded px-2 py-1"
|
||||||
|
>
|
||||||
|
<Wrench size={11} />
|
||||||
|
<span className="font-mono">{tc.name}</span>
|
||||||
|
<span className="text-zinc-500 truncate max-w-[200px]">
|
||||||
|
{truncateArgs(tc.arguments)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{message.content.trim() && (
|
||||||
|
<div className="prose prose-invert prose-sm max-w-none [&_pre]:bg-zinc-900 [&_pre]:p-3 [&_pre]:rounded [&_pre]:overflow-x-auto [&_code]:text-zinc-300 [&_p]:my-1.5">
|
||||||
|
<Markdown remarkPlugins={[remarkGfm]}>{message.content}</Markdown>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{isStreaming && !message.content.trim() && (
|
||||||
|
<div className="flex items-center gap-1.5 text-zinc-400">
|
||||||
|
<Loader2 size={14} className="animate-spin" />
|
||||||
|
<span className="text-xs">Thinking...</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{isStreaming && message.content.trim() && (
|
||||||
|
<span className="inline-block w-1.5 h-4 bg-zinc-400 animate-pulse ml-0.5 align-middle" />
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function ToolResultBubble({ message }: Props) {
|
||||||
|
const result = message.tool_results;
|
||||||
|
if (!result) return null;
|
||||||
|
|
||||||
|
const isError = result.error;
|
||||||
|
const output = result.output || '';
|
||||||
|
const displayOutput =
|
||||||
|
output.length > 300 ? output.slice(0, 300) + '...' : output;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex justify-start mb-2 ml-6">
|
||||||
|
<div
|
||||||
|
className={`max-w-[80%] rounded px-3 py-2 text-xs font-mono border ${
|
||||||
|
isError
|
||||||
|
? 'bg-red-950/30 border-red-800/50 text-red-300'
|
||||||
|
: 'bg-zinc-800/50 border-zinc-700/50 text-zinc-400'
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
{result.truncated && (
|
||||||
|
<span className="text-yellow-500 text-[10px] block mb-1">
|
||||||
|
[truncated]
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
<pre className="whitespace-pre-wrap break-all">{displayOutput}</pre>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function truncateArgs(args: string): string {
|
||||||
|
if (!args) return '';
|
||||||
|
try {
|
||||||
|
const parsed = JSON.parse(args);
|
||||||
|
const keys = Object.keys(parsed);
|
||||||
|
if (keys.length === 0) return '';
|
||||||
|
const first = keys[0]!;
|
||||||
|
const val = String(parsed[first]);
|
||||||
|
const display = val.length > 40 ? val.slice(0, 40) + '...' : val;
|
||||||
|
return `${first}: ${display}`;
|
||||||
|
} catch {
|
||||||
|
return args.length > 50 ? args.slice(0, 50) + '...' : args;
|
||||||
|
}
|
||||||
|
}
|
||||||
22
apps/coder/web/src/globals.css
Normal file
22
apps/coder/web/src/globals.css
Normal file
@@ -0,0 +1,22 @@
|
|||||||
|
@import "tailwindcss";
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scrollbar styling for dark theme */
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background: #3f3f46;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: #52525b;
|
||||||
|
}
|
||||||
230
apps/coder/web/src/hooks/useSessionStream.ts
Normal file
230
apps/coder/web/src/hooks/useSessionStream.ts
Normal file
@@ -0,0 +1,230 @@
|
|||||||
|
import { useEffect, useRef, useState, useCallback } from 'react';
|
||||||
|
import type { Message, WsFrame, PendingChange } from '@/api/types';
|
||||||
|
|
||||||
|
interface State {
|
||||||
|
messages: Message[];
|
||||||
|
connected: boolean;
|
||||||
|
error: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyFrame(state: State, frame: WsFrame): State {
|
||||||
|
switch (frame.type) {
|
||||||
|
case 'snapshot': {
|
||||||
|
return { ...state, messages: frame.messages };
|
||||||
|
}
|
||||||
|
case 'message_started': {
|
||||||
|
const exists = state.messages.some((m) => m.id === frame.message_id);
|
||||||
|
if (exists) return state;
|
||||||
|
const newMsg: Message = {
|
||||||
|
id: frame.message_id,
|
||||||
|
session_id: '',
|
||||||
|
chat_id: frame.chat_id,
|
||||||
|
role: frame.role,
|
||||||
|
content: '',
|
||||||
|
kind: 'message',
|
||||||
|
tool_calls: null,
|
||||||
|
tool_results: null,
|
||||||
|
status: frame.role === 'system' ? 'complete' : 'streaming',
|
||||||
|
tokens_used: null,
|
||||||
|
ctx_used: null,
|
||||||
|
ctx_max: null,
|
||||||
|
started_at: null,
|
||||||
|
finished_at: null,
|
||||||
|
created_at: new Date().toISOString(),
|
||||||
|
metadata: null,
|
||||||
|
};
|
||||||
|
return { ...state, messages: [...state.messages, newMsg] };
|
||||||
|
}
|
||||||
|
case 'delta': {
|
||||||
|
const next = state.messages.map((m) =>
|
||||||
|
m.id === frame.message_id ? { ...m, content: m.content + frame.content } : m,
|
||||||
|
);
|
||||||
|
return { ...state, messages: next };
|
||||||
|
}
|
||||||
|
case 'tool_call': {
|
||||||
|
const next = state.messages.map((m) =>
|
||||||
|
m.id === frame.message_id
|
||||||
|
? { ...m, tool_calls: [...(m.tool_calls ?? []), frame.tool_call] }
|
||||||
|
: m,
|
||||||
|
);
|
||||||
|
return { ...state, messages: next };
|
||||||
|
}
|
||||||
|
case 'tool_result': {
|
||||||
|
const exists = state.messages.some((m) => m.id === frame.tool_message_id);
|
||||||
|
if (exists) {
|
||||||
|
const next = state.messages.map((m) =>
|
||||||
|
m.id === frame.tool_message_id
|
||||||
|
? {
|
||||||
|
...m,
|
||||||
|
role: 'tool' as const,
|
||||||
|
tool_results: {
|
||||||
|
tool_call_id: frame.tool_call_id,
|
||||||
|
output: frame.output,
|
||||||
|
truncated: frame.truncated,
|
||||||
|
...(frame.error ? { error: frame.error } : {}),
|
||||||
|
},
|
||||||
|
status: 'complete' as const,
|
||||||
|
}
|
||||||
|
: m,
|
||||||
|
);
|
||||||
|
return { ...state, messages: next };
|
||||||
|
}
|
||||||
|
const newMsg: Message = {
|
||||||
|
id: frame.tool_message_id,
|
||||||
|
session_id: '',
|
||||||
|
chat_id: frame.chat_id,
|
||||||
|
role: 'tool',
|
||||||
|
content: '',
|
||||||
|
kind: 'message',
|
||||||
|
tool_calls: null,
|
||||||
|
tool_results: {
|
||||||
|
tool_call_id: frame.tool_call_id,
|
||||||
|
output: frame.output,
|
||||||
|
truncated: frame.truncated,
|
||||||
|
...(frame.error ? { error: frame.error } : {}),
|
||||||
|
},
|
||||||
|
status: 'complete',
|
||||||
|
tokens_used: null,
|
||||||
|
ctx_used: null,
|
||||||
|
ctx_max: null,
|
||||||
|
started_at: null,
|
||||||
|
finished_at: null,
|
||||||
|
created_at: new Date().toISOString(),
|
||||||
|
metadata: null,
|
||||||
|
};
|
||||||
|
return { ...state, messages: [...state.messages, newMsg] };
|
||||||
|
}
|
||||||
|
case 'message_complete': {
|
||||||
|
const next = state.messages.map((m) =>
|
||||||
|
m.id === frame.message_id
|
||||||
|
? {
|
||||||
|
...m,
|
||||||
|
status: 'complete' as const,
|
||||||
|
...(frame.tokens_used !== undefined ? { tokens_used: frame.tokens_used } : {}),
|
||||||
|
...(frame.ctx_used !== undefined ? { ctx_used: frame.ctx_used } : {}),
|
||||||
|
...(frame.ctx_max !== undefined ? { ctx_max: frame.ctx_max } : {}),
|
||||||
|
...(frame.started_at !== undefined ? { started_at: frame.started_at } : {}),
|
||||||
|
...(frame.finished_at !== undefined ? { finished_at: frame.finished_at } : {}),
|
||||||
|
...(frame.metadata !== undefined ? { metadata: frame.metadata } : {}),
|
||||||
|
}
|
||||||
|
: m,
|
||||||
|
);
|
||||||
|
return { ...state, messages: next };
|
||||||
|
}
|
||||||
|
case 'error': {
|
||||||
|
const next = frame.message_id
|
||||||
|
? state.messages.map((m) =>
|
||||||
|
m.id === frame.message_id ? { ...m, status: 'failed' as const } : m,
|
||||||
|
)
|
||||||
|
: state.messages;
|
||||||
|
return { ...state, messages: next, error: frame.error };
|
||||||
|
}
|
||||||
|
case 'pending_change_added':
|
||||||
|
case 'pending_change_updated':
|
||||||
|
// These are handled by the pending changes listener, not the message state
|
||||||
|
return state;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const RECONNECT_INITIAL_MS = 1000;
|
||||||
|
const RECONNECT_MAX_MS = 30_000;
|
||||||
|
|
||||||
|
interface SessionStreamResult {
|
||||||
|
messages: Message[];
|
||||||
|
connected: boolean;
|
||||||
|
error: string | null;
|
||||||
|
isStreaming: boolean;
|
||||||
|
/** Listeners for pending change frames */
|
||||||
|
onPendingChange: (cb: (change: PendingChange) => void) => () => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useSessionStream(sessionId: string | undefined): SessionStreamResult {
|
||||||
|
const [state, setState] = useState<State>({ messages: [], connected: false, error: null });
|
||||||
|
const wsRef = useRef<WebSocket | null>(null);
|
||||||
|
const pendingListenersRef = useRef<Set<(change: PendingChange) => void>>(new Set());
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (!sessionId) return;
|
||||||
|
|
||||||
|
setState({ messages: [], connected: false, error: null });
|
||||||
|
|
||||||
|
let unmounted = false;
|
||||||
|
let reconnectTimer: ReturnType<typeof setTimeout> | null = null;
|
||||||
|
let reconnectDelay = RECONNECT_INITIAL_MS;
|
||||||
|
|
||||||
|
const connect = () => {
|
||||||
|
if (unmounted) return;
|
||||||
|
const proto = window.location.protocol === 'https:' ? 'wss' : 'ws';
|
||||||
|
const url = `${proto}://${window.location.host}/api/ws/sessions/${sessionId}`;
|
||||||
|
const ws = new WebSocket(url);
|
||||||
|
wsRef.current = ws;
|
||||||
|
|
||||||
|
ws.onopen = () => {
|
||||||
|
reconnectDelay = RECONNECT_INITIAL_MS;
|
||||||
|
setState((s) => ({ ...s, connected: true, error: null }));
|
||||||
|
};
|
||||||
|
|
||||||
|
ws.onmessage = (ev) => {
|
||||||
|
let frame: WsFrame;
|
||||||
|
try {
|
||||||
|
frame = JSON.parse(typeof ev.data === 'string' ? ev.data : '') as WsFrame;
|
||||||
|
} catch {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Notify pending change listeners
|
||||||
|
if (frame.type === 'pending_change_added' || frame.type === 'pending_change_updated') {
|
||||||
|
for (const cb of pendingListenersRef.current) {
|
||||||
|
cb(frame.change);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
setState((s) => applyFrame(s, frame));
|
||||||
|
};
|
||||||
|
|
||||||
|
ws.onerror = () => {
|
||||||
|
try {
|
||||||
|
ws.close();
|
||||||
|
} catch {}
|
||||||
|
};
|
||||||
|
|
||||||
|
ws.onclose = () => {
|
||||||
|
if (unmounted) return;
|
||||||
|
setState((s) => ({ ...s, connected: false }));
|
||||||
|
const delay = reconnectDelay;
|
||||||
|
reconnectDelay = Math.min(reconnectDelay * 2, RECONNECT_MAX_MS);
|
||||||
|
reconnectTimer = setTimeout(connect, delay);
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
connect();
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
unmounted = true;
|
||||||
|
if (reconnectTimer) clearTimeout(reconnectTimer);
|
||||||
|
const ws = wsRef.current;
|
||||||
|
wsRef.current = null;
|
||||||
|
if (ws)
|
||||||
|
try {
|
||||||
|
ws.close();
|
||||||
|
} catch {}
|
||||||
|
};
|
||||||
|
}, [sessionId]);
|
||||||
|
|
||||||
|
const isStreaming = state.messages.some((m) => m.status === 'streaming');
|
||||||
|
|
||||||
|
const onPendingChange = useCallback((cb: (change: PendingChange) => void) => {
|
||||||
|
pendingListenersRef.current.add(cb);
|
||||||
|
return () => {
|
||||||
|
pendingListenersRef.current.delete(cb);
|
||||||
|
};
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return {
|
||||||
|
messages: state.messages,
|
||||||
|
connected: state.connected,
|
||||||
|
error: state.error,
|
||||||
|
isStreaming,
|
||||||
|
onPendingChange,
|
||||||
|
};
|
||||||
|
}
|
||||||
13
apps/coder/web/src/main.tsx
Normal file
13
apps/coder/web/src/main.tsx
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import { StrictMode } from 'react';
|
||||||
|
import { createRoot } from 'react-dom/client';
|
||||||
|
import { BrowserRouter } from 'react-router-dom';
|
||||||
|
import { App } from './App';
|
||||||
|
import './globals.css';
|
||||||
|
|
||||||
|
createRoot(document.getElementById('root')!).render(
|
||||||
|
<StrictMode>
|
||||||
|
<BrowserRouter>
|
||||||
|
<App />
|
||||||
|
</BrowserRouter>
|
||||||
|
</StrictMode>,
|
||||||
|
);
|
||||||
138
apps/coder/web/src/pages/Home.tsx
Normal file
138
apps/coder/web/src/pages/Home.tsx
Normal file
@@ -0,0 +1,138 @@
|
|||||||
|
import { useEffect, useState } from 'react';
|
||||||
|
import { useNavigate } from 'react-router-dom';
|
||||||
|
import { Code2, Folder, ArrowRight } from 'lucide-react';
|
||||||
|
import type { Project, Session } from '@/api/types';
|
||||||
|
import { api } from '@/api/client';
|
||||||
|
|
||||||
|
export function Home() {
|
||||||
|
const navigate = useNavigate();
|
||||||
|
const [projects, setProjects] = useState<Project[]>([]);
|
||||||
|
const [sessions, setSessions] = useState<Session[]>([]);
|
||||||
|
const [selectedProject, setSelectedProject] = useState<string | null>(null);
|
||||||
|
const [loading, setLoading] = useState(true);
|
||||||
|
|
||||||
|
// Fetch projects on mount
|
||||||
|
useEffect(() => {
|
||||||
|
api.projects
|
||||||
|
.list({ status: 'open' })
|
||||||
|
.then(setProjects)
|
||||||
|
.catch(console.error)
|
||||||
|
.finally(() => setLoading(false));
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// Fetch sessions when a project is selected
|
||||||
|
useEffect(() => {
|
||||||
|
if (!selectedProject) {
|
||||||
|
setSessions([]);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
api.sessions
|
||||||
|
.listForProject(selectedProject, 'open')
|
||||||
|
.then(setSessions)
|
||||||
|
.catch(console.error);
|
||||||
|
}, [selectedProject]);
|
||||||
|
|
||||||
|
const handleSessionClick = (session: Session) => {
|
||||||
|
navigate(`/sessions/${session.id}`);
|
||||||
|
};
|
||||||
|
|
||||||
|
if (loading) {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-zinc-900 flex items-center justify-center">
|
||||||
|
<div className="text-zinc-500">Loading...</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-zinc-900 p-6">
|
||||||
|
<div className="max-w-2xl mx-auto">
|
||||||
|
{/* Header */}
|
||||||
|
<div className="flex items-center gap-3 mb-8">
|
||||||
|
<Code2 size={28} className="text-blue-400" />
|
||||||
|
<h1 className="text-2xl font-bold text-zinc-100">BooCoder</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Projects list */}
|
||||||
|
<div className="mb-8">
|
||||||
|
<h2 className="text-sm font-medium text-zinc-400 uppercase tracking-wide mb-3">
|
||||||
|
Projects
|
||||||
|
</h2>
|
||||||
|
{projects.length === 0 ? (
|
||||||
|
<p className="text-zinc-500 text-sm">
|
||||||
|
No projects found. Create one in BooChat first.
|
||||||
|
</p>
|
||||||
|
) : (
|
||||||
|
<div className="space-y-1">
|
||||||
|
{projects.map((project) => (
|
||||||
|
<button
|
||||||
|
key={project.id}
|
||||||
|
onClick={() => setSelectedProject(project.id)}
|
||||||
|
className={`w-full flex items-center gap-3 px-4 py-3 rounded-lg text-left transition-colors ${
|
||||||
|
selectedProject === project.id
|
||||||
|
? 'bg-blue-600/20 border border-blue-500/40'
|
||||||
|
: 'bg-zinc-800/50 border border-zinc-800 hover:bg-zinc-800'
|
||||||
|
}`}
|
||||||
|
>
|
||||||
|
<Folder
|
||||||
|
size={16}
|
||||||
|
className={
|
||||||
|
selectedProject === project.id
|
||||||
|
? 'text-blue-400'
|
||||||
|
: 'text-zinc-500'
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
<div className="flex-1 min-w-0">
|
||||||
|
<div className="text-sm font-medium text-zinc-200 truncate">
|
||||||
|
{project.name}
|
||||||
|
</div>
|
||||||
|
<div className="text-xs text-zinc-500 truncate">
|
||||||
|
{project.path}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</button>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Sessions list */}
|
||||||
|
{selectedProject && (
|
||||||
|
<div>
|
||||||
|
<h2 className="text-sm font-medium text-zinc-400 uppercase tracking-wide mb-3">
|
||||||
|
Sessions
|
||||||
|
</h2>
|
||||||
|
{sessions.length === 0 ? (
|
||||||
|
<p className="text-zinc-500 text-sm">
|
||||||
|
No open sessions. Create one in BooChat first.
|
||||||
|
</p>
|
||||||
|
) : (
|
||||||
|
<div className="space-y-1">
|
||||||
|
{sessions.map((session) => (
|
||||||
|
<button
|
||||||
|
key={session.id}
|
||||||
|
onClick={() => handleSessionClick(session)}
|
||||||
|
className="w-full flex items-center gap-3 px-4 py-3 rounded-lg bg-zinc-800/50 border border-zinc-800 hover:bg-zinc-800 text-left transition-colors group"
|
||||||
|
>
|
||||||
|
<div className="flex-1 min-w-0">
|
||||||
|
<div className="text-sm font-medium text-zinc-200 truncate">
|
||||||
|
{session.name || 'Untitled session'}
|
||||||
|
</div>
|
||||||
|
<div className="text-xs text-zinc-500">
|
||||||
|
{new Date(session.updated_at).toLocaleDateString()}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ArrowRight
|
||||||
|
size={16}
|
||||||
|
className="text-zinc-600 group-hover:text-zinc-400 transition-colors"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
86
apps/coder/web/src/pages/Session.tsx
Normal file
86
apps/coder/web/src/pages/Session.tsx
Normal file
@@ -0,0 +1,86 @@
|
|||||||
|
import { useEffect, useState } from 'react';
|
||||||
|
import { useParams, useNavigate } from 'react-router-dom';
|
||||||
|
import { ArrowLeft } from 'lucide-react';
|
||||||
|
import type { Chat } from '@/api/types';
|
||||||
|
import { api } from '@/api/client';
|
||||||
|
import { useSessionStream } from '@/hooks/useSessionStream';
|
||||||
|
import { ChatPane } from '@/components/ChatPane';
|
||||||
|
import { DiffPane } from '@/components/DiffPane';
|
||||||
|
import { Layout } from '@/components/Layout';
|
||||||
|
|
||||||
|
export function Session() {
|
||||||
|
const { sessionId } = useParams<{ sessionId: string }>();
|
||||||
|
const navigate = useNavigate();
|
||||||
|
const [chat, setChat] = useState<Chat | null>(null);
|
||||||
|
const [loading, setLoading] = useState(true);
|
||||||
|
|
||||||
|
const { messages, connected, isStreaming, onPendingChange } =
|
||||||
|
useSessionStream(sessionId);
|
||||||
|
|
||||||
|
// Get or create a chat for this session
|
||||||
|
useEffect(() => {
|
||||||
|
if (!sessionId) return;
|
||||||
|
|
||||||
|
api.chats
|
||||||
|
.listForSession(sessionId)
|
||||||
|
.then((chats) => {
|
||||||
|
// Use the first open chat, or create one
|
||||||
|
const openChat = chats.find((c) => c.status === 'open');
|
||||||
|
if (openChat) {
|
||||||
|
setChat(openChat);
|
||||||
|
} else {
|
||||||
|
// Create a new chat
|
||||||
|
return api.chats.create(sessionId).then((newChat) => {
|
||||||
|
setChat(newChat);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(console.error)
|
||||||
|
.finally(() => setLoading(false));
|
||||||
|
}, [sessionId]);
|
||||||
|
|
||||||
|
if (!sessionId) {
|
||||||
|
navigate('/');
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (loading) {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-zinc-900 flex items-center justify-center">
|
||||||
|
<div className="text-zinc-500">Loading session...</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!chat) {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-zinc-900 flex flex-col items-center justify-center gap-4">
|
||||||
|
<div className="text-zinc-500">Could not load chat for this session.</div>
|
||||||
|
<button
|
||||||
|
onClick={() => navigate('/')}
|
||||||
|
className="flex items-center gap-2 text-sm text-blue-400 hover:text-blue-300"
|
||||||
|
>
|
||||||
|
<ArrowLeft size={14} />
|
||||||
|
Back to projects
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Layout
|
||||||
|
chatPane={
|
||||||
|
<ChatPane
|
||||||
|
sessionId={sessionId}
|
||||||
|
chatId={chat.id}
|
||||||
|
messages={messages}
|
||||||
|
isStreaming={isStreaming}
|
||||||
|
connected={connected}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
diffPane={
|
||||||
|
<DiffPane sessionId={sessionId} onPendingChange={onPendingChange} />
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
1
apps/coder/web/src/vite-env.d.ts
vendored
Normal file
1
apps/coder/web/src/vite-env.d.ts
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
/// <reference types="vite/client" />
|
||||||
27
apps/coder/web/tsconfig.app.json
Normal file
27
apps/coder/web/tsconfig.app.json
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "ES2022",
|
||||||
|
"module": "ESNext",
|
||||||
|
"moduleResolution": "Bundler",
|
||||||
|
"strict": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"allowSyntheticDefaultImports": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"noUncheckedIndexedAccess": true,
|
||||||
|
"composite": true,
|
||||||
|
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||||
|
"lib": ["ES2022", "DOM", "DOM.Iterable"],
|
||||||
|
"jsx": "react-jsx",
|
||||||
|
"noEmit": true,
|
||||||
|
"useDefineForClassFields": true,
|
||||||
|
"allowImportingTsExtensions": true,
|
||||||
|
"baseUrl": ".",
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"include": ["src"]
|
||||||
|
}
|
||||||
13
apps/coder/web/tsconfig.json
Normal file
13
apps/coder/web/tsconfig.json
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"files": [],
|
||||||
|
"references": [
|
||||||
|
{ "path": "./tsconfig.app.json" },
|
||||||
|
{ "path": "./tsconfig.node.json" }
|
||||||
|
],
|
||||||
|
"compilerOptions": {
|
||||||
|
"baseUrl": ".",
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
14
apps/coder/web/tsconfig.node.json
Normal file
14
apps/coder/web/tsconfig.node.json
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "ES2022",
|
||||||
|
"module": "ESNext",
|
||||||
|
"moduleResolution": "Bundler",
|
||||||
|
"strict": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"composite": true,
|
||||||
|
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
||||||
|
"allowSyntheticDefaultImports": true
|
||||||
|
},
|
||||||
|
"include": ["vite.config.ts"]
|
||||||
|
}
|
||||||
2
apps/coder/web/vite.config.d.ts
vendored
Normal file
2
apps/coder/web/vite.config.d.ts
vendored
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
declare const _default: import("vite").UserConfig;
|
||||||
|
export default _default;
|
||||||
25
apps/coder/web/vite.config.js
Normal file
25
apps/coder/web/vite.config.js
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
import { defineConfig } from 'vite';
|
||||||
|
import react from '@vitejs/plugin-react';
|
||||||
|
import path from 'node:path';
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [react()],
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@': path.resolve(__dirname, './src'),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
port: 5174,
|
||||||
|
proxy: {
|
||||||
|
'/api': {
|
||||||
|
target: 'http://127.0.0.1:3000',
|
||||||
|
changeOrigin: true,
|
||||||
|
ws: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
build: {
|
||||||
|
outDir: 'dist',
|
||||||
|
emptyOutDir: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
26
apps/coder/web/vite.config.ts
Normal file
26
apps/coder/web/vite.config.ts
Normal file
@@ -0,0 +1,26 @@
|
|||||||
|
import { defineConfig } from 'vite';
|
||||||
|
import react from '@vitejs/plugin-react';
|
||||||
|
import path from 'node:path';
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [react()],
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@': path.resolve(__dirname, './src'),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
port: 5174,
|
||||||
|
proxy: {
|
||||||
|
'/api': {
|
||||||
|
target: 'http://127.0.0.1:3000',
|
||||||
|
changeOrigin: true,
|
||||||
|
ws: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
build: {
|
||||||
|
outDir: 'dist',
|
||||||
|
emptyOutDir: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
@@ -4,6 +4,23 @@
|
|||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"main": "dist/index.js",
|
"main": "dist/index.js",
|
||||||
|
"exports": {
|
||||||
|
".": { "types": "./dist/index.d.ts", "default": "./dist/index.js" },
|
||||||
|
"./inference": { "types": "./dist/services/inference/index.d.ts", "default": "./dist/services/inference/index.js" },
|
||||||
|
"./tools": { "types": "./dist/services/tools.d.ts", "default": "./dist/services/tools.js" },
|
||||||
|
"./broker": { "types": "./dist/services/broker.d.ts", "default": "./dist/services/broker.js" },
|
||||||
|
"./compaction": { "types": "./dist/services/compaction.d.ts", "default": "./dist/services/compaction.js" },
|
||||||
|
"./model-context": { "types": "./dist/services/model-context.d.ts", "default": "./dist/services/model-context.js" },
|
||||||
|
"./system-prompt": { "types": "./dist/services/system-prompt.d.ts", "default": "./dist/services/system-prompt.js" },
|
||||||
|
"./agents": { "types": "./dist/services/agents.d.ts", "default": "./dist/services/agents.js" },
|
||||||
|
"./truncate": { "types": "./dist/services/truncate.d.ts", "default": "./dist/services/truncate.js" },
|
||||||
|
"./path-guard": { "types": "./dist/services/path_guard.d.ts", "default": "./dist/services/path_guard.js" },
|
||||||
|
"./file-ops": { "types": "./dist/services/file_ops.d.ts", "default": "./dist/services/file_ops.js" },
|
||||||
|
"./types": { "types": "./dist/types/api.d.ts", "default": "./dist/types/api.js" },
|
||||||
|
"./ws-frames": { "types": "./dist/types/ws-frames.d.ts", "default": "./dist/types/ws-frames.js" },
|
||||||
|
"./db": { "types": "./dist/db.d.ts", "default": "./dist/db.js" },
|
||||||
|
"./config": { "types": "./dist/config.d.ts", "default": "./dist/config.js" }
|
||||||
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "tsx watch src/index.ts",
|
"dev": "tsx watch src/index.ts",
|
||||||
"build": "tsc && node -e \"import('node:fs').then(fs=>fs.copyFileSync('src/schema.sql','dist/schema.sql'))\"",
|
"build": "tsc && node -e \"import('node:fs').then(fs=>fs.copyFileSync('src/schema.sql','dist/schema.sql'))\"",
|
||||||
|
|||||||
@@ -212,6 +212,37 @@ async function main() {
|
|||||||
});
|
});
|
||||||
registerWebSocket(app, sql, broker);
|
registerWebSocket(app, sql, broker);
|
||||||
|
|
||||||
|
// v2.0.0: reverse proxy /api/coder/* to the boocoder container. Keeps the
|
||||||
|
// SPA's HTTP requests going through a single origin (avoids CORS). WS for
|
||||||
|
// the coder pane connects directly to boocoder:9502 from the browser (same
|
||||||
|
// Tailscale network — no CORS issue for WebSocket upgrade requests).
|
||||||
|
const BOOCODER_ORIGIN = process.env.BOOCODER_URL ?? 'http://boocoder:3000';
|
||||||
|
app.all('/api/coder/*', async (req, reply) => {
|
||||||
|
const targetPath = req.url.replace('/api/coder', '/api');
|
||||||
|
const targetUrl = `${BOOCODER_ORIGIN}${targetPath}`;
|
||||||
|
const headers: Record<string, string> = {};
|
||||||
|
if (req.headers['content-type']) headers['content-type'] = req.headers['content-type'] as string;
|
||||||
|
if (req.headers['authorization']) headers['authorization'] = req.headers['authorization'] as string;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await fetch(targetUrl, {
|
||||||
|
method: req.method as string,
|
||||||
|
headers,
|
||||||
|
body: req.method !== 'GET' && req.method !== 'HEAD' ? JSON.stringify(req.body) : undefined,
|
||||||
|
});
|
||||||
|
reply.code(res.status);
|
||||||
|
for (const [key, value] of res.headers) {
|
||||||
|
if (key === 'transfer-encoding') continue;
|
||||||
|
reply.header(key, value);
|
||||||
|
}
|
||||||
|
const body = await res.text();
|
||||||
|
return reply.send(body);
|
||||||
|
} catch (err) {
|
||||||
|
app.log.error({ err, targetUrl }, 'coder proxy error');
|
||||||
|
reply.code(502).send({ error: 'boocoder backend unavailable' });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
const webDist = process.env.WEB_DIST_PATH ?? resolve(process.cwd(), '../web/dist');
|
const webDist = process.env.WEB_DIST_PATH ?? resolve(process.cwd(), '../web/dist');
|
||||||
if (existsSync(webDist)) {
|
if (existsSync(webDist)) {
|
||||||
await app.register(fastifyStatic, {
|
await app.register(fastifyStatic, {
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import type { InferenceContext } from './inference/index.js';
|
import type { InferenceContext } from './inference/index.js';
|
||||||
|
|
||||||
const NAMING_SYSTEM_PROMPT =
|
const NAMING_SYSTEM_PROMPT =
|
||||||
'You name chat sessions. Reply directly with no thinking, reasoning, or explanation. Output ONLY the title, 4 words max, no quotes, no punctuation, no prefix like "Title:".';
|
'You name chat sessions based on what the assistant did. Summarize the topic or outcome — do NOT copy the first few words verbatim. Reply directly with no thinking, reasoning, or explanation. Output ONLY the title, 4 words max, no quotes, no punctuation, no prefix like "Title:".';
|
||||||
|
|
||||||
const MAX_TITLE_CHARS = 60;
|
const MAX_TITLE_CHARS = 60;
|
||||||
|
|
||||||
@@ -70,12 +70,6 @@ export async function maybeAutoNameChat(
|
|||||||
const model = sessionRows[0]?.model;
|
const model = sessionRows[0]?.model;
|
||||||
if (!model) return;
|
if (!model) return;
|
||||||
|
|
||||||
const userMsg = await ctx.sql<{ content: string }[]>`
|
|
||||||
SELECT content FROM messages
|
|
||||||
WHERE chat_id = ${chatId} AND role = 'user'
|
|
||||||
ORDER BY created_at ASC
|
|
||||||
LIMIT 1
|
|
||||||
`;
|
|
||||||
const assistantMsg = await ctx.sql<{ content: string }[]>`
|
const assistantMsg = await ctx.sql<{ content: string }[]>`
|
||||||
SELECT content FROM messages
|
SELECT content FROM messages
|
||||||
WHERE chat_id = ${chatId}
|
WHERE chat_id = ${chatId}
|
||||||
@@ -85,9 +79,8 @@ export async function maybeAutoNameChat(
|
|||||||
ORDER BY created_at ASC
|
ORDER BY created_at ASC
|
||||||
LIMIT 1
|
LIMIT 1
|
||||||
`;
|
`;
|
||||||
if (!userMsg[0] || !assistantMsg[0]) return;
|
if (!assistantMsg[0]) return;
|
||||||
|
|
||||||
const userText = userMsg[0].content.slice(0, 2000);
|
|
||||||
const assistantText = assistantMsg[0].content.slice(0, 2000);
|
const assistantText = assistantMsg[0].content.slice(0, 2000);
|
||||||
|
|
||||||
const body = {
|
const body = {
|
||||||
@@ -96,7 +89,7 @@ export async function maybeAutoNameChat(
|
|||||||
{ role: 'system', content: NAMING_SYSTEM_PROMPT },
|
{ role: 'system', content: NAMING_SYSTEM_PROMPT },
|
||||||
{
|
{
|
||||||
role: 'user',
|
role: 'user',
|
||||||
content: `First user message: ${userText}\nFirst assistant reply: ${assistantText}`,
|
content: assistantText,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
max_tokens: 30,
|
max_tokens: 30,
|
||||||
|
|||||||
@@ -56,7 +56,7 @@ export interface Session {
|
|||||||
export type WorkspacePaneKind =
|
export type WorkspacePaneKind =
|
||||||
| 'chat'
|
| 'chat'
|
||||||
| 'terminal'
|
| 'terminal'
|
||||||
| 'agent'
|
| 'coder'
|
||||||
| 'empty'
|
| 'empty'
|
||||||
| 'settings'
|
| 'settings'
|
||||||
| 'markdown_artifact'
|
| 'markdown_artifact'
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
"rootDir": "src",
|
"rootDir": "src",
|
||||||
"lib": ["ES2022"],
|
"lib": ["ES2022"],
|
||||||
"types": ["node"],
|
"types": ["node"],
|
||||||
"declaration": false,
|
"declaration": true,
|
||||||
"sourceMap": true
|
"sourceMap": true
|
||||||
},
|
},
|
||||||
"include": ["src/**/*"],
|
"include": ["src/**/*"],
|
||||||
|
|||||||
@@ -326,7 +326,7 @@ export interface AskUserAnswerSet {
|
|||||||
export type WorkspacePaneKind =
|
export type WorkspacePaneKind =
|
||||||
| 'chat'
|
| 'chat'
|
||||||
| 'terminal'
|
| 'terminal'
|
||||||
| 'agent'
|
| 'coder'
|
||||||
| 'empty'
|
| 'empty'
|
||||||
| 'settings'
|
| 'settings'
|
||||||
| 'markdown_artifact'
|
| 'markdown_artifact'
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import { Bot, History, MessageSquare, Plus, Terminal, X } from 'lucide-react';
|
import { Code, History, MessageSquare, Plus, Terminal, X } from 'lucide-react';
|
||||||
import type { Chat, WorkspacePane } from '@/api/types';
|
import type { Chat, WorkspacePane } from '@/api/types';
|
||||||
import { StatusDot } from '@/components/StatusDot';
|
import { StatusDot } from '@/components/StatusDot';
|
||||||
import {
|
import {
|
||||||
@@ -26,7 +26,7 @@ interface Props {
|
|||||||
onCloseOthers: (chatId: string) => void;
|
onCloseOthers: (chatId: string) => void;
|
||||||
onCloseToRight: (chatId: string) => void;
|
onCloseToRight: (chatId: string) => void;
|
||||||
onCloseAll: () => void;
|
onCloseAll: () => void;
|
||||||
onAddPane: (kind: 'chat' | 'terminal' | 'agent') => void;
|
onAddPane: (kind: 'chat' | 'terminal' | 'coder') => void;
|
||||||
onShowHistory: () => void;
|
onShowHistory: () => void;
|
||||||
onRename: (chatId: string, name: string) => Promise<void>;
|
onRename: (chatId: string, name: string) => Promise<void>;
|
||||||
onRemovePane?: () => void;
|
onRemovePane?: () => void;
|
||||||
@@ -188,8 +188,8 @@ export function ChatTabBar({
|
|||||||
<DropdownMenuItem onSelect={() => onAddPane('terminal')}>
|
<DropdownMenuItem onSelect={() => onAddPane('terminal')}>
|
||||||
<Terminal size={14} /> New terminal
|
<Terminal size={14} /> New terminal
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem onSelect={() => onAddPane('agent')}>
|
<DropdownMenuItem onSelect={() => onAddPane('coder')}>
|
||||||
<Bot size={14} /> New agent
|
<Code size={14} /> New coder
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import { useRef, useState } from 'react';
|
import { useRef, useState } from 'react';
|
||||||
import {
|
import {
|
||||||
Bot,
|
Code,
|
||||||
ChevronDown,
|
ChevronDown,
|
||||||
Edit2,
|
Edit2,
|
||||||
MessageSquare,
|
MessageSquare,
|
||||||
@@ -43,7 +43,7 @@ const SWIPE_VISUAL_CAP = 120;
|
|||||||
|
|
||||||
function paneIcon(kind: WorkspacePane['kind']) {
|
function paneIcon(kind: WorkspacePane['kind']) {
|
||||||
if (kind === 'terminal') return <Terminal size={14} />;
|
if (kind === 'terminal') return <Terminal size={14} />;
|
||||||
if (kind === 'agent') return <Bot size={14} />;
|
if (kind === 'coder') return <Code size={14} />;
|
||||||
if (kind === 'settings') return <SettingsIcon size={14} />;
|
if (kind === 'settings') return <SettingsIcon size={14} />;
|
||||||
return <MessageSquare size={14} />;
|
return <MessageSquare size={14} />;
|
||||||
}
|
}
|
||||||
@@ -64,7 +64,7 @@ function paneLabel(pane: WorkspacePane, chats: Chat[]): string {
|
|||||||
}
|
}
|
||||||
if (pane.kind === 'chat') return 'Chat';
|
if (pane.kind === 'chat') return 'Chat';
|
||||||
if (pane.kind === 'terminal') return 'Terminal';
|
if (pane.kind === 'terminal') return 'Terminal';
|
||||||
if (pane.kind === 'agent') return 'Agent';
|
if (pane.kind === 'coder') return 'Coder';
|
||||||
if (pane.kind === 'settings') return 'Settings';
|
if (pane.kind === 'settings') return 'Settings';
|
||||||
return 'Empty';
|
return 'Empty';
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { Bot, MessageSquare, Plus, Terminal } from 'lucide-react';
|
import { Code, MessageSquare, Plus, Terminal } from 'lucide-react';
|
||||||
import {
|
import {
|
||||||
DropdownMenu,
|
DropdownMenu,
|
||||||
DropdownMenuContent,
|
DropdownMenuContent,
|
||||||
@@ -7,14 +7,13 @@ import {
|
|||||||
} from '@/components/ui/dropdown-menu';
|
} from '@/components/ui/dropdown-menu';
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
onAddPane: (kind: 'chat' | 'terminal' | 'agent') => void;
|
onAddPane: (kind: 'chat' | 'terminal' | 'coder') => void;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
// v1.8 row-2 right cluster: mirrors the desktop Workspace.tsx Split dropdown.
|
// v1.8 row-2 right cluster: mirrors the desktop Workspace.tsx Split dropdown.
|
||||||
// Terminal and Agent items pass through to addSplitPane which already shows
|
// Terminal + Coder items pass through to addSplitPane which creates panes
|
||||||
// "coming soon" toasts; rendering them here matches the Batch 3 workspace
|
// of the appropriate kind.
|
||||||
// model so the UI is forward-compatible with BooTerm/BooCoder.
|
|
||||||
export function NewPaneMenu({ onAddPane, disabled }: Props) {
|
export function NewPaneMenu({ onAddPane, disabled }: Props) {
|
||||||
return (
|
return (
|
||||||
<DropdownMenu>
|
<DropdownMenu>
|
||||||
@@ -35,8 +34,8 @@ export function NewPaneMenu({ onAddPane, disabled }: Props) {
|
|||||||
<DropdownMenuItem onSelect={() => onAddPane('terminal')}>
|
<DropdownMenuItem onSelect={() => onAddPane('terminal')}>
|
||||||
<Terminal size={14} /> New terminal
|
<Terminal size={14} /> New terminal
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem onSelect={() => onAddPane('agent')}>
|
<DropdownMenuItem onSelect={() => onAddPane('coder')}>
|
||||||
<Bot size={14} /> New agent
|
<Code size={14} /> New coder
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { useEffect, useMemo, useState } from 'react';
|
import { useEffect, useMemo, useState } from 'react';
|
||||||
import { PanelRight, MessageSquare, Terminal, Bot, Clipboard, Plus, X } from 'lucide-react';
|
import { PanelRight, MessageSquare, Terminal, Code, Clipboard, Plus, X } from 'lucide-react';
|
||||||
import type { Chat, Project, Session, WorkspacePane } from '@/api/types';
|
import type { Chat, Project, Session, WorkspacePane } from '@/api/types';
|
||||||
import { MAX_PANES, type UseWorkspacePanesResult } from '@/hooks/useWorkspacePanes';
|
import { MAX_PANES, type UseWorkspacePanesResult } from '@/hooks/useWorkspacePanes';
|
||||||
import type { UseSessionChatsResult } from '@/hooks/useSessionChats';
|
import type { UseSessionChatsResult } from '@/hooks/useSessionChats';
|
||||||
@@ -8,6 +8,7 @@ import { terminalsRegistry } from '@/lib/events';
|
|||||||
import { ChatPane } from '@/components/panes/ChatPane';
|
import { ChatPane } from '@/components/panes/ChatPane';
|
||||||
import { SettingsPane } from '@/components/panes/SettingsPane';
|
import { SettingsPane } from '@/components/panes/SettingsPane';
|
||||||
import { TerminalPane } from '@/components/panes/TerminalPane';
|
import { TerminalPane } from '@/components/panes/TerminalPane';
|
||||||
|
import { CoderPane } from '@/components/panes/CoderPane';
|
||||||
import { MarkdownArtifactPane } from '@/components/MarkdownArtifactPane';
|
import { MarkdownArtifactPane } from '@/components/MarkdownArtifactPane';
|
||||||
import { HtmlArtifactPane } from '@/components/HtmlArtifactPane';
|
import { HtmlArtifactPane } from '@/components/HtmlArtifactPane';
|
||||||
import { ChatTabBar } from '@/components/ChatTabBar';
|
import { ChatTabBar } from '@/components/ChatTabBar';
|
||||||
@@ -160,8 +161,8 @@ export function Workspace({
|
|||||||
<DropdownMenuItem onSelect={() => addSplitPane('terminal')}>
|
<DropdownMenuItem onSelect={() => addSplitPane('terminal')}>
|
||||||
<Terminal size={14} /> Terminal
|
<Terminal size={14} /> Terminal
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem onSelect={() => addSplitPane('agent')}>
|
<DropdownMenuItem onSelect={() => addSplitPane('coder')}>
|
||||||
<Bot size={14} /> Agent
|
<Code size={14} /> Coder
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
@@ -264,8 +265,8 @@ export function Workspace({
|
|||||||
<DropdownMenuItem onSelect={() => addSplitPane('terminal')}>
|
<DropdownMenuItem onSelect={() => addSplitPane('terminal')}>
|
||||||
<Terminal size={14} /> New terminal
|
<Terminal size={14} /> New terminal
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
<DropdownMenuItem onSelect={() => addSplitPane('agent')}>
|
<DropdownMenuItem onSelect={() => addSplitPane('coder')}>
|
||||||
<Bot size={14} /> New agent
|
<Code size={14} /> New coder
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
</DropdownMenuContent>
|
</DropdownMenuContent>
|
||||||
</DropdownMenu>
|
</DropdownMenu>
|
||||||
@@ -321,6 +322,8 @@ export function Workspace({
|
|||||||
label={terminalLabels.get(pane.id) ?? 'Terminal'}
|
label={terminalLabels.get(pane.id) ?? 'Terminal'}
|
||||||
active={idx === activePaneIdx}
|
active={idx === activePaneIdx}
|
||||||
/>
|
/>
|
||||||
|
) : pane.kind === 'coder' ? (
|
||||||
|
<CoderPane sessionId={sessionId} />
|
||||||
) : pane.kind === 'markdown_artifact' && pane.markdown_artifact_state ? (
|
) : pane.kind === 'markdown_artifact' && pane.markdown_artifact_state ? (
|
||||||
<MarkdownArtifactPane
|
<MarkdownArtifactPane
|
||||||
chatId={pane.markdown_artifact_state.chat_id}
|
chatId={pane.markdown_artifact_state.chat_id}
|
||||||
|
|||||||
432
apps/web/src/components/panes/CoderPane.tsx
Normal file
432
apps/web/src/components/panes/CoderPane.tsx
Normal file
@@ -0,0 +1,432 @@
|
|||||||
|
// v2.0.0: BooCoder pane — renders the BooCoder chat + diff interface inside
|
||||||
|
// BooChat's multi-pane workspace.
|
||||||
|
//
|
||||||
|
// Architecture:
|
||||||
|
// - REST calls go through /api/coder/* which BooChat's server proxies to
|
||||||
|
// the boocoder container at http://boocoder:3000/api/*
|
||||||
|
// - WS connects directly to the boocoder container at :9502 (same Tailscale
|
||||||
|
// network, no CORS for WebSocket). In dev, the Vite proxy handles it.
|
||||||
|
|
||||||
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
||||||
|
import { Code, Send, Check, X, RefreshCw } from 'lucide-react';
|
||||||
|
import { MarkdownRenderer } from '@/components/MarkdownRenderer';
|
||||||
|
import { cn } from '@/lib/utils';
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Types
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
interface CoderMessage {
|
||||||
|
id: string;
|
||||||
|
role: 'user' | 'assistant' | 'system';
|
||||||
|
content: string;
|
||||||
|
status?: 'streaming' | 'complete' | 'failed';
|
||||||
|
tool_calls?: Array<{
|
||||||
|
id: string;
|
||||||
|
function: { name: string; arguments: string };
|
||||||
|
}>;
|
||||||
|
tool_results?: {
|
||||||
|
tool_call_id: string;
|
||||||
|
content: string;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
interface PendingChange {
|
||||||
|
id: string;
|
||||||
|
file_path: string;
|
||||||
|
operation: 'create' | 'modify' | 'delete';
|
||||||
|
diff?: string;
|
||||||
|
new_content?: string;
|
||||||
|
status: 'pending' | 'approved' | 'rejected';
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
sessionId: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Hooks
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
function useCoderMessages(sessionId: string) {
|
||||||
|
const [messages, setMessages] = useState<CoderMessage[]>([]);
|
||||||
|
const [connected, setConnected] = useState(false);
|
||||||
|
const wsRef = useRef<WebSocket | null>(null);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
// Fetch existing messages on mount
|
||||||
|
fetch(`/api/coder/sessions/${sessionId}/messages`)
|
||||||
|
.then((res) => res.ok ? res.json() : [])
|
||||||
|
.then((data: CoderMessage[]) => setMessages(data))
|
||||||
|
.catch(() => {/* noop — coder backend may not be running */});
|
||||||
|
}, [sessionId]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
// WS connects to the coder backend. In production, this goes through the
|
||||||
|
// same host (BooChat serves the SPA and proxies). In dev, Vite proxy
|
||||||
|
// handles /api/coder/ws/* -> boocoder:9502.
|
||||||
|
const proto = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
|
||||||
|
const wsUrl = `${proto}//${window.location.host}/api/coder/ws/sessions/${sessionId}`;
|
||||||
|
const ws = new WebSocket(wsUrl);
|
||||||
|
wsRef.current = ws;
|
||||||
|
|
||||||
|
ws.onopen = () => setConnected(true);
|
||||||
|
ws.onclose = () => setConnected(false);
|
||||||
|
|
||||||
|
ws.onmessage = (ev) => {
|
||||||
|
try {
|
||||||
|
const frame = JSON.parse(ev.data as string);
|
||||||
|
if (frame.type === 'message_started') {
|
||||||
|
setMessages((prev) => [
|
||||||
|
...prev,
|
||||||
|
{ id: frame.message_id, role: frame.role ?? 'assistant', content: '', status: 'streaming' },
|
||||||
|
]);
|
||||||
|
} else if (frame.type === 'delta') {
|
||||||
|
setMessages((prev) =>
|
||||||
|
prev.map((m) =>
|
||||||
|
m.id === frame.message_id
|
||||||
|
? { ...m, content: m.content + (frame.content ?? '') }
|
||||||
|
: m
|
||||||
|
)
|
||||||
|
);
|
||||||
|
} else if (frame.type === 'message_complete') {
|
||||||
|
setMessages((prev) =>
|
||||||
|
prev.map((m) =>
|
||||||
|
m.id === frame.message_id ? { ...m, status: 'complete' } : m
|
||||||
|
)
|
||||||
|
);
|
||||||
|
} else if (frame.type === 'tool_call') {
|
||||||
|
setMessages((prev) =>
|
||||||
|
prev.map((m) =>
|
||||||
|
m.id === frame.message_id
|
||||||
|
? {
|
||||||
|
...m,
|
||||||
|
tool_calls: [
|
||||||
|
...(m.tool_calls ?? []),
|
||||||
|
{ id: frame.tool_call_id, function: { name: frame.name, arguments: frame.arguments ?? '' } },
|
||||||
|
],
|
||||||
|
}
|
||||||
|
: m
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// ignore unparseable frames
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
ws.close();
|
||||||
|
wsRef.current = null;
|
||||||
|
};
|
||||||
|
}, [sessionId]);
|
||||||
|
|
||||||
|
return { messages, setMessages, connected };
|
||||||
|
}
|
||||||
|
|
||||||
|
function usePendingChanges(sessionId: string) {
|
||||||
|
const [changes, setChanges] = useState<PendingChange[]>([]);
|
||||||
|
const [loading, setLoading] = useState(false);
|
||||||
|
|
||||||
|
const refresh = useCallback(() => {
|
||||||
|
setLoading(true);
|
||||||
|
fetch(`/api/coder/sessions/${sessionId}/pending`)
|
||||||
|
.then((res) => res.ok ? res.json() : [])
|
||||||
|
.then((data: PendingChange[]) => setChanges(data))
|
||||||
|
.catch(() => {/* noop */})
|
||||||
|
.finally(() => setLoading(false));
|
||||||
|
}, [sessionId]);
|
||||||
|
|
||||||
|
useEffect(() => { refresh(); }, [refresh]);
|
||||||
|
|
||||||
|
const approve = useCallback(async (changeId: string) => {
|
||||||
|
const res = await fetch(`/api/coder/sessions/${sessionId}/pending/${changeId}/approve`, {
|
||||||
|
method: 'POST',
|
||||||
|
});
|
||||||
|
if (res.ok) {
|
||||||
|
setChanges((prev) => prev.map((c) => c.id === changeId ? { ...c, status: 'approved' } : c));
|
||||||
|
}
|
||||||
|
}, [sessionId]);
|
||||||
|
|
||||||
|
const reject = useCallback(async (changeId: string) => {
|
||||||
|
const res = await fetch(`/api/coder/sessions/${sessionId}/pending/${changeId}/reject`, {
|
||||||
|
method: 'POST',
|
||||||
|
});
|
||||||
|
if (res.ok) {
|
||||||
|
setChanges((prev) => prev.map((c) => c.id === changeId ? { ...c, status: 'rejected' } : c));
|
||||||
|
}
|
||||||
|
}, [sessionId]);
|
||||||
|
|
||||||
|
return { changes, loading, refresh, approve, reject };
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Sub-components
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
function CoderMessageBubble({ message }: { message: CoderMessage }) {
|
||||||
|
const isUser = message.role === 'user';
|
||||||
|
return (
|
||||||
|
<div className={cn('flex flex-col gap-1 px-3 py-2', isUser ? 'items-end' : 'items-start')}>
|
||||||
|
<div
|
||||||
|
className={cn(
|
||||||
|
'rounded-lg px-3 py-2 max-w-[85%] text-sm',
|
||||||
|
isUser
|
||||||
|
? 'bg-primary text-primary-foreground'
|
||||||
|
: 'bg-muted text-foreground'
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
{isUser ? (
|
||||||
|
<p className="whitespace-pre-wrap">{message.content}</p>
|
||||||
|
) : (
|
||||||
|
<div className="prose prose-sm dark:prose-invert max-w-none">
|
||||||
|
<MarkdownRenderer content={message.content} />
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{message.tool_calls && message.tool_calls.length > 0 && (
|
||||||
|
<div className="mt-2 border-t border-border/50 pt-2 space-y-1">
|
||||||
|
{message.tool_calls.map((tc) => (
|
||||||
|
<div key={tc.id} className="text-xs font-mono text-muted-foreground">
|
||||||
|
<span className="text-primary/70">{tc.function.name}</span>
|
||||||
|
{tc.function.arguments && (
|
||||||
|
<span className="ml-1 opacity-60">
|
||||||
|
({tc.function.arguments.slice(0, 80)}
|
||||||
|
{tc.function.arguments.length > 80 ? '...' : ''})
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
{message.status === 'streaming' && (
|
||||||
|
<span className="inline-block w-2 h-4 bg-current opacity-60 animate-pulse ml-0.5" />
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function DiffPanel({
|
||||||
|
changes,
|
||||||
|
loading,
|
||||||
|
onRefresh,
|
||||||
|
onApprove,
|
||||||
|
onReject,
|
||||||
|
}: {
|
||||||
|
changes: PendingChange[];
|
||||||
|
loading: boolean;
|
||||||
|
onRefresh: () => void;
|
||||||
|
onApprove: (id: string) => void;
|
||||||
|
onReject: (id: string) => void;
|
||||||
|
}) {
|
||||||
|
const pending = changes.filter((c) => c.status === 'pending');
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col h-full border-t border-border">
|
||||||
|
<div className="flex items-center justify-between px-3 py-1.5 border-b border-border bg-muted/30">
|
||||||
|
<span className="text-xs font-medium text-muted-foreground">
|
||||||
|
Pending Changes {pending.length > 0 && `(${pending.length})`}
|
||||||
|
</span>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={onRefresh}
|
||||||
|
disabled={loading}
|
||||||
|
className="inline-flex items-center justify-center size-6 rounded hover:bg-muted text-muted-foreground"
|
||||||
|
aria-label="Refresh pending changes"
|
||||||
|
>
|
||||||
|
<RefreshCw size={12} className={loading ? 'animate-spin' : ''} />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div className="flex-1 overflow-y-auto">
|
||||||
|
{pending.length === 0 ? (
|
||||||
|
<div className="flex items-center justify-center h-full text-sm text-muted-foreground">
|
||||||
|
No pending changes
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div className="divide-y divide-border">
|
||||||
|
{pending.map((change) => (
|
||||||
|
<div key={change.id} className="px-3 py-2">
|
||||||
|
<div className="flex items-center justify-between mb-1">
|
||||||
|
<span className="text-xs font-mono text-foreground truncate flex-1 mr-2">
|
||||||
|
<span className={cn(
|
||||||
|
'inline-block w-1.5 h-1.5 rounded-full mr-1.5',
|
||||||
|
change.operation === 'create' && 'bg-green-500',
|
||||||
|
change.operation === 'modify' && 'bg-yellow-500',
|
||||||
|
change.operation === 'delete' && 'bg-red-500',
|
||||||
|
)} />
|
||||||
|
{change.file_path}
|
||||||
|
</span>
|
||||||
|
<div className="flex items-center gap-1 shrink-0">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => onApprove(change.id)}
|
||||||
|
className="inline-flex items-center justify-center size-6 rounded bg-green-500/10 hover:bg-green-500/20 text-green-600 dark:text-green-400"
|
||||||
|
aria-label="Approve change"
|
||||||
|
title="Approve"
|
||||||
|
>
|
||||||
|
<Check size={12} />
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => onReject(change.id)}
|
||||||
|
className="inline-flex items-center justify-center size-6 rounded bg-red-500/10 hover:bg-red-500/20 text-red-600 dark:text-red-400"
|
||||||
|
aria-label="Reject change"
|
||||||
|
title="Reject"
|
||||||
|
>
|
||||||
|
<X size={12} />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{change.diff && (
|
||||||
|
<pre className="text-[11px] font-mono bg-muted/50 rounded p-2 overflow-x-auto max-h-32 whitespace-pre">
|
||||||
|
{change.diff}
|
||||||
|
</pre>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Main component
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
export function CoderPane({ sessionId }: Props) {
|
||||||
|
const { messages, setMessages, connected } = useCoderMessages(sessionId);
|
||||||
|
const { changes, loading, refresh, approve, reject } = usePendingChanges(sessionId);
|
||||||
|
const [input, setInput] = useState('');
|
||||||
|
const [sending, setSending] = useState(false);
|
||||||
|
const messagesEndRef = useRef<HTMLDivElement>(null);
|
||||||
|
const inputRef = useRef<HTMLTextAreaElement>(null);
|
||||||
|
|
||||||
|
// Auto-scroll on new messages
|
||||||
|
useEffect(() => {
|
||||||
|
messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
|
||||||
|
}, [messages]);
|
||||||
|
|
||||||
|
// Refresh pending changes when a message_complete arrives
|
||||||
|
useEffect(() => {
|
||||||
|
const lastMsg = messages[messages.length - 1];
|
||||||
|
if (lastMsg?.role === 'assistant' && lastMsg.status === 'complete') {
|
||||||
|
refresh();
|
||||||
|
}
|
||||||
|
}, [messages, refresh]);
|
||||||
|
|
||||||
|
const handleSend = useCallback(async () => {
|
||||||
|
const text = input.trim();
|
||||||
|
if (!text || sending) return;
|
||||||
|
|
||||||
|
setInput('');
|
||||||
|
setSending(true);
|
||||||
|
|
||||||
|
// Optimistic user message
|
||||||
|
const tempId = `temp-${Date.now()}`;
|
||||||
|
setMessages((prev) => [...prev, { id: tempId, role: 'user', content: text, status: 'complete' }]);
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await fetch(`/api/coder/sessions/${sessionId}/messages`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'content-type': 'application/json' },
|
||||||
|
body: JSON.stringify({ content: text }),
|
||||||
|
});
|
||||||
|
if (res.ok) {
|
||||||
|
const data = await res.json();
|
||||||
|
// Replace temp message with real one if server returned it
|
||||||
|
if (data.user_message_id) {
|
||||||
|
setMessages((prev) =>
|
||||||
|
prev.map((m) => m.id === tempId ? { ...m, id: data.user_message_id } : m)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// The WS will bring the real messages; optimistic is good enough
|
||||||
|
} finally {
|
||||||
|
setSending(false);
|
||||||
|
}
|
||||||
|
}, [input, sending, sessionId, setMessages]);
|
||||||
|
|
||||||
|
const handleKeyDown = useCallback(
|
||||||
|
(e: React.KeyboardEvent) => {
|
||||||
|
if (e.key === 'Enter' && !e.shiftKey) {
|
||||||
|
e.preventDefault();
|
||||||
|
void handleSend();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
[handleSend]
|
||||||
|
);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="flex flex-col h-full bg-background">
|
||||||
|
{/* Header */}
|
||||||
|
<div className="flex items-center gap-2 px-3 py-1.5 border-b border-border bg-muted/30 shrink-0">
|
||||||
|
<Code size={14} className="text-muted-foreground" />
|
||||||
|
<span className="text-xs font-medium text-muted-foreground">BooCoder</span>
|
||||||
|
<span
|
||||||
|
className={cn(
|
||||||
|
'inline-block w-1.5 h-1.5 rounded-full ml-auto',
|
||||||
|
connected ? 'bg-green-500' : 'bg-red-500'
|
||||||
|
)}
|
||||||
|
title={connected ? 'Connected' : 'Disconnected'}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Chat area */}
|
||||||
|
<div className="flex-1 min-h-0 overflow-y-auto">
|
||||||
|
{messages.length === 0 ? (
|
||||||
|
<div className="flex flex-col items-center justify-center h-full text-sm text-muted-foreground gap-2">
|
||||||
|
<Code size={32} className="opacity-40" />
|
||||||
|
<p>Send a message to start coding</p>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div className="py-2">
|
||||||
|
{messages.map((msg) => (
|
||||||
|
<CoderMessageBubble key={msg.id} message={msg} />
|
||||||
|
))}
|
||||||
|
<div ref={messagesEndRef} />
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Diff panel — only shows when there are pending changes */}
|
||||||
|
{changes.filter((c) => c.status === 'pending').length > 0 && (
|
||||||
|
<div className="h-48 shrink-0">
|
||||||
|
<DiffPanel
|
||||||
|
changes={changes}
|
||||||
|
loading={loading}
|
||||||
|
onRefresh={refresh}
|
||||||
|
onApprove={approve}
|
||||||
|
onReject={reject}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Input */}
|
||||||
|
<div className="shrink-0 border-t border-border p-2">
|
||||||
|
<div className="flex items-end gap-2">
|
||||||
|
<textarea
|
||||||
|
ref={inputRef}
|
||||||
|
value={input}
|
||||||
|
onChange={(e) => setInput(e.target.value)}
|
||||||
|
onKeyDown={handleKeyDown}
|
||||||
|
placeholder="Ask BooCoder to write code..."
|
||||||
|
rows={1}
|
||||||
|
className="flex-1 resize-none rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring max-h-32 min-h-[36px] max-md:min-h-[44px]"
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
onClick={() => void handleSend()}
|
||||||
|
disabled={!input.trim() || sending}
|
||||||
|
className="inline-flex items-center justify-center size-9 max-md:min-h-[44px] max-md:min-w-[44px] rounded-md bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-40 disabled:cursor-not-allowed shrink-0"
|
||||||
|
aria-label="Send message"
|
||||||
|
>
|
||||||
|
<Send size={16} />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -40,6 +40,13 @@ function terminalPane(id: string = generateId()): WorkspacePane {
|
|||||||
return { id, kind: 'terminal', chatIds: [], activeChatIdx: -1 };
|
return { id, kind: 'terminal', chatIds: [], activeChatIdx: -1 };
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// v2.0.0: coder pane — renders the BooCoder interface (chat + diff panel).
|
||||||
|
// Like terminal panes, carries no chats — the CoderPane component manages
|
||||||
|
// its own session/messages via the /api/coder proxy.
|
||||||
|
function coderPane(id: string = generateId()): WorkspacePane {
|
||||||
|
return { id, kind: 'coder', chatIds: [], activeChatIdx: -1 };
|
||||||
|
}
|
||||||
|
|
||||||
// v1.9: settings pane factory. No chats, no state beyond identity — the
|
// v1.9: settings pane factory. No chats, no state beyond identity — the
|
||||||
// SettingsPane component renders Session/Project sections from the
|
// SettingsPane component renders Session/Project sections from the
|
||||||
// surrounding session/project.
|
// surrounding session/project.
|
||||||
@@ -109,10 +116,10 @@ export interface UseWorkspacePanesResult {
|
|||||||
closeAllTabs: (paneIdx: number) => void;
|
closeAllTabs: (paneIdx: number) => void;
|
||||||
showLandingPage: (paneIdx: number) => void;
|
showLandingPage: (paneIdx: number) => void;
|
||||||
// v1.10.3: returns the new pane's id (or null if the operation was a no-op:
|
// v1.10.3: returns the new pane's id (or null if the operation was a no-op:
|
||||||
// 'agent' kind is a toast stub, or max panes reached). Callers can use the
|
// max panes reached). Callers can use the
|
||||||
// id to update mobile URL state so the URL-sync effect doesn't fight the
|
// id to update mobile URL state so the URL-sync effect doesn't fight the
|
||||||
// freshly-set activePaneIdx.
|
// freshly-set activePaneIdx.
|
||||||
addSplitPane: (kind: 'chat' | 'terminal' | 'agent') => string | null;
|
addSplitPane: (kind: 'chat' | 'terminal' | 'coder') => string | null;
|
||||||
// Open-on-first-click, close-on-second-click. Singleton — settings panes
|
// Open-on-first-click, close-on-second-click. Singleton — settings panes
|
||||||
// don't count toward MAX_PANES. Closing the only remaining pane (edge case)
|
// don't count toward MAX_PANES. Closing the only remaining pane (edge case)
|
||||||
// falls back to an empty pane to preserve the "always one pane" invariant.
|
// falls back to an empty pane to preserve the "always one pane" invariant.
|
||||||
@@ -388,11 +395,7 @@ export function useWorkspacePanes(sessionId: string): UseWorkspacePanesResult {
|
|||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
const addSplitPane = useCallback((kind: 'chat' | 'terminal' | 'agent'): string | null => {
|
const addSplitPane = useCallback((kind: 'chat' | 'terminal' | 'coder'): string | null => {
|
||||||
if (kind === 'agent') {
|
|
||||||
toast('Agent panes coming in BooCoder');
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
// Generate the id outside the updater so we can return it deterministically.
|
// Generate the id outside the updater so we can return it deterministically.
|
||||||
// setPanes's updater can be invoked twice in strict mode; using a fixed id
|
// setPanes's updater can be invoked twice in strict mode; using a fixed id
|
||||||
// ensures both invocations agree and the returned id matches what landed.
|
// ensures both invocations agree and the returned id matches what landed.
|
||||||
@@ -404,7 +407,10 @@ export function useWorkspacePanes(sessionId: string): UseWorkspacePanesResult {
|
|||||||
toast.error(`Maximum ${MAX_PANES} panes`);
|
toast.error(`Maximum ${MAX_PANES} panes`);
|
||||||
return prev;
|
return prev;
|
||||||
}
|
}
|
||||||
const newPane = kind === 'terminal' ? terminalPane(newPaneId) : emptyPane(newPaneId);
|
const newPane =
|
||||||
|
kind === 'terminal' ? terminalPane(newPaneId) :
|
||||||
|
kind === 'coder' ? coderPane(newPaneId) :
|
||||||
|
emptyPane(newPaneId);
|
||||||
const next = [...prev, newPane];
|
const next = [...prev, newPane];
|
||||||
setActivePaneIdx(next.length - 1);
|
setActivePaneIdx(next.length - 1);
|
||||||
success = true;
|
success = true;
|
||||||
|
|||||||
@@ -178,7 +178,7 @@ function SessionInner({ sessionId }: { sessionId: string }) {
|
|||||||
// the new pane's id to the URL atomically so the effect's next pass sees a
|
// the new pane's id to the URL atomically so the effect's next pass sees a
|
||||||
// matching id and is a no-op. Desktop has no URL pane state — fall through.
|
// matching id and is a no-op. Desktop has no URL pane state — fall through.
|
||||||
const addPaneAndSwitch = useCallback(
|
const addPaneAndSwitch = useCallback(
|
||||||
(kind: 'chat' | 'terminal' | 'agent') => {
|
(kind: 'chat' | 'terminal' | 'coder') => {
|
||||||
const newPaneId = addSplitPane(kind);
|
const newPaneId = addSplitPane(kind);
|
||||||
if (newPaneId === null) return;
|
if (newPaneId === null) return;
|
||||||
if (isMobile) {
|
if (isMobile) {
|
||||||
|
|||||||
@@ -30,6 +30,17 @@ export default defineConfig({
|
|||||||
'Remote-User': process.env.DEV_REMOTE_USER ?? 'sam',
|
'Remote-User': process.env.DEV_REMOTE_USER ?? 'sam',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
// BooCoder: proxy /api/coder/* to the coder container. Must be listed
|
||||||
|
// before /api so the more-specific prefix matches first.
|
||||||
|
'/api/coder': {
|
||||||
|
target: process.env.BOOCODER_DEV_URL ?? 'http://127.0.0.1:9502',
|
||||||
|
changeOrigin: true,
|
||||||
|
ws: true,
|
||||||
|
rewrite: (path: string) => path.replace(/^\/api\/coder/, '/api'),
|
||||||
|
headers: {
|
||||||
|
'Remote-User': process.env.DEV_REMOTE_USER ?? 'sam',
|
||||||
|
},
|
||||||
|
},
|
||||||
'/api': {
|
'/api': {
|
||||||
target: 'http://127.0.0.1:3000',
|
target: 'http://127.0.0.1:3000',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ services:
|
|||||||
environment:
|
environment:
|
||||||
CODECONTEXT_URL: http://codecontext:8080
|
CODECONTEXT_URL: http://codecontext:8080
|
||||||
CONTAINER_GUIDANCE_FILE: /app/BOOCHAT.md
|
CONTAINER_GUIDANCE_FILE: /app/BOOCHAT.md
|
||||||
DATABASE_URL: postgres://boocode:${POSTGRES_PASSWORD}@boocode_db:5432/boocode
|
DATABASE_URL: postgres://boocode:${POSTGRES_PASSWORD}@boocode_db:5432/boochat
|
||||||
volumes:
|
volumes:
|
||||||
- /opt:/opt
|
- /opt:/opt
|
||||||
- /opt/projects:/opt/projects:rw
|
- /opt/projects:/opt/projects:rw
|
||||||
@@ -41,7 +41,7 @@ services:
|
|||||||
environment:
|
environment:
|
||||||
NODE_ENV: production
|
NODE_ENV: production
|
||||||
PORT: 3000
|
PORT: 3000
|
||||||
DATABASE_URL: postgres://boocode:${POSTGRES_PASSWORD}@boocode_db:5432/boocode
|
DATABASE_URL: postgres://boocode:${POSTGRES_PASSWORD}@boocode_db:5432/boochat
|
||||||
volumes:
|
volumes:
|
||||||
- /opt:/opt:rw
|
- /opt:/opt:rw
|
||||||
- /home/samkintop:/home/samkintop:rw
|
- /home/samkintop:/home/samkintop:rw
|
||||||
@@ -50,6 +50,28 @@ services:
|
|||||||
networks:
|
networks:
|
||||||
- boocode_net
|
- boocode_net
|
||||||
|
|
||||||
|
boocoder:
|
||||||
|
build:
|
||||||
|
context: .
|
||||||
|
dockerfile: apps/coder/Dockerfile
|
||||||
|
container_name: boocoder
|
||||||
|
restart: unless-stopped
|
||||||
|
ports:
|
||||||
|
- "100.114.205.53:9502:3000"
|
||||||
|
env_file: .env
|
||||||
|
environment:
|
||||||
|
CONTAINER_GUIDANCE_FILE: /app/BOOCODER.md
|
||||||
|
DATABASE_URL: postgres://boocode:${POSTGRES_PASSWORD}@boocode_db:5432/boochat
|
||||||
|
volumes:
|
||||||
|
- /opt:/opt:rw
|
||||||
|
- /opt/projects:/opt/projects:rw
|
||||||
|
- ./data:/data
|
||||||
|
- /opt/boocode/BOOCODER.md:/app/BOOCODER.md:ro
|
||||||
|
depends_on:
|
||||||
|
- boocode_db
|
||||||
|
networks:
|
||||||
|
- boocode_net
|
||||||
|
|
||||||
boocode_db:
|
boocode_db:
|
||||||
image: postgres:16-alpine
|
image: postgres:16-alpine
|
||||||
container_name: boocode_db
|
container_name: boocode_db
|
||||||
@@ -57,7 +79,7 @@ services:
|
|||||||
environment:
|
environment:
|
||||||
POSTGRES_USER: boocode
|
POSTGRES_USER: boocode
|
||||||
POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
|
POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
|
||||||
POSTGRES_DB: boocode
|
POSTGRES_DB: boochat
|
||||||
ports:
|
ports:
|
||||||
- "127.0.0.1:5500:5432"
|
- "127.0.0.1:5500:5432"
|
||||||
volumes:
|
volumes:
|
||||||
|
|||||||
413
openspec/changes/v2.0-boocoder/implementation-plan.md
Normal file
413
openspec/changes/v2.0-boocoder/implementation-plan.md
Normal file
@@ -0,0 +1,413 @@
|
|||||||
|
# v2.0 BooCoder — Implementation Plan
|
||||||
|
|
||||||
|
Ordered execution plan across all 4 sub-versions. Each phase is dispatchable as a single batch. Phases 1-4 are sequential (each builds on the prior); phases within a sub-version can sometimes be parallelized.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Phase 1 — Foundation (v2.0.0-alpha)
|
||||||
|
|
||||||
|
**Goal:** Standalone BooCoder container boots, connects to DB, serves a health endpoint. No inference yet.
|
||||||
|
|
||||||
|
**Estimated:** ~200 LoC
|
||||||
|
|
||||||
|
### Steps
|
||||||
|
|
||||||
|
1. **Clone lift sources** (prep, no code)
|
||||||
|
- `cd /opt/forks && git clone agent-hub, plandex, opencode, qodo-ai/agents`
|
||||||
|
- Read agent-hub schema, plandex pending-changes, opencode permission/evaluate.ts
|
||||||
|
- Read RA.Aid README for three-stage pattern
|
||||||
|
|
||||||
|
2. **Create `apps/coder/` skeleton**
|
||||||
|
- `apps/coder/package.json` (Fastify, postgres, zod — same deps as `apps/server`)
|
||||||
|
- `apps/coder/tsconfig.json` (extends base, NodeNext)
|
||||||
|
- `apps/coder/src/index.ts` (Fastify boot, health endpoint, DB connect)
|
||||||
|
- `apps/coder/src/config.ts` (Zod config schema — DATABASE_URL, PORT, HOST, LLAMA_SWAP_URL, CONTAINER_GUIDANCE_FILE)
|
||||||
|
- `apps/coder/src/db.ts` (postgres connection, schema apply — shared with `apps/server` or fresh)
|
||||||
|
|
||||||
|
3. **Create Dockerfile**
|
||||||
|
- `apps/coder/Dockerfile` — Node 20 bookworm-slim (matches booterm for glibc compat with node-pty later)
|
||||||
|
- Mount: `/opt:/opt:rw`
|
||||||
|
- COPY built server + BOOCODER.md
|
||||||
|
|
||||||
|
4. **docker-compose.yml** — add `boocoder` service
|
||||||
|
- Port `100.114.205.53:9502:3000`
|
||||||
|
- Environment: `DATABASE_URL`, `LLAMA_SWAP_URL`, `CONTAINER_GUIDANCE_FILE=/app/BOOCODER.md`
|
||||||
|
- Network: `boocode_net`
|
||||||
|
- Depends on: `boocode_db`
|
||||||
|
|
||||||
|
5. **DB rename** — `boocode_db` → `boochat_db`
|
||||||
|
- `ALTER DATABASE boocode RENAME TO boochat;` (one-time, run manually)
|
||||||
|
- Update `DATABASE_URL` in all docker-compose services
|
||||||
|
- Update volume name mapping
|
||||||
|
- Verify all 3 services boot against renamed DB
|
||||||
|
|
||||||
|
6. **Schema migration** — new tables in `apps/coder/src/schema.sql`
|
||||||
|
- `pending_changes` table
|
||||||
|
- `tasks` table
|
||||||
|
- `available_agents` table
|
||||||
|
- `human_inbox` view
|
||||||
|
- Applied idempotently on boot (same pattern as BooChat's `applySchema()`)
|
||||||
|
|
||||||
|
7. **BOOCODER.md** — container guidance file
|
||||||
|
- Write tools enabled (unlike BOOCHAT.md which declares read-only)
|
||||||
|
- Pending-changes queue discipline
|
||||||
|
- Path-guard rules
|
||||||
|
|
||||||
|
### Verification
|
||||||
|
- `docker compose up --build -d` — boocoder container starts
|
||||||
|
- `curl http://100.114.205.53:9502/api/health` — 200 OK
|
||||||
|
- `psql` confirms new tables exist
|
||||||
|
- BooChat + BooTerm unaffected (still boot, still serve)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Phase 2 — Write Tools + Pending Changes (v2.0.0-beta)
|
||||||
|
|
||||||
|
**Goal:** BooCoder can chat with the LLM, the LLM can call write tools, changes queue in `pending_changes`, user can apply/reject.
|
||||||
|
|
||||||
|
**Estimated:** ~400 LoC
|
||||||
|
|
||||||
|
### Steps
|
||||||
|
|
||||||
|
1. **Write-path guard** (`apps/coder/src/services/write_guard.ts`)
|
||||||
|
- `resolveWritePath(projectRoot, filePath): string` — `resolve()` + prefix check (no realpath — file may not exist for creates)
|
||||||
|
- Deny list: inherit from BooChat's `secret_guard.ts` (`.env`, `*.pem`, `id_rsa*`, etc.)
|
||||||
|
- Fuzz tests: `../` escape, symlink outside root, null bytes, non-existent parent dirs
|
||||||
|
|
||||||
|
2. **Pending-changes service** (`apps/coder/src/services/pending_changes.ts`)
|
||||||
|
- `queueEdit(session_id, task_id, file_path, old_string, new_string): PendingChange` — computes unified diff, validates write path, INSERTs
|
||||||
|
- `queueCreate(session_id, task_id, file_path, content): PendingChange`
|
||||||
|
- `queueDelete(session_id, task_id, file_path): PendingChange`
|
||||||
|
- `applyAll(session_id): ApplyResult[]` — re-validates each path, writes to disk, marks `status='applied'`
|
||||||
|
- `applyOne(change_id): ApplyResult`
|
||||||
|
- `rejectOne(change_id): void` — marks `status='rejected'`
|
||||||
|
- `rejectAll(session_id): void`
|
||||||
|
- `rewindOne(change_id): void` — inverse-diff, writes to disk, marks `status='reverted'`
|
||||||
|
- `listPending(session_id): PendingChange[]`
|
||||||
|
|
||||||
|
3. **Write tools** (`apps/coder/src/services/tools/`)
|
||||||
|
- `edit_file.ts` — input: `{file_path, old_string, new_string}`, calls `queueEdit`
|
||||||
|
- `create_file.ts` — input: `{file_path, content}`, calls `queueCreate`
|
||||||
|
- `delete_file.ts` — input: `{file_path}`, calls `queueDelete`
|
||||||
|
- `apply_pending.ts` — calls `applyAll` for current session
|
||||||
|
- `rewind.ts` — input: `{change_id}` or `{all: true}`, calls `rewindOne`/`rewindAll`
|
||||||
|
|
||||||
|
4. **Tool registry** — register write tools alongside ALL read tools from BooChat
|
||||||
|
- Import BooChat's read tools (view_file, grep, etc.) + codecontext tools
|
||||||
|
- Add the 5 write tools
|
||||||
|
- Alpha-sort the combined list
|
||||||
|
|
||||||
|
5. **Inference loop** — port from BooChat or share via workspace package
|
||||||
|
- Copy `apps/server/src/services/inference/` into `apps/coder/src/services/inference/` (or symlink via pnpm workspace)
|
||||||
|
- The outer loop (v1.14) runs unchanged — write tools are just ToolDefs with `execute()` functions
|
||||||
|
- Compaction, doom-loop, step cap all carry forward
|
||||||
|
|
||||||
|
6. **API routes**
|
||||||
|
- `POST /api/sessions/:id/messages` — same as BooChat (creates user + assistant rows, enqueues inference)
|
||||||
|
- `GET /api/sessions/:id/pending` — returns pending changes for the session
|
||||||
|
- `POST /api/sessions/:id/pending/apply` — applies all pending
|
||||||
|
- `POST /api/pending/:id/apply` — applies one
|
||||||
|
- `POST /api/pending/:id/reject` — rejects one
|
||||||
|
- `POST /api/pending/:id/rewind` — reverts one
|
||||||
|
- WebSocket streaming (same protocol as BooChat)
|
||||||
|
|
||||||
|
### Verification
|
||||||
|
- Send a chat asking BooCoder to edit a file
|
||||||
|
- LLM calls `edit_file` → change queued in `pending_changes`
|
||||||
|
- `GET /api/sessions/:id/pending` shows the queued change with diff
|
||||||
|
- `POST /api/pending/:id/apply` writes to disk
|
||||||
|
- `POST /api/pending/:id/rewind` reverts it
|
||||||
|
- Fuzz test: attempt traversal via `edit_file("../../etc/passwd", ...)` → rejected by write_guard
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Phase 3 — Frontend: Diff Pane + Chat (v2.0.0)
|
||||||
|
|
||||||
|
**Goal:** Browser UI at `coder.indifferentketchup.com` with chat pane + diff pane side by side.
|
||||||
|
|
||||||
|
**Estimated:** ~200 LoC
|
||||||
|
|
||||||
|
### Steps
|
||||||
|
|
||||||
|
1. **Create `apps/coder/web/`** — React + Vite SPA (same stack as BooChat's `apps/web/`)
|
||||||
|
- Copy BooChat's Vite config, Tailwind v4 setup, font pipeline
|
||||||
|
- Shared components: `MarkdownRenderer`, `CodeBlock`, `Button`, `Input`
|
||||||
|
- New app shell: sidebar (sessions) + workspace (panes)
|
||||||
|
|
||||||
|
2. **Chat pane** — reuse BooChat's ChatPane/MessageBubble pattern
|
||||||
|
- Same WS streaming, same `useSessionStream` hook, same message rendering
|
||||||
|
- ActionRow includes tool-call rendering for write tools
|
||||||
|
|
||||||
|
3. **Diff pane** — NEW (`apps/coder/web/src/components/DiffPane.tsx`)
|
||||||
|
- Fetches `GET /api/sessions/:id/pending`
|
||||||
|
- Lists pending changes: file path + operation badge (create/edit/delete)
|
||||||
|
- Per-change: syntax-highlighted unified diff view (use Shiki or a diff-specific highlighter)
|
||||||
|
- Buttons: Approve / Reject per change, Approve All / Reject All
|
||||||
|
- Real-time updates via WS frame (`pending_change_added`, `pending_change_applied`, etc.)
|
||||||
|
|
||||||
|
4. **Workspace splitter** — chat left, diff right (or configurable)
|
||||||
|
|
||||||
|
5. **Caddy route** — `coder.indifferentketchup.com` → boocoder:9502
|
||||||
|
- Authelia gating (same as BooChat)
|
||||||
|
|
||||||
|
### Verification
|
||||||
|
- Open `coder.indifferentketchup.com` in browser
|
||||||
|
- Send a message asking for a code change
|
||||||
|
- See the change appear in the diff pane in real time
|
||||||
|
- Click Approve → file written, change marked applied
|
||||||
|
- Click Reject → change discarded
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Phase 4 — Dispatcher + Tasks (v2.0.0 final)
|
||||||
|
|
||||||
|
**Goal:** Task queue works. User can create tasks, dispatcher picks them up and runs them through Path A.
|
||||||
|
|
||||||
|
**Estimated:** ~150 LoC
|
||||||
|
|
||||||
|
### Steps
|
||||||
|
|
||||||
|
1. **Dispatcher** (`apps/coder/src/services/dispatcher.ts`)
|
||||||
|
- In-process `setInterval(5000)` polling `tasks` WHERE `state='pending'` ORDER BY `created_at`
|
||||||
|
- For each ready task: mark `state='running'`, run inference with the task's `input` as the user message
|
||||||
|
- On completion: mark `state='completed'`
|
||||||
|
- On error: mark `state='failed'`
|
||||||
|
- On abort: mark `state='cancelled'`
|
||||||
|
- Respects `app.addHook('onClose')` — stops polling, waits for in-flight task
|
||||||
|
|
||||||
|
2. **Task API routes**
|
||||||
|
- `POST /api/tasks` — create a task `{project_id, input, agent?, model?}`
|
||||||
|
- `GET /api/tasks` — list tasks (filterable by state, project)
|
||||||
|
- `GET /api/tasks/:id` — get task details + output_summary
|
||||||
|
- `POST /api/tasks/:id/cancel` — cancel a running task
|
||||||
|
|
||||||
|
3. **Task → session linkage**
|
||||||
|
- Each task creates its own session + chat for isolation
|
||||||
|
- Task's pending_changes reference the task_id
|
||||||
|
- When task completes, its pending_changes are visible in the UI for approval
|
||||||
|
|
||||||
|
4. **Agent probing** (`apps/coder/src/services/agent-probe.ts`)
|
||||||
|
- On startup: `which opencode`, `which goose`, `which claude`, `which pi`
|
||||||
|
- Parse version from `<agent> --version`
|
||||||
|
- Check ACP support: `opencode acp --help` exits 0 → supports_acp = true
|
||||||
|
- Populate `available_agents` table
|
||||||
|
|
||||||
|
### Verification
|
||||||
|
- `POST /api/tasks {input: "add a /api/version endpoint"}` → task created
|
||||||
|
- Dispatcher picks it up → inference runs → `edit_file` queued → task completes
|
||||||
|
- `GET /api/tasks/:id` shows `state='completed'` + output_summary
|
||||||
|
- Pending changes visible in diff pane for approval
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Phase 5 — ACP Dispatch (v2.0.1)
|
||||||
|
|
||||||
|
**Goal:** Tasks can be dispatched to external agents via ACP. opencode and goose run as subprocesses, their events flow back into BooCode.
|
||||||
|
|
||||||
|
**Estimated:** ~350 LoC
|
||||||
|
|
||||||
|
### Steps
|
||||||
|
|
||||||
|
1. **ACP client** (`apps/coder/src/services/acp-client.ts`)
|
||||||
|
- Install: `pnpm -C apps/coder add @zed-industries/agent-client-protocol`
|
||||||
|
- `spawnAcpAgent(agent: string, task: string, worktree: string, mcpServers: McpConfig[]): AcpSession`
|
||||||
|
- Uses SDK's `StdioTransport` — spawn `opencode acp` or `goose acp` as child
|
||||||
|
- Pass `context_servers` for MCP auto-forward
|
||||||
|
- Event listener: maps ACP events to BooCode's parts taxonomy
|
||||||
|
|
||||||
|
2. **ACP event mapping**
|
||||||
|
- `file_operation` → queue into `pending_changes` (same as Path A native writes)
|
||||||
|
- `tool_call` / `tool_result` → insert as `message_parts` in the task's session
|
||||||
|
- `terminal_output` → publish as WS frame for BooTerm routing
|
||||||
|
- `permission_request` → pause (same mechanism as `ask_user_input`)
|
||||||
|
- `session_end` → task state → `completed` or `failed`
|
||||||
|
|
||||||
|
3. **Worktree management** (`apps/coder/src/services/worktrees.ts`)
|
||||||
|
- `createWorktree(projectPath, taskId): string` — `git worktree add /tmp/booworktrees/<taskId> -b task-<taskId> HEAD`
|
||||||
|
- `diffWorktree(worktreePath, projectPath): UnifiedDiff[]` — `git diff HEAD...<worktree-branch>`
|
||||||
|
- `cleanupWorktree(worktreePath): void` — `git worktree remove`
|
||||||
|
- On ACP session end: diff the worktree, queue diffs into `pending_changes`, cleanup
|
||||||
|
|
||||||
|
4. **PTY fallback** (`apps/coder/src/services/pty-dispatch.ts`)
|
||||||
|
- For agents without ACP (claude, pi, smallcode)
|
||||||
|
- `spawnPtyAgent(agent: string, task: string, worktree: string): PtySession`
|
||||||
|
- Uses `node-pty` — spawn `claude` or `pi` with cwd = worktree
|
||||||
|
- Capture stdout/stderr into `message_parts` (kind='text', less structured than ACP)
|
||||||
|
- On exit: diff worktree → queue pending_changes → cleanup
|
||||||
|
|
||||||
|
5. **Dispatcher update** — transport selection
|
||||||
|
- Check `available_agents[agent].supports_acp` at dispatch time
|
||||||
|
- ACP-capable → `spawnAcpAgent`
|
||||||
|
- PTY fallback → `spawnPtyAgent`
|
||||||
|
- Native (no agent specified) → Path A inference loop (Phase 4)
|
||||||
|
|
||||||
|
6. **AGENTS.md extensions**
|
||||||
|
- Add `execution_strategy: plan | act | research` field
|
||||||
|
- Add `expert_model` field for cost-routing
|
||||||
|
- Add `output_schema` field (optional JSON Schema for structured final output)
|
||||||
|
|
||||||
|
### Verification
|
||||||
|
- Create task with `agent: 'opencode'` → ACP subprocess spawns
|
||||||
|
- opencode edits files in worktree → events stream into UI
|
||||||
|
- On completion: worktree diff queued in `pending_changes`
|
||||||
|
- Approve → changes applied to main project
|
||||||
|
- Fallback: create task with `agent: 'claude'` → PTY captures output → worktree diff queued
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Phase 6 — MCP Server (v2.0.2)
|
||||||
|
|
||||||
|
**Goal:** BooCoder exposes its own primitives as MCP tools. External opencode sessions in Termius can drive the task queue.
|
||||||
|
|
||||||
|
**Estimated:** ~250 LoC
|
||||||
|
|
||||||
|
### Steps
|
||||||
|
|
||||||
|
1. **MCP server** (`apps/coder/src/services/mcp-server.ts`)
|
||||||
|
- Use `@modelcontextprotocol/sdk` server-side (`Server` class)
|
||||||
|
- Stdio transport (read from stdin, write to stdout)
|
||||||
|
- Entry point: `boocoder --mcp` CLI flag starts the MCP server instead of the HTTP server
|
||||||
|
|
||||||
|
2. **Tool handlers** (6 tools)
|
||||||
|
- `boocoder.create_task` → INSERT into tasks table, return task_id
|
||||||
|
- `boocoder.list_pending_changes` → SELECT from pending_changes WHERE session matches
|
||||||
|
- `boocoder.apply` → call `applyOne(change_id)`
|
||||||
|
- `boocoder.reject` → call `rejectOne(change_id)`
|
||||||
|
- `boocoder.dispatch_external_agent` → create task with agent specified, return task_id
|
||||||
|
- `boocoder.list_worktrees` → list active worktrees from tasks WHERE worktree_path IS NOT NULL AND state='running'
|
||||||
|
|
||||||
|
3. **10-question eval** (per `anthropics/skills/mcp-builder` framework)
|
||||||
|
- Write 10 independent, read-only, verifiable questions about the BooCoder state
|
||||||
|
- Run eval: `echo '{"jsonrpc":"2.0","method":"tools/call","params":{"name":"boocoder.list_pending_changes","arguments":{}},"id":1}' | boocoder --mcp`
|
||||||
|
- All 10 must return correct answers
|
||||||
|
|
||||||
|
4. **opencode integration test**
|
||||||
|
- Add BooCoder as an MCP server in `~/.opencode/config.json`:
|
||||||
|
```json
|
||||||
|
{"mcpServers": {"boocoder": {"type": "stdio", "command": "boocoder", "args": ["--mcp"]}}}
|
||||||
|
```
|
||||||
|
- From opencode: call `boocoder.create_task` → verify task appears in BooCoder UI
|
||||||
|
|
||||||
|
### Verification
|
||||||
|
- `echo '...' | boocoder --mcp` returns valid MCP responses
|
||||||
|
- 10-question eval passes
|
||||||
|
- opencode can drive BooCoder's task queue via MCP
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Phase 7 — CLI + Polish (v2.0.3)
|
||||||
|
|
||||||
|
**Goal:** `boocode` CLI client, human inbox UI, cost tracking, observation hooks.
|
||||||
|
|
||||||
|
**Estimated:** ~400 LoC
|
||||||
|
|
||||||
|
### Steps
|
||||||
|
|
||||||
|
1. **CLI client** (`apps/coder/src/cli.ts`)
|
||||||
|
- Thin HTTP/WS client against BooCoder API
|
||||||
|
- `boocode run "task description"` → POST /api/tasks → stream output via WS
|
||||||
|
- `boocode ls` → GET /api/tasks → formatted table
|
||||||
|
- `boocode attach <id>` → WS subscribe to task's session → stream live
|
||||||
|
- `boocode send <id> "message"` → POST message to task's session chat
|
||||||
|
- Build as a standalone binary via `pkg` or `esbuild --bundle`
|
||||||
|
|
||||||
|
2. **Human inbox UI** (frontend)
|
||||||
|
- New route: `/inbox` → shows tasks WHERE `state IN ('blocked', 'failed')`
|
||||||
|
- Per-task: view output, retry (reset state to pending), cancel, reassign agent
|
||||||
|
- Badge on sidebar showing count of inbox items
|
||||||
|
|
||||||
|
3. **Cost tracking**
|
||||||
|
- `tasks.cost_tokens` populated from inference `usage` callback (same as BooChat's `tokens_used`)
|
||||||
|
- Summary API: `GET /api/stats/costs?group_by=project|agent|day` → aggregated token spend
|
||||||
|
- Simple UI: cost badge on each task, totals in settings
|
||||||
|
|
||||||
|
4. **Observation hooks** (budi taxonomy)
|
||||||
|
- Emit 5 event types on the BooCoder WS protocol for dispatched agents:
|
||||||
|
- `session_start` — agent spawned
|
||||||
|
- `user_prompt_submit` — task spec delivered
|
||||||
|
- `post_tool_use` — each tool call completed
|
||||||
|
- `subagent_start` — nested dispatch (Boomerang)
|
||||||
|
- `stop` — agent finished
|
||||||
|
- Consumed by frontend for real-time status indicators
|
||||||
|
|
||||||
|
5. **Boomerang `new_task` tool** (subagent isolation)
|
||||||
|
- When an agent's toolset includes `new_task`:
|
||||||
|
- Creates a child task (fresh session, fresh context)
|
||||||
|
- Child runs to completion
|
||||||
|
- Parent gets only `attempt_completion` summary
|
||||||
|
- Orchestrator agent profile: tools = `[new_task, list_tasks, check_task_status]` ONLY
|
||||||
|
|
||||||
|
### Verification
|
||||||
|
- `boocode run "add health endpoint"` from terminal → task runs → output streams → diff queued
|
||||||
|
- `boocode ls` shows task list with states + cost
|
||||||
|
- Inbox shows failed tasks, retry works
|
||||||
|
- Boomerang: orchestrator creates subtask → subtask runs isolated → parent gets summary only
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Phase 8 — Hardening + Ship (v2.0.x)
|
||||||
|
|
||||||
|
**Goal:** Security hardening, integration tests, documentation, production deploy.
|
||||||
|
|
||||||
|
**Estimated:** ~100 LoC (mostly tests + docs)
|
||||||
|
|
||||||
|
### Steps
|
||||||
|
|
||||||
|
1. **Path-guard fuzz suite** — property tests for every traversal pattern:
|
||||||
|
- `../` sequences (all depths)
|
||||||
|
- Symlink outside project root
|
||||||
|
- Null bytes in path
|
||||||
|
- Unicode normalization attacks
|
||||||
|
- Race conditions (TOCTOU between validate + write)
|
||||||
|
- MCP-served filesystem writes routed through pending_changes
|
||||||
|
|
||||||
|
2. **Integration tests**
|
||||||
|
- End-to-end: create task → inference → edit_file → apply → file written → verify content
|
||||||
|
- ACP dispatch: mock opencode → events flow → pending_changes queued
|
||||||
|
- MCP server: 10-question eval automated in CI
|
||||||
|
|
||||||
|
3. **Documentation**
|
||||||
|
- `BOOCODER.md` finalized (container guidance)
|
||||||
|
- `CLAUDE.md` updated with BooCoder architecture section
|
||||||
|
- `boocode_roadmap.md` v2.0 retrospective
|
||||||
|
- `CHANGELOG.md` entries for each sub-version
|
||||||
|
|
||||||
|
4. **Production deploy**
|
||||||
|
- Caddy config: `coder.indifferentketchup.com`
|
||||||
|
- Authelia: same SSO group as BooChat
|
||||||
|
- Smoke: full workflow (chat → edit → approve → verify)
|
||||||
|
|
||||||
|
5. **Tag** — `v2.0.0` (or `v2.0.0-rc1` if Sam wants a bake period)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Execution order summary
|
||||||
|
|
||||||
|
```
|
||||||
|
Phase 1 (foundation) → v2.0.0-alpha ~200 LoC container boots
|
||||||
|
Phase 2 (write tools) → v2.0.0-beta ~400 LoC inference + pending_changes
|
||||||
|
Phase 3 (frontend) → v2.0.0 ~200 LoC chat + diff panes
|
||||||
|
Phase 4 (dispatcher) → v2.0.0-final ~150 LoC task queue + native dispatch
|
||||||
|
Phase 5 (ACP dispatch) → v2.0.1 ~350 LoC external agents + worktrees
|
||||||
|
Phase 6 (MCP server) → v2.0.2 ~250 LoC boocoder.* tools + eval
|
||||||
|
Phase 7 (CLI + polish) → v2.0.3 ~400 LoC CLI + inbox + hooks + Boomerang
|
||||||
|
Phase 8 (hardening) → v2.0.x ~100 LoC fuzz + integration tests + docs
|
||||||
|
--------
|
||||||
|
~2050 LoC total
|
||||||
|
```
|
||||||
|
|
||||||
|
Each phase is independently dispatchable. Phases 1-4 are sequential (each needs the prior). Phases 5-7 are parallelizable after Phase 4 ships (they're independent protocol surfaces). Phase 8 gates the production tag.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Risk register
|
||||||
|
|
||||||
|
| Risk | Mitigation |
|
||||||
|
|---|---|
|
||||||
|
| Path-guard bypass → arbitrary writes | Pending-changes double-validates (at queue time + apply time). Fuzz suite in Phase 8. OpenHands sandbox (v2.1) as fallback. |
|
||||||
|
| ACP spec instability (remote transport WIP) | Use stdio only. No remote ACP in v2.0. |
|
||||||
|
| node-pty native compilation breaks in Docker | bookworm-slim + glibc matches booterm's working config. Pin node-pty version. |
|
||||||
|
| Worktree cleanup failure → disk bloat | 30-min idle timeout sweeper. `git worktree prune` on startup. |
|
||||||
|
| DB rename breaks existing sessions | One-time migration with explicit backup. BooChat/BooTerm URLs unchanged. |
|
||||||
|
| MCP server eval failure | Ship stdio MCP server only after 10/10 eval passes. |
|
||||||
|
| Boomerang context leak (child leaks state to parent) | Architectural enforcement: child's session_id ≠ parent's. Summary field is the ONLY bridge. |
|
||||||
@@ -262,13 +262,85 @@ All dependencies shipped. v2.0 is unblocked.
|
|||||||
- No OAuth in v2.0. MCP server is stdio-only until secret storage lands.
|
- No OAuth in v2.0. MCP server is stdio-only until secret storage lands.
|
||||||
- DB rename `boocode_db` → `boochat_db` lands with v2.0.0 (one-time migration).
|
- DB rename `boocode_db` → `boochat_db` lands with v2.0.0 (one-time migration).
|
||||||
|
|
||||||
|
## AGENTS.md extensions (v2.0.0)
|
||||||
|
|
||||||
|
Port from `qodo-ai/agents` (MIT) `agent.toml` schema and `ai-christianson/RA.Aid` (Apache-2.0) three-stage pattern:
|
||||||
|
|
||||||
|
| Field | Type | Purpose | Source |
|
||||||
|
|---|---|---|---|
|
||||||
|
| `steps` | number | Per-agent step cap (already shipped v1.14.0) | opencode |
|
||||||
|
| `output_schema` | JSON Schema | Structured output constraint for the agent's final response | qodo-ai/agents |
|
||||||
|
| `exit_expression` | string | Regex/predicate — when the agent considers itself done | qodo-ai/agents |
|
||||||
|
| `execution_strategy` | `plan` \| `act` \| `research` | Which phase of the RA.Aid three-stage pattern this agent operates in | qodo-ai/agents + RA.Aid |
|
||||||
|
| `model` | string | Per-agent model override (already shipped v1.8) | — |
|
||||||
|
| `expert_model` | string | Escalation model for hard reasoning (RA.Aid "expert tool" escape hatch) | RA.Aid |
|
||||||
|
|
||||||
|
The three-stage pattern maps to BooCoder's use case:
|
||||||
|
- **Research agent** (cheap model) → understand the task, find relevant files
|
||||||
|
- **Planning agent** (standard model) → decide which files to edit, what the changes look like
|
||||||
|
- **Implementation agent** (full model) → produce the actual diffs
|
||||||
|
|
||||||
|
`expert_model` is the escape hatch: a routine model handles most subtasks, but can call the expert model (e.g. qwopus27b) when stuck. Matches Sam's existing cost-routing discipline.
|
||||||
|
|
||||||
|
## Subagent isolation (Boomerang pattern, v2.0.1)
|
||||||
|
|
||||||
|
From Roo Code Boomerang Tasks (Apache-2.0 pattern):
|
||||||
|
|
||||||
|
When an orchestrator agent calls a `new_task` tool, BooCoder:
|
||||||
|
1. Creates a fresh `tasks` row with `parent_task_id` pointing to the orchestrator's task
|
||||||
|
2. Spawns a fresh inference session (Path A) or dispatch (Path B) with ONLY the task spec as context — no inherited conversation
|
||||||
|
3. Child runs to `attempt_completion`, writes a summary to `tasks.output_summary`
|
||||||
|
4. Parent resumes reading ONLY the summary (not the child's full conversation)
|
||||||
|
|
||||||
|
**Three principles:**
|
||||||
|
- Orchestrator capability restriction: the orchestrator agent's tool list includes ONLY `new_task`, `list_tasks`, `check_task_status` — it cannot read files or call MCP tools directly
|
||||||
|
- Down-pass: parent sends task spec via `new_task(input)`, nothing else inherited
|
||||||
|
- Up-pass: child sends result via `attempt_completion(summary)`, nothing else surfaces to parent
|
||||||
|
|
||||||
|
This is the **single most important context-management primitive** — it prevents long-running orchestrators from poisoning their context with implementation detail.
|
||||||
|
|
||||||
|
## Observation hooks (v2.0.3)
|
||||||
|
|
||||||
|
From `siropkin/budi` (MIT) Claude Code 5-hook taxonomy:
|
||||||
|
|
||||||
|
Register BooCoder as a hook receiver for dispatched agents. Five events:
|
||||||
|
- `SessionStart` — agent spawned
|
||||||
|
- `UserPromptSubmit` — task spec delivered
|
||||||
|
- `PostToolUse` — each tool call completed
|
||||||
|
- `SubagentStart` — nested dispatch
|
||||||
|
- `Stop` — agent finished
|
||||||
|
|
||||||
|
These map directly to BooCode's existing WS frame protocol. The hook receiver is the BooCoder Fastify server; events flow into the `message_parts` taxonomy as `step_start`-style instrumentation parts.
|
||||||
|
|
||||||
|
## Follow-up batches (v2.0+ optional, ordered by value)
|
||||||
|
|
||||||
|
| Batch | Source | What | When |
|
||||||
|
|---|---|---|---|
|
||||||
|
| **PR-resolver tool** | `qodo-ai/qodo-skills` (MIT) | Fetch GitHub issues → batch/interactive fix → inline PR reply. BooCoder tool that replaces Sam's manual PR workflow. | v2.0.3+ |
|
||||||
|
| **HMAC audit log** | `sipyourdrink-ltd/bernstein` (verify license) | One new `audit_log` table with `prev_hmac` field. Tamper-evident history of every edit BooCoder makes. Small lift (~50 LoC). | v2.0.1+ |
|
||||||
|
| **Blind-validation gate** | `covibes/zeroshot` (MIT) | Verify gate runs in a separate agent context that sees ONLY the diff + acceptance criteria, not the producing conversation. Complements Boomerang (isolation) + bernstein (lineage). | v2.0.2+ |
|
||||||
|
| **Majority-vote ensembler** | `augmentcode/augment-swebench-agent` (MIT) | K candidate diffs from K agents → ranker model picks the best one. Optional layer above `pending_changes`. | v2.1+ |
|
||||||
|
| **Drift detection** | `memovai/memov` (MIT) | `validate_commit` concept — detects when actual changes diverge from what was requested. Shadow timeline comparison. | v2.0.3+ |
|
||||||
|
| **Anti-slop for frontend** | `Leonxlnx/taste-skill` (MIT) | 100+ specific font/color/layout ban list + 3-dial parameterization. Vendor into skills/ when BooCoder generates frontend code. | v2.0+ |
|
||||||
|
| **Verify-before-commit gate** | `DeepSourceCorp/globstar` (MIT) | Rule-based AST linter as a pre-apply quality gate. YAML checkers in `.globstar/`. | v2.1+ (parked) |
|
||||||
|
| **Docker sandbox** | `OpenHands/OpenHands` (MIT) | Per-session Docker container for write tools. Closes the `/opt:rw` mount risk if path-guard ever proves insufficient. | v2.1 (optional) |
|
||||||
|
| **Multi-provider LLM** | `earendil-works/pi` (MIT) | Provider abstraction if a need for Anthropic/OpenAI/Mistral direct surfaces beyond llama-swap. | v2.x (optional) |
|
||||||
|
|
||||||
## Repos to clone before starting
|
## Repos to clone before starting
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
cd /opt/forks
|
cd /opt/forks
|
||||||
git clone https://github.com/Dominic789654/agent-hub.git # Apache-2.0, task DAG reference
|
git clone https://github.com/Dominic789654/agent-hub.git # Apache-2.0, task DAG + dispatcher
|
||||||
git clone https://github.com/plandex-ai/plandex.git # MIT, pending-changes UX
|
git clone https://github.com/plandex-ai/plandex.git # MIT, pending-changes UX
|
||||||
git clone https://github.com/anomalyco/opencode.git # MIT, permission evaluate.ts + MCP client reference
|
git clone https://github.com/anomalyco/opencode.git # MIT, permission evaluate.ts reference
|
||||||
|
git clone https://github.com/qodo-ai/agents.git # MIT, agent.toml schema (output_schema, exit_expression, execution_strategy)
|
||||||
```
|
```
|
||||||
|
|
||||||
ACP SDK is an npm package (`@zed-industries/agent-client-protocol`), installed at implementation time. Paseo is design-only (AGPL, no code lift).
|
Also read (no clone needed):
|
||||||
|
- `ai-christianson/RA.Aid` README — three-stage pattern + expert-tool escape hatch
|
||||||
|
- `getpaseo/paseo` README + `skills/` directory — daemon architecture + CLI verbs (AGPL, design-only)
|
||||||
|
- `agentclientprotocol.com` spec — ACP stdio protocol
|
||||||
|
- `goose-docs.ai/docs/guides/acp-clients/` — `context_servers` auto-forward pattern
|
||||||
|
- `siropkin/budi` README — 5-hook Claude Code taxonomy for observation
|
||||||
|
|
||||||
|
ACP SDK and MCP SDK are npm packages installed at implementation time.
|
||||||
|
|||||||
89
pnpm-lock.yaml
generated
89
pnpm-lock.yaml
generated
@@ -46,6 +46,86 @@ importers:
|
|||||||
specifier: ^5.5.0
|
specifier: ^5.5.0
|
||||||
version: 5.9.3
|
version: 5.9.3
|
||||||
|
|
||||||
|
apps/coder:
|
||||||
|
dependencies:
|
||||||
|
'@agentclientprotocol/sdk':
|
||||||
|
specifier: ^0.22.1
|
||||||
|
version: 0.22.1(zod@3.25.76)
|
||||||
|
'@boocode/server':
|
||||||
|
specifier: workspace:*
|
||||||
|
version: link:../server
|
||||||
|
'@fastify/static':
|
||||||
|
specifier: ^7.0.4
|
||||||
|
version: 7.0.4
|
||||||
|
'@fastify/websocket':
|
||||||
|
specifier: ^10.0.1
|
||||||
|
version: 10.0.1
|
||||||
|
fastify:
|
||||||
|
specifier: ^4.28.1
|
||||||
|
version: 4.29.1
|
||||||
|
postgres:
|
||||||
|
specifier: ^3.4.4
|
||||||
|
version: 3.4.9
|
||||||
|
zod:
|
||||||
|
specifier: ^3.23.8
|
||||||
|
version: 3.25.76
|
||||||
|
devDependencies:
|
||||||
|
'@types/node':
|
||||||
|
specifier: ^20.14.10
|
||||||
|
version: 20.19.41
|
||||||
|
tsx:
|
||||||
|
specifier: ^4.16.2
|
||||||
|
version: 4.22.0
|
||||||
|
typescript:
|
||||||
|
specifier: ^5.5.0
|
||||||
|
version: 5.9.3
|
||||||
|
vitest:
|
||||||
|
specifier: ^3.0.0
|
||||||
|
version: 3.2.4(@types/debug@4.1.13)(@types/node@20.19.41)(lightningcss@1.32.0)(msw@2.14.6(@types/node@20.19.41)(typescript@5.9.3))
|
||||||
|
|
||||||
|
apps/coder/web:
|
||||||
|
dependencies:
|
||||||
|
lucide-react:
|
||||||
|
specifier: ^1.16.0
|
||||||
|
version: 1.16.0(react@18.3.1)
|
||||||
|
react:
|
||||||
|
specifier: ^18.3.1
|
||||||
|
version: 18.3.1
|
||||||
|
react-dom:
|
||||||
|
specifier: ^18.3.1
|
||||||
|
version: 18.3.1(react@18.3.1)
|
||||||
|
react-markdown:
|
||||||
|
specifier: ^10.1.0
|
||||||
|
version: 10.1.0(@types/react@18.3.28)(react@18.3.1)
|
||||||
|
react-router-dom:
|
||||||
|
specifier: ^6.26.0
|
||||||
|
version: 6.30.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
|
||||||
|
remark-gfm:
|
||||||
|
specifier: ^4.0.1
|
||||||
|
version: 4.0.1
|
||||||
|
devDependencies:
|
||||||
|
'@tailwindcss/postcss':
|
||||||
|
specifier: ^4.3.0
|
||||||
|
version: 4.3.0
|
||||||
|
'@types/react':
|
||||||
|
specifier: ^18.3.3
|
||||||
|
version: 18.3.28
|
||||||
|
'@types/react-dom':
|
||||||
|
specifier: ^18.3.0
|
||||||
|
version: 18.3.7(@types/react@18.3.28)
|
||||||
|
'@vitejs/plugin-react':
|
||||||
|
specifier: ^4.3.1
|
||||||
|
version: 4.7.0(vite@5.4.21(@types/node@20.19.41)(lightningcss@1.32.0))
|
||||||
|
tailwindcss:
|
||||||
|
specifier: ^4.3.0
|
||||||
|
version: 4.3.0
|
||||||
|
typescript:
|
||||||
|
specifier: ^5.5.0
|
||||||
|
version: 5.9.3
|
||||||
|
vite:
|
||||||
|
specifier: ^5.3.4
|
||||||
|
version: 5.4.21(@types/node@20.19.41)(lightningcss@1.32.0)
|
||||||
|
|
||||||
apps/server:
|
apps/server:
|
||||||
dependencies:
|
dependencies:
|
||||||
'@ai-sdk/openai-compatible':
|
'@ai-sdk/openai-compatible':
|
||||||
@@ -191,6 +271,11 @@ importers:
|
|||||||
|
|
||||||
packages:
|
packages:
|
||||||
|
|
||||||
|
'@agentclientprotocol/sdk@0.22.1':
|
||||||
|
resolution: {integrity: sha512-DfqXtl/8gO9NImq094MTaCXEU2vkhh6v7q/kT+9UjZxUqj8hYaya2OjLVIqn16MzNHcXEpShTR2RIauLSYeDQQ==}
|
||||||
|
peerDependencies:
|
||||||
|
zod: ^3.25.0 || ^4.0.0
|
||||||
|
|
||||||
'@ai-sdk/gateway@3.0.119':
|
'@ai-sdk/gateway@3.0.119':
|
||||||
resolution: {integrity: sha512-VAhfRWC+JexZakkVfmjaJKaTj00x7/UHdE8kMWL3NhuQAlf8oXtg9r4dfvFZrByXxchGRBvYE3biEUyibkg0xg==}
|
resolution: {integrity: sha512-VAhfRWC+JexZakkVfmjaJKaTj00x7/UHdE8kMWL3NhuQAlf8oXtg9r4dfvFZrByXxchGRBvYE3biEUyibkg0xg==}
|
||||||
engines: {node: '>=18'}
|
engines: {node: '>=18'}
|
||||||
@@ -4020,6 +4105,10 @@ packages:
|
|||||||
|
|
||||||
snapshots:
|
snapshots:
|
||||||
|
|
||||||
|
'@agentclientprotocol/sdk@0.22.1(zod@3.25.76)':
|
||||||
|
dependencies:
|
||||||
|
zod: 3.25.76
|
||||||
|
|
||||||
'@ai-sdk/gateway@3.0.119(zod@3.25.76)':
|
'@ai-sdk/gateway@3.0.119(zod@3.25.76)':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@ai-sdk/provider': 3.0.10
|
'@ai-sdk/provider': 3.0.10
|
||||||
|
|||||||
@@ -1,2 +1,3 @@
|
|||||||
packages:
|
packages:
|
||||||
- "apps/*"
|
- "apps/*"
|
||||||
|
- "apps/coder/web"
|
||||||
|
|||||||
Reference in New Issue
Block a user