octomux 1.0.0

package/README.md

@@ -0,0 +1,60 @@
+# octomux
+
+Orchestrate autonomous Claude Code agents from a web dashboard.
+Create tasks, watch agents work in live terminals, get PRs.
+
+## Prerequisites
+
+- **macOS** (ARM64 or x64)
+- **Node.js 20+** — [nodejs.org](https://nodejs.org)
+- **Xcode Command Line Tools** — `xcode-select --install`
+- **tmux** — `brew install tmux`
+- **git** — `brew install git`
+- **Claude Code CLI** — `npm install -g @anthropic-ai/claude-code`
+
+## Install
+
+```bash
+npm install -g octomux
+```
+
+## Quick Start
+
+```bash
+cd your-project
+octomux init          # scaffold .claude/ settings
+octomux start         # open dashboard at http://localhost:7777
+```
+
+## CLI Commands
+
+| Command                                           | Description                                  |
+| ------------------------------------------------- | -------------------------------------------- |
+| `octomux start`                                   | Launch the web dashboard                     |
+| `octomux init`                                    | Scaffold `.claude/` settings in current repo |
+| `octomux create-task`                             | Create a new task                            |
+| `octomux list-tasks`                              | List all tasks                               |
+| `octomux get-task <id>`                           | Get task details                             |
+| `octomux close-task <id>`                         | Stop agents, preserve worktree               |
+| `octomux delete-task <id>`                        | Full cleanup (worktree, branch, DB)          |
+| `octomux resume-task <id>`                        | Resume a closed task                         |
+| `octomux add-agent <task-id>`                     | Add an agent to a task                       |
+| `octomux send-message <task-id> <agent-id> "msg"` | Send a message to an agent                   |
+
+## Configuration
+
+| Option                | Description                      | Default                 |
+| --------------------- | -------------------------------- | ----------------------- |
+| `--port <port>`       | Port for the dashboard           | `7777`                  |
+| `--no-open`           | Don't auto-open browser on start | —                       |
+| `PORT` env var        | Alternative to `--port`          | `7777`                  |
+| `OCTOMUX_URL` env var | Server URL for CLI commands      | `http://localhost:7777` |
+
+## How It Works
+
+Each task gets a **git worktree** for isolation, a **tmux session** for process management, and one or more **Claude Code agents** running in tmux windows. Watch it all from the web dashboard with live terminal streaming.
+
+## Links
+
+- [octomux.dev](https://octomux.dev) (coming soon)
+- [npm](https://www.npmjs.com/package/octomux)

package/bin/octomux.js

@@ -0,0 +1,139 @@
+#!/usr/bin/env node
+
+import { execFileSync, exec as execCb } from 'child_process';
+import { readFileSync, existsSync, mkdirSync, writeFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+import path from 'path';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+// Read version from package.json at runtime
+const pkg = JSON.parse(readFileSync(path.join(__dirname, '..', 'package.json'), 'utf8'));
+const version = pkg.version;
+
+// ─── Argument parsing ────────────────────────────────────────────────────────
+
+const args = process.argv.slice(2);
+const command = args[0];
+
+if (command === 'start') {
+  await runStart(args.slice(1));
+} else if (command === 'init') {
+  runInit();
+} else {
+  // Delegate to CLI (commander-based) for all other commands
+  await import('../cli/dist/index.js');
+}
+
+// ─── start command ───────────────────────────────────────────────────────────
+
+async function runStart(startArgs) {
+  // Parse --port and --no-open flags
+  let port = process.env.PORT || 7777;
+  let autoOpen = true;
+
+  for (let i = 0; i < startArgs.length; i++) {
+    if (startArgs[i] === '--port' && startArgs[i + 1]) {
+      port = parseInt(startArgs[i + 1], 10);
+      i++;
+    } else if (startArgs[i] === '--no-open') {
+      autoOpen = false;
+    }
+  }
+
+  // Welcome banner
+  console.log(`\n\uD83D\uDC19 octomux v${version}\n`);
+
+  // Preflight checks
+  const required = [
+    {
+      cmd: 'tmux',
+      args: ['-V'],
+      name: 'tmux',
+      hint: 'Install with: brew install tmux',
+    },
+    {
+      cmd: 'git',
+      args: ['--version'],
+      name: 'git',
+      hint: 'Install with: brew install git',
+    },
+    {
+      cmd: 'claude',
+      args: ['--version'],
+      name: 'Claude Code CLI',
+      hint: 'See: https://docs.anthropic.com/en/docs/claude-code',
+    },
+  ];
+
+  const missing = [];
+  for (const { cmd, args: checkArgs, name, hint } of required) {
+    try {
+      execFileSync(cmd, checkArgs, { stdio: 'ignore' });
+    } catch {
+      missing.push({ name, hint });
+    }
+  }
+
+  if (missing.length > 0) {
+    console.error('Missing required dependencies:\n');
+    for (const { name, hint } of missing) {
+      console.error(`  - ${name}`);
+      console.error(`    ${hint}\n`);
+    }
+    process.exit(1);
+  }
+
+  // Start server
+  process.env.NODE_ENV = 'production';
+  process.env.PORT = String(port);
+
+  const { server } = await import('../dist-server/index.js');
+
+  // The server is already listening (listen called in index.js).
+  // Attach handler for auto-open and status message.
+  const url = `http://localhost:${port}`;
+
+  if (server.listening) {
+    onReady();
+  } else {
+    server.on('listening', onReady);
+  }
+
+  function onReady() {
+    console.log(`Dashboard running at ${url} \u2014 press Ctrl+C to stop\n`);
+    if (autoOpen && process.platform === 'darwin') {
+      execCb(`open ${url}`);
+    }
+  }
+}
+
+// ─── init command ────────────────────────────────────────────────────────────
+
+function runInit() {
+  // Verify git repo
+  if (!existsSync('.git')) {
+    console.error('Error: Current directory is not a git repository.');
+    console.error('Run this command from the root of a git repo.');
+    process.exit(1);
+  }
+
+  const settingsPath = path.join('.claude', 'settings.local.json');
+
+  if (existsSync(settingsPath)) {
+    console.log(`${settingsPath} already exists. No changes made.`);
+    return;
+  }
+
+  const settings = {
+    permissions: {
+      allow: ['Bash(git *)', 'Bash(npm *)', 'Bash(bun *)', 'Read', 'Write', 'Edit'],
+    },
+  };
+
+  mkdirSync('.claude', { recursive: true });
+  writeFileSync(settingsPath, JSON.stringify(settings, null, 2) + '\n');
+
+  console.log(`Created ${settingsPath} with recommended agent permissions.`);
+  console.log(`Add to .gitignore: .claude/settings.local.json`);
+}

package/cli/dist/client.js

@@ -0,0 +1,56 @@
+async function request(baseUrl, path, options) {
+    let res;
+    try {
+        res = await fetch(`${baseUrl}${path}`, {
+            headers: { 'Content-Type': 'application/json' },
+            ...options,
+        });
+    }
+    catch (err) {
+        if (err.cause &&
+            err.cause.code === 'ECONNREFUSED') {
+            throw new Error(`Cannot connect to octomux server at ${baseUrl.replace('/api', '')}\nStart it with: octomux start`);
+        }
+        throw err;
+    }
+    if (!res.ok) {
+        const body = await res.json().catch(() => ({ error: res.statusText }));
+        throw new Error(body.error || res.statusText);
+    }
+    if (res.status === 204)
+        return undefined;
+    return res.json();
+}
+export function createClient(serverUrl) {
+    const baseUrl = serverUrl.replace(/\/$/, '') + '/api';
+    return {
+        createTask(data) {
+            return request(baseUrl, '/tasks', { method: 'POST', body: JSON.stringify(data) });
+        },
+        listTasks(params) {
+            const query = params?.repo_path ? `?repo_path=${encodeURIComponent(params.repo_path)}` : '';
+            return request(baseUrl, `/tasks${query}`);
+        },
+        getTask(id) {
+            return request(baseUrl, `/tasks/${encodeURIComponent(id)}`);
+        },
+        updateTask(id, data) {
+            return request(baseUrl, `/tasks/${encodeURIComponent(id)}`, {
+                method: 'PATCH',
+                body: JSON.stringify(data),
+            });
+        },
+        deleteTask(id) {
+            return request(baseUrl, `/tasks/${encodeURIComponent(id)}`, { method: 'DELETE' });
+        },
+        addAgent(taskId, data) {
+            return request(baseUrl, `/tasks/${encodeURIComponent(taskId)}/agents`, {
+                method: 'POST',
+                body: JSON.stringify(data || {}),
+            });
+        },
+        sendMessage(taskId, agentId, message) {
+            return request(baseUrl, `/tasks/${encodeURIComponent(taskId)}/agents/${encodeURIComponent(agentId)}/message`, { method: 'POST', body: JSON.stringify({ message }) });
+        },
+    };
+}

package/cli/dist/commands/add-agent.js

@@ -0,0 +1,20 @@
+import { isJsonMode, outputJson, success, label } from '../format.js';
+export function registerAddAgent(program) {
+    program
+        .command('add-agent <task-id>')
+        .description('Add a new agent to a running task')
+        .option('-p, --prompt <prompt>', 'initial prompt for the agent')
+        .action(async (taskId, opts, cmd) => {
+        const globals = cmd.optsWithGlobals();
+        const client = globals._client;
+        const agent = await client.addAgent(taskId, opts.prompt ? { prompt: opts.prompt } : undefined);
+        if (isJsonMode(globals.json)) {
+            outputJson(agent);
+            return;
+        }
+        success(`Added agent to task ${taskId}`);
+        console.log(label('Agent ID', agent.id));
+        console.log(label('Label', agent.label));
+        console.log(label('Window', String(agent.window_index)));
+    });
+}

package/cli/dist/commands/cancel-task.js

@@ -0,0 +1,10 @@
+import { updateTask } from '../client.js';
+export async function cancelTaskCommand(args) {
+    const id = args[0];
+    if (!id) {
+        console.error('Usage: octomux cancel-task <id>');
+        process.exit(1);
+    }
+    const task = await updateTask(id, { status: 'cancelled' });
+    console.log(`Task ${task.id} cancelled.`);
+}

package/cli/dist/commands/close-task.js

@@ -0,0 +1,16 @@
+import { isJsonMode, outputJson, success } from '../format.js';
+export function registerCloseTask(program) {
+    program
+        .command('close-task <id>')
+        .description('Close a running task')
+        .action(async (id, _opts, cmd) => {
+        const globals = cmd.optsWithGlobals();
+        const client = globals._client;
+        const task = await client.updateTask(id, { status: 'closed' });
+        if (isJsonMode(globals.json)) {
+            outputJson(task);
+            return;
+        }
+        success(`Closed task ${task.id} (${task.title})`);
+    });
+}

package/cli/dist/commands/create-task.js

@@ -0,0 +1,35 @@
+import { isJsonMode, outputJson, label, success, colorStatus } from '../format.js';
+export function registerCreateTask(program) {
+    program
+        .command('create-task')
+        .description('Create a new agent task')
+        .requiredOption('-t, --title <title>', 'task title')
+        .requiredOption('-d, --description <desc>', 'task description')
+        .requiredOption('-r, --repo-path <path>', 'repository path')
+        .option('-p, --initial-prompt <prompt>', 'initial prompt for the agent')
+        .option('-b, --branch <name>', 'branch name')
+        .option('--base-branch <name>', 'base branch name')
+        .option('--draft', 'create as draft without starting')
+        .action(async (opts, cmd) => {
+        const globals = cmd.optsWithGlobals();
+        const client = globals._client;
+        const task = await client.createTask({
+            title: opts.title,
+            description: opts.description,
+            repo_path: opts.repoPath,
+            initial_prompt: opts.initialPrompt,
+            branch: opts.branch,
+            base_branch: opts.baseBranch,
+            draft: opts.draft,
+        });
+        if (isJsonMode(globals.json)) {
+            outputJson(task);
+            return;
+        }
+        success(`Created task ${task.id}`);
+        console.log(label('Title', task.title));
+        console.log(label('Status', colorStatus(task.status)));
+        console.log(label('Branch', task.branch));
+        console.log(label('Repo', task.repo_path));
+    });
+}

package/cli/dist/commands/delete-task.js

@@ -0,0 +1,16 @@
+import { isJsonMode, success } from '../format.js';
+export function registerDeleteTask(program) {
+    program
+        .command('delete-task <id>')
+        .description('Delete a task (removes worktree, branch, and tmux session)')
+        .action(async (id, _opts, cmd) => {
+        const globals = cmd.optsWithGlobals();
+        const client = globals._client;
+        await client.deleteTask(id);
+        if (isJsonMode(globals.json)) {
+            console.log(JSON.stringify({ deleted: id }));
+            return;
+        }
+        success(`Deleted task ${id}`);
+    });
+}

package/cli/dist/commands/get-task.js

@@ -0,0 +1,37 @@
+import chalk from 'chalk';
+import { isJsonMode, outputJson, label, heading, colorStatus, colorAgentStatus, } from '../format.js';
+export function registerGetTask(program) {
+    program
+        .command('get-task <id>')
+        .alias('info')
+        .description('Get task details')
+        .action(async (id, _opts, cmd) => {
+        const globals = cmd.optsWithGlobals();
+        const client = globals._client;
+        const task = await client.getTask(id);
+        if (isJsonMode(globals.json)) {
+            outputJson(task);
+            return;
+        }
+        heading(`Task ${task.id}`);
+        console.log(label('Title', task.title));
+        console.log(label('Status', colorStatus(task.status)));
+        console.log(label('Repo', task.repo_path));
+        console.log(label('Branch', task.branch));
+        if (task.base_branch)
+            console.log(label('Base Branch', task.base_branch));
+        if (task.pr_url)
+            console.log(label('PR', task.pr_url));
+        if (task.error)
+            console.log(label('Error', chalk.red(task.error)));
+        console.log(label('Created', task.created_at));
+        console.log(label('Updated', task.updated_at));
+        if (task.agents && task.agents.length > 0) {
+            console.log('');
+            heading('Agents');
+            for (const agent of task.agents) {
+                console.log(`  ${agent.label.padEnd(20)} ${colorAgentStatus(agent.status).padEnd(18 + 10)} window:${agent.window_index}`);
+            }
+        }
+    });
+}

package/cli/dist/commands/list-tasks.js

@@ -0,0 +1,31 @@
+import chalk from 'chalk';
+import { isJsonMode, outputJson, colorStatus, heading } from '../format.js';
+export function registerListTasks(program) {
+    program
+        .command('list-tasks')
+        .alias('ls')
+        .description('List all tasks')
+        .option('--status <status>', 'filter by status (draft, setting_up, running, closed, error)')
+        .option('--repo-path <path>', 'filter by repository path')
+        .action(async (opts, cmd) => {
+        const globals = cmd.optsWithGlobals();
+        const client = globals._client;
+        let tasks = await client.listTasks(opts.repoPath ? { repo_path: opts.repoPath } : undefined);
+        if (opts.status) {
+            tasks = tasks.filter((t) => t.status === opts.status);
+        }
+        if (isJsonMode(globals.json)) {
+            outputJson(tasks);
+            return;
+        }
+        if (tasks.length === 0) {
+            console.log('No tasks found.');
+            return;
+        }
+        heading(`${'ID'.padEnd(14)}${'STATUS'.padEnd(14)}TITLE`);
+        console.log(chalk.dim('─'.repeat(60)));
+        for (const t of tasks) {
+            console.log(`${t.id.padEnd(14)}${colorStatus(t.status).padEnd(14 + 10)}${t.title}`);
+        }
+    });
+}

package/cli/dist/commands/resume-task.js

@@ -0,0 +1,18 @@
+import { isJsonMode, outputJson, success, colorStatus, label } from '../format.js';
+export function registerResumeTask(program) {
+    program
+        .command('resume-task <id>')
+        .description('Resume a closed or errored task')
+        .action(async (id, _opts, cmd) => {
+        const globals = cmd.optsWithGlobals();
+        const client = globals._client;
+        const task = await client.updateTask(id, { status: 'running' });
+        if (isJsonMode(globals.json)) {
+            outputJson(task);
+            return;
+        }
+        success(`Resumed task ${task.id}`);
+        console.log(label('Title', task.title));
+        console.log(label('Status', colorStatus(task.status)));
+    });
+}

package/cli/dist/commands/send-message.js

@@ -0,0 +1,18 @@
+import { isJsonMode, outputJson, success } from '../format.js';
+export function registerSendMessage(program) {
+    program
+        .command('send-message <message>')
+        .description('Send a message to an agent via tmux send-keys')
+        .requiredOption('-t, --task <task-id>', 'task ID')
+        .requiredOption('-a, --agent <agent-id>', 'agent ID')
+        .action(async (message, opts, cmd) => {
+        const globals = cmd.optsWithGlobals();
+        const client = globals._client;
+        const result = await client.sendMessage(opts.task, opts.agent, message);
+        if (isJsonMode(globals.json)) {
+            outputJson(result);
+            return;
+        }
+        success(`Message sent to agent ${opts.agent} on task ${opts.task}`);
+    });
+}

package/cli/dist/format.js

@@ -0,0 +1,40 @@
+import chalk from 'chalk';
+const STATUS_COLORS = {
+    draft: chalk.cyan,
+    setting_up: chalk.yellow,
+    running: chalk.green,
+    closed: chalk.dim,
+    error: chalk.red,
+};
+const AGENT_STATUS_COLORS = {
+    running: chalk.green,
+    idle: chalk.dim,
+    waiting: chalk.yellow,
+    stopped: chalk.red,
+};
+export function colorStatus(status) {
+    const colorFn = STATUS_COLORS[status] || chalk.white;
+    return colorFn(status);
+}
+export function colorAgentStatus(status) {
+    const colorFn = AGENT_STATUS_COLORS[status] || chalk.white;
+    return colorFn(status);
+}
+export function isJsonMode(json) {
+    return json === true || !process.stdout.isTTY;
+}
+export function outputJson(data) {
+    console.log(JSON.stringify(data, null, 2));
+}
+export function label(name, value) {
+    return `${chalk.bold(name + ':')} ${value ?? chalk.dim('—')}`;
+}
+export function heading(text) {
+    console.log(chalk.bold(text));
+}
+export function success(text) {
+    console.log(chalk.green('✓') + ' ' + text);
+}
+export function errorMessage(text) {
+    console.error(chalk.red('Error:') + ' ' + text);
+}

package/cli/dist/index.js

@@ -0,0 +1,36 @@
+#!/usr/bin/env node
+import { Command } from 'commander';
+import { createClient } from './client.js';
+import { errorMessage } from './format.js';
+import { registerCreateTask } from './commands/create-task.js';
+import { registerListTasks } from './commands/list-tasks.js';
+import { registerGetTask } from './commands/get-task.js';
+import { registerCloseTask } from './commands/close-task.js';
+import { registerDeleteTask } from './commands/delete-task.js';
+import { registerResumeTask } from './commands/resume-task.js';
+import { registerAddAgent } from './commands/add-agent.js';
+import { registerSendMessage } from './commands/send-message.js';
+const program = new Command();
+program
+    .name('octomux')
+    .description('CLI for managing octomux agent tasks')
+    .version('0.1.0')
+    .option('-s, --server-url <url>', 'server URL', process.env.OCTOMUX_URL || 'http://localhost:7777')
+    .option('--json', 'output as JSON (auto-enabled when piped)');
+registerCreateTask(program);
+registerListTasks(program);
+registerGetTask(program);
+registerCloseTask(program);
+registerDeleteTask(program);
+registerResumeTask(program);
+registerAddAgent(program);
+registerSendMessage(program);
+program.hook('preAction', (thisCommand) => {
+    const opts = thisCommand.optsWithGlobals();
+    const client = createClient(opts.serverUrl);
+    thisCommand.setOptionValue('_client', client);
+});
+program.parseAsync().catch((err) => {
+    errorMessage(err.message);
+    process.exit(1);
+});

package/cli/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "octomux-cli",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "tsc"
+  }
+}

package/dist/assets/TaskDetail-GGGQ2C1J.js

@@ -0,0 +1 @@
+import{j as e,r as s}from"./vendor-react-BZ8ItZjw.js";import{c as ne,D as re,a as ae,b as ie,d as oe,e as le,L as y,T as q,B as u,f as p,I as Z,P as J,g as K,h as X,u as de,S as ce,i as ue}from"./index-Bsj_BLLM.js";import{TerminalView as Y}from"./TerminalView-CguHyqU9.js";import{b as xe,a as me,d as he}from"./vendor-router-DRLGqALp.js";import"./vendor-ui-CWZtXYLx.js";import"./vendor-xterm-DvXGiZvM.js";function pe({agents:i,activeIndex:x,onSelect:r,onAddAgent:t,onStopAgent:d,canAddAgent:m}){return e.jsxs("div",{className:"flex items-center gap-1 border-b border-border px-1 pb-1",children:[i.filter(a=>a.status!=="stopped").map(a=>e.jsxs("div",{className:"group flex items-center",children:[e.jsxs("button",{className:ne("rounded-t-md px-3 py-1.5 text-sm transition-colors",a.window_index===x?"bg-accent text-foreground":"text-muted-foreground hover:text-foreground"),onClick:()=>r(a.window_index),children:[a.label,a.status==="running"&&e.jsx("span",{className:`ml-1.5 inline-block h-1.5 w-1.5 rounded-full ${a.hook_activity==="waiting"?"bg-amber-500":a.hook_activity==="idle"?"bg-zinc-400":"animate-pulse bg-green-400"}`})]}),a.status==="running"&&e.jsx("button",{className:"ml-0.5 hidden rounded p-0.5 text-muted-foreground hover:text-destructive group-hover:inline-flex",onClick:l=>{l.stopPropagation(),d(a.id)},title:"Stop agent",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M18 6 6 18"}),e.jsx("path",{d:"m6 6 12 12"})]})})]},a.id)),m&&e.jsx(fe,{onAdd:t})]})}function fe({onAdd:i}){const[x,r]=s.useState(!1),[t,d]=s.useState("");function m(){i(t.trim()||void 0),d(""),r(!1)}function a(){i()}return e.jsxs(re,{open:x,onOpenChange:r,children:[e.jsxs("div",{className:"flex items-center gap-0.5",children:[e.jsx("button",{className:"rounded-t-md px-2 py-1.5 text-sm text-muted-foreground hover:text-foreground",onClick:a,title:"Add agent without prompt",children:"+"}),e.jsx(ae,{render:e.jsx("button",{className:"rounded px-1 py-1 text-xs text-muted-foreground hover:text-foreground",title:"Add agent with prompt"}),children:"..."})]}),e.jsxs(ie,{className:"sm:max-w-md",children:[e.jsx(oe,{children:e.jsx(le,{children:"Add Agent"})}),e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(y,{htmlFor:"agent-prompt",children:"Initial Prompt (optional)"}),e.jsx(q,{id:"agent-prompt",placeholder:"Write tests for the authentication module...",rows:3,value:t,onChange:l=>d(l.target.value)})]}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(u,{variant:"ghost",onClick:()=>r(!1),children:"Cancel"}),e.jsx(u,{onClick:m,children:"Add Agent"})]})]})]})]})}function ge({task:i,onSaved:x,onStart:r}){const[t,d]=s.useState(i.title),[m,a]=s.useState(i.description),[l,g]=s.useState(i.repo_path),[C,R]=s.useState(i.branch??""),[f,E]=s.useState(i.base_branch??""),[h,S]=s.useState(i.initial_prompt??""),[v,O]=s.useState(!!i.initial_prompt),[I,j]=s.useState([]),[z,_]=s.useState(""),[b,w]=s.useState(!1),[B,U]=s.useState(!1),[A,M]=s.useState(null),[V,G]=s.useState(!1),[L,N]=s.useState(!1),[T,H]=s.useState(null),[Q,D]=s.useState(!1),P=s.useRef(f);P.current=f,s.useEffect(()=>{const n=l.trim();if(!n){j([]);return}let W=!1;const ee=setTimeout(async()=>{try{const[te,se]=await Promise.all([p.listBranches(n),p.getDefaultBranch(n)]);W||(j(te),P.current||E(se.branch))}catch{W||j([])}},300);return()=>{W=!0,clearTimeout(ee)}},[l]);const F=I.filter(n=>n.toLowerCase().includes(z.toLowerCase())),o=s.useCallback(async n=>{G(!0);try{const W=await p.browse(n);M(W)}catch{}finally{G(!1)}},[]);s.useEffect(()=>{B&&!A&&o()},[B,A,o]);function c(n){g(n),U(!1)}async function $(){if(!(!t.trim()||!m.trim()||!l.trim())){N(!0),H(null),D(!1);try{await p.updateTask(i.id,{title:t.trim(),description:m.trim(),repo_path:l.trim(),branch:C.trim()||void 0,base_branch:f.trim()||void 0,initial_prompt:h.trim()||void 0}),D(!0),x(),setTimeout(()=>D(!1),2e3)}catch(n){H(n.message)}finally{N(!1)}}}const k=t.trim()&&m.trim()&&l.trim()&&!L;return e.jsx("div",{className:"mx-auto max-w-2xl p-6",children:e.jsxs("div",{className:"flex flex-col gap-5",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(y,{htmlFor:"edit-title",children:"Title"}),e.jsx(Z,{id:"edit-title",value:t,onChange:n=>d(n.target.value),placeholder:"Task title"})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(y,{htmlFor:"edit-description",children:"Description"}),e.jsx(q,{id:"edit-description",value:m,onChange:n=>a(n.target.value),placeholder:"Task description",rows:3})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(y,{htmlFor:"edit-repo-path",children:"Repository Path"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(Z,{id:"edit-repo-path",className:"flex-1 font-mono text-sm",value:l,onChange:n=>g(n.target.value),placeholder:"/Users/you/projects/my-repo"}),e.jsxs(J,{open:B,onOpenChange:U,children:[e.jsx(K,{render:e.jsx(u,{type:"button",variant:"outline",className:"shrink-0",children:"Browse"})}),e.jsx(X,{align:"end",side:"bottom",sideOffset:4,className:"w-[420px] p-0",children:e.jsx(je,{data:A,loading:V,onNavigate:o,onSelect:c})})]})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(y,{htmlFor:"edit-branch",children:"Branch Name"}),e.jsx(Z,{id:"edit-branch",className:"font-mono text-sm",value:C,onChange:n=>R(n.target.value),placeholder:"feat/my-feature"})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(y,{children:"Base Branch"}),e.jsxs(J,{open:b,onOpenChange:w,children:[e.jsx(K,{render:e.jsxs("button",{type:"button",className:"flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",children:[e.jsx("span",{className:f?"font-mono text-xs":"text-muted-foreground",children:f||"Select base branch..."}),e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-muted-foreground",children:e.jsx("path",{d:"m6 9 6 6 6-6"})})]})}),e.jsx(X,{align:"start",side:"bottom",sideOffset:4,className:"w-[--trigger-width] p-0",children:e.jsxs("div",{className:"flex flex-col",children:[e.jsx("div",{className:"border-b border-border px-3 py-2",children:e.jsx("input",{type:"text",placeholder:"Search branches...",className:"w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground",value:z,onChange:n=>_(n.target.value),autoFocus:!0})}),e.jsxs("div",{className:"max-h-[200px] overflow-y-auto",children:[F.length===0&&e.jsx("div",{className:"px-3 py-3 text-center text-xs text-muted-foreground",children:I.length===0?"Select a repository first":"No matching branches"}),F.map(n=>e.jsx("button",{type:"button",className:`flex w-full items-center px-3 py-1.5 text-left text-sm hover:bg-muted transition-colors ${n===f?"bg-muted font-medium":""}`,onClick:()=>{E(n),_(""),w(!1)},children:e.jsx("span",{className:"font-mono text-xs truncate",children:n})},n))]})]})})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("button",{type:"button",className:"w-fit cursor-pointer border-0 bg-transparent p-0 text-xs text-muted-foreground outline-0 ring-0 hover:text-foreground transition-colors text-left focus:outline-0 focus:ring-0 focus-visible:outline-0 focus-visible:ring-0",onClick:()=>O(!v),children:v?"- Hide initial prompt":"+ Add initial prompt"}),v&&e.jsx(q,{id:"edit-initial-prompt",placeholder:"Custom prompt to send to the agent on start...",rows:4,value:h,onChange:n=>S(n.target.value)})]}),T&&e.jsx("p",{className:"text-sm text-destructive",children:T}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(u,{onClick:$,disabled:!k,children:L?"Saving...":"Save"}),e.jsx(u,{variant:"outline",onClick:r,children:"Start"}),Q&&e.jsx("span",{className:"text-sm text-emerald-500",children:"Saved"})]})]})})}function je({data:i,loading:x,onNavigate:r,onSelect:t}){return!i&&x?e.jsx("div",{className:"flex items-center justify-center py-8 text-sm text-muted-foreground",children:"Loading..."}):i?e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("div",{className:"flex items-center gap-2 border-b border-border px-3 py-2",children:[e.jsx("button",{type:"button",disabled:!i.parent,className:"shrink-0 rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground disabled:opacity-30 disabled:hover:bg-transparent",onClick:()=>i.parent&&r(i.parent),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"m15 18-6-6 6-6"})})}),e.jsx("span",{className:"font-mono text-xs text-muted-foreground truncate direction-rtl text-left",children:i.current})]}),e.jsxs("div",{className:"max-h-[280px] overflow-y-auto",children:[i.entries.length===0&&e.jsx("div",{className:"px-3 py-4 text-center text-xs text-muted-foreground",children:"No subdirectories"}),i.entries.map(d=>e.jsxs("button",{type:"button",className:"flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm hover:bg-muted transition-colors",onClick:()=>r(d.path),onDoubleClick:()=>d.isGit&&t(d.path),children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:d.isGit?"text-emerald-500":"text-muted-foreground",children:e.jsx("path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"})}),e.jsxs("span",{className:"font-mono text-xs truncate",children:[d.name,e.jsx("span",{className:"text-muted-foreground",children:"/"})]}),d.isGit&&e.jsx("span",{className:"ml-auto shrink-0 rounded bg-emerald-500/10 px-1.5 py-0.5 text-[10px] font-medium text-emerald-600 dark:text-emerald-400",children:"git"})]},d.path))]}),e.jsxs("div",{className:"flex items-center justify-between border-t border-border px-3 py-2",children:[e.jsxs("div",{className:"flex flex-col truncate mr-2",children:[e.jsx("span",{className:"font-mono text-[10px] text-muted-foreground truncate",children:i.current}),e.jsx("span",{className:"text-[10px] text-muted-foreground/60",children:"Double-click a git repo to select it"})]}),e.jsx(u,{type:"button",size:"sm",className:"shrink-0 h-7 text-xs",onClick:()=>t(i.current),children:"Select"})]})]}):null}function Ce(){var P,F;const{id:i}=xe(),x=me(),r=i??"",{task:t,loading:d,error:m,refresh:a}=de(r),[l,g]=s.useState(null),[C,R]=s.useState(!1),[f,E]=s.useState(()=>window.innerWidth>=640),[h,S]=s.useState("agents"),[v,O]=s.useState(!1),[I]=he(),j=I.get("agent"),[z,_]=s.useState(null),b=(t==null?void 0:t.user_window_index)??z,w=((F=(P=t==null?void 0:t.agents)==null?void 0:P[0])==null?void 0:F.window_index)??null;s.useEffect(()=>{if(j&&(t!=null&&t.agents)){const o=t.agents.find(c=>c.id===j);if(o){g(o.window_index);return}}l===null&&w!==null&&g(w)},[w,l,j,t==null?void 0:t.agents]),s.useEffect(()=>{t&&t.status!=="running"&&(S("agents"),_(null))},[t==null?void 0:t.status]);const B=s.useCallback(async o=>{if(r)try{const c=await p.addAgent(r,o?{prompt:o}:void 0);g(c.window_index),a()}catch(c){console.error("Failed to add agent:",c)}},[r,a]),U=s.useCallback(async o=>{if(r)try{const c=(t==null?void 0:t.agents)||[],$=c.find(k=>k.id===o);if(await p.stopAgent(r,o),$&&$.window_index===l){const k=c.find(n=>n.id!==o&&n.status!=="stopped");k&&g(k.window_index)}a()}catch(c){console.error("Failed to stop agent:",c)}},[r,a,t,l]),A=s.useCallback(async()=>{if(r)try{await p.updateTask(r,{status:"closed"}),a()}catch(o){console.error("Failed to close task:",o)}},[r,a]),M=s.useCallback(async()=>{if(r)try{await p.startTask(r),a()}catch(o){console.error("Failed to start task:",o)}},[r,a]),V=s.useCallback(async()=>{if(r){R(!0);try{await p.updateTask(r,{status:"running"}),a()}catch(o){console.error("Failed to resume task:",o)}finally{R(!1)}}},[r,a]),G=s.useCallback(async()=>{if(h==="editor"){S("agents");return}if(b===null){if(v)return;O(!0);try{const o=await p.createUserTerminal(r);_(o.user_window_index),a()}catch(o){console.error("Failed to create user terminal:",o);return}finally{O(!1)}}S("editor")},[h,b,r,v,a]);if(d)return e.jsx("div",{className:"flex h-full items-center justify-center text-muted-foreground",children:"Loading..."});if(!t)return e.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-4",children:[e.jsx("p",{className:"text-destructive",children:m||"Task not found"}),e.jsx(u,{variant:"outline",onClick:()=>x("/"),children:"Back to Dashboard"})]});const L=t.agents||[],N=t.status==="running",T=t.status==="draft",H=(t.status==="closed"||t.status==="error")&&!!t.worktree,Q=t.status==="running"||t.status==="setting_up",D=!!t.tmux_session&&L.length>0&&l!==null&&Q;return e.jsxs("div",{className:"flex h-full flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-border px-3 py-2 sm:px-4 sm:py-3",children:[e.jsxs("div",{className:"flex items-center gap-2 sm:gap-3 min-w-0",children:[e.jsxs(u,{variant:"ghost",size:"sm",className:"shrink-0",onClick:()=>x("/"),children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","data-icon":"inline-start",children:e.jsx("path",{d:"m15 18-6-6 6-6"})}),e.jsx("span",{className:"hidden sm:inline",children:"Back"})]}),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h1",{className:"truncate text-base font-semibold sm:text-lg",children:t.title}),e.jsx(ce,{status:t.derived_status||t.status})]}),e.jsx("p",{className:"hidden max-w-xl truncate text-xs text-muted-foreground sm:block",children:t.description})]})]}),e.jsxs("div",{className:"flex shrink-0 items-center gap-1 sm:gap-2",children:[t.pr_url&&e.jsxs("a",{href:t.pr_url,target:"_blank",rel:"noopener noreferrer",className:"text-xs text-blue-400 hover:underline sm:text-sm",children:["PR #",t.pr_number]}),H&&e.jsx(u,{variant:"outline",size:"sm",disabled:C,onClick:V,children:C?"...":"Resume"}),N&&!!t.tmux_session&&e.jsxs(u,{variant:h==="editor"?"default":"outline",size:"sm",onClick:G,children:[e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("polyline",{points:"16 18 22 12 16 6"}),e.jsx("polyline",{points:"8 6 2 12 8 18"})]}),e.jsx("span",{className:"hidden sm:inline",children:"Editor"})]}),T&&e.jsx(u,{variant:"outline",size:"sm",onClick:M,children:"Start"}),N&&e.jsx(u,{variant:"outline",size:"sm",onClick:A,children:"Close"})]})]}),t.error&&e.jsx("div",{className:"border-b border-destructive/30 bg-destructive/10 px-4 py-2 text-sm text-destructive",children:t.error}),e.jsxs("div",{className:"border-b border-border",children:[e.jsxs("button",{onClick:()=>E(o=>!o),className:"flex w-full items-center gap-1.5 px-4 py-1.5 text-xs text-muted-foreground hover:bg-muted/50",children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:`transition-transform ${f?"rotate-90":""}`,children:e.jsx("path",{d:"m9 18 6-6-6-6"})}),"Details"]}),f&&e.jsxs("div",{className:"grid grid-cols-[auto_1fr] gap-x-6 gap-y-1 px-4 pb-3 text-xs",children:[t.repo_path&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-muted-foreground",children:"Repo"}),e.jsx("span",{className:"font-mono text-muted-foreground",children:t.repo_path})]}),t.branch&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-muted-foreground",children:"Branch"}),e.jsx("span",{className:"font-mono text-muted-foreground",children:t.branch})]}),t.base_branch&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-muted-foreground",children:"Base"}),e.jsx(ue,{variant:"outline",className:"w-fit text-xs font-normal",children:t.base_branch})]}),t.description&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-muted-foreground",children:"Description"}),e.jsx("span",{className:"whitespace-pre-wrap text-muted-foreground",children:t.description})]}),t.pr_url&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-muted-foreground",children:"PR"}),e.jsxs("a",{href:t.pr_url,target:"_blank",rel:"noopener noreferrer",className:"text-blue-400 hover:underline",children:["#",t.pr_number," — ",t.pr_url]})]}),t.created_at&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-muted-foreground",children:"Created"}),e.jsx("span",{className:"text-muted-foreground",children:new Date(t.created_at).toLocaleString()})]}),t.updated_at&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-muted-foreground",children:"Updated"}),e.jsx("span",{className:"text-muted-foreground",children:new Date(t.updated_at).toLocaleString()})]})]})]}),D?e.jsxs("div",{className:h==="agents"?"flex min-h-0 flex-1 flex-col":"hidden",children:[e.jsx(pe,{agents:L,activeIndex:l,onSelect:g,onAddAgent:B,onStopAgent:U,canAddAgent:N}),e.jsx("div",{className:"min-h-0 flex-1 overflow-hidden p-2",children:e.jsx(Y,{taskId:t.id,windowIndex:l,visible:h==="agents"})})]}):T?e.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto",children:e.jsx(ge,{task:t,onSaved:a,onStart:M})}):e.jsx("div",{className:h==="agents"?"flex flex-1 items-center justify-center text-muted-foreground":"hidden",children:t.status==="setting_up"?"Setting up terminal...":t.status==="closed"||t.status==="error"?"Terminal session ended":"No terminal available"}),b!==null&&h==="editor"&&e.jsx("div",{className:"flex min-h-0 flex-1 flex-col",children:e.jsx("div",{className:"min-h-0 flex-1 overflow-hidden p-2",children:e.jsx(Y,{taskId:t.id,windowIndex:b})})})]})}export{Ce as default};

package/dist/assets/TerminalView-CguHyqU9.js

@@ -0,0 +1,3 @@
+import{r as t,j as x}from"./vendor-react-BZ8ItZjw.js";import{x as g,a as h,b as F}from"./vendor-xterm-DvXGiZvM.js";const N=1e4,w=1e3;function C({taskId:E,windowIndex:b,wsUrl:d,visible:p=!0}){const c=t.useRef(null),o=t.useRef(null),s=t.useRef(null),f=t.useRef(null),u=t.useRef(null),a=t.useRef(w),i=t.useRef(!1),A=t.useCallback(()=>{const e=window.location.protocol==="https:"?"wss:":"ws:";return d?`${e}//${window.location.host}${d}`:`${e}//${window.location.host}/ws/terminal/${E}/${b}`},[E,b,d]),l=t.useCallback(e=>{if(!f.current||!o.current||!c.current)return;const{clientWidth:r,clientHeight:n}=c.current;r===0||n===0||(f.current.fit(),e.readyState===WebSocket.OPEN&&e.send(JSON.stringify({type:"resize",cols:o.current.cols,rows:o.current.rows})))},[]),m=t.useCallback(e=>{if(i.current)return;const r=new WebSocket(A());r.onopen=()=>{a.current=w,l(r),requestAnimationFrame(()=>{i.current||l(r)})},r.onmessage=n=>{e.write(n.data)},r.onclose=n=>{i.current||n.code!==1e3&&n.code!==1001&&(e.write(`\r
+\x1B[31m[Terminal disconnected — reconnecting...]\x1B[0m\r
+`),u.current=setTimeout(()=>{a.current=Math.min(a.current*2,N),m(e)},a.current))},r.onerror=()=>{},s.current=r,e.onData(n=>{r.readyState===WebSocket.OPEN&&r.send(n)})},[A]),R=t.useCallback(()=>{if(!c.current)return;u.current&&(clearTimeout(u.current),u.current=null),s.current&&(s.current.close(),s.current=null),o.current&&(o.current.dispose(),o.current=null);const e=new g.Terminal({cursorBlink:!0,fontSize:13,fontFamily:'Menlo, Monaco, "Courier New", monospace',theme:{background:"#09090b",foreground:"#fafafa",cursor:"#fafafa",selectionBackground:"#3f3f46"},scrollback:5e3}),r=new h.FitAddon;e.loadAddon(r),e.loadAddon(new F.WebLinksAddon),e.open(c.current);const n=c.current.querySelector(".xterm-viewport");n&&(n.style.overflowY="scroll"),o.current=e,f.current=r,a.current=w,requestAnimationFrame(()=>{i.current||r.fit()}),m(e)},[m]);return t.useEffect(()=>(i.current=!1,R(),()=>{var e,r;i.current=!0,u.current&&clearTimeout(u.current),(e=s.current)==null||e.close(),(r=o.current)==null||r.dispose()}),[R]),t.useEffect(()=>{let e=null;const r=()=>{e===null&&(e=requestAnimationFrame(()=>{e=null;const k=s.current;k&&l(k)}))};window.addEventListener("resize",r);const n=new ResizeObserver(r);return c.current&&n.observe(c.current),()=>{window.removeEventListener("resize",r),n.disconnect(),e!==null&&cancelAnimationFrame(e)}},[l]),t.useEffect(()=>{if(p&&f.current&&o.current){const e=requestAnimationFrame(()=>{requestAnimationFrame(()=>{const r=s.current;r&&l(r)})});return()=>cancelAnimationFrame(e)}},[p,l]),x.jsx("div",{ref:c,className:"h-full w-full overflow-hidden rounded-lg bg-[#09090b]"})}export{C as TerminalView};