@aion0/forge 0.6.3 → 0.8.1

package/cli/worktree.ts

@@ -0,0 +1,245 @@
+/**
+ * `forge worktree` — list / clean leftover worktrees created by Forge pipelines.
+ *
+ * The mantis-bug-fix-and-mr and gitlab-issue-fix-and-review builtin pipelines
+ * stage their work in `<project>/.forge/worktrees/<id>`. The pipeline auto-
+ * cleans on success, but failed runs leave the worktree on disk for
+ * inspection — those accumulate over time and bloat the project directory
+ * (one full project checkout per failed bug). This command sweeps them.
+ *
+ * Scope: ONLY `.forge/worktrees/*` directories under each project root.
+ * User-created git worktrees elsewhere are never touched.
+ */
+
+import { execSync, spawnSync } from 'node:child_process';
+import { existsSync, readdirSync, statSync } from 'node:fs';
+import { join } from 'node:path';
+
+interface Project { name: string; path: string; language?: string; }
+
+const isTty = !!process.stdout.isTTY;
+const dim  = (s: string) => isTty ? `\x1b[2m${s}\x1b[0m` : s;
+const red  = (s: string) => isTty ? `\x1b[31m${s}\x1b[0m` : s;
+const grn  = (s: string) => isTty ? `\x1b[32m${s}\x1b[0m` : s;
+const yel  = (s: string) => isTty ? `\x1b[33m${s}\x1b[0m` : s;
+const cyan = (s: string) => isTty ? `\x1b[36m${s}\x1b[0m` : s;
+
+function getBase(): string {
+  const portArgIdx = process.argv.findIndex(a => a === '--port');
+  const port = portArgIdx >= 0 ? process.argv[portArgIdx + 1] : undefined;
+  return process.env.MW_URL || `http://localhost:${port || '8403'}`;
+}
+
+async function fetchProjects(): Promise<Project[]> {
+  const base = getBase();
+  try {
+    const res = await fetch(base + '/api/projects');
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+    return await res.json();
+  } catch (e) {
+    throw new Error(`forge unreachable on ${base}: ${(e as Error).message}`);
+  }
+}
+
+/** Bytes-on-disk for a directory tree. `du -sk` returns kilobytes; we convert. */
+function dirSizeBytes(p: string): number {
+  try {
+    const out = execSync(`du -sk "${p}" 2>/dev/null | awk '{print $1}'`, { encoding: 'utf8' }).trim();
+    return Number(out || 0) * 1024;
+  } catch { return 0; }
+}
+
+function fmtSize(bytes: number): string {
+  if (bytes >= 1024 ** 3) return `${(bytes / 1024 ** 3).toFixed(1)}G`;
+  if (bytes >= 1024 ** 2) return `${(bytes / 1024 ** 2).toFixed(1)}M`;
+  if (bytes >= 1024) return `${(bytes / 1024).toFixed(1)}K`;
+  return `${bytes}B`;
+}
+
+interface Entry {
+  project: string;
+  projectPath: string;
+  worktreeDir: string;     // absolute
+  name: string;            // basename under .forge/worktrees/
+  branch: string | null;   // git's reported branch, if any
+  registered: boolean;     // appears in `git worktree list`
+  bytes: number;
+}
+
+function scanProject(p: Project): Entry[] {
+  const root = p.path;
+  const wtRoot = join(root, '.forge', 'worktrees');
+  if (!existsSync(wtRoot)) return [];
+
+  // Map of absolute path → branch (from git's view of registered worktrees)
+  const registered = new Map<string, string | null>();
+  try {
+    const porc = execSync('git worktree list --porcelain', { cwd: root, encoding: 'utf8' });
+    let cur: { path?: string; branch?: string } = {};
+    for (const line of porc.split('\n')) {
+      if (line.startsWith('worktree ')) {
+        if (cur.path) registered.set(cur.path, cur.branch ?? null);
+        cur = { path: line.slice('worktree '.length).trim() };
+      } else if (line.startsWith('branch ')) {
+        cur.branch = line.slice('branch '.length).replace(/^refs\/heads\//, '').trim();
+      } else if (line === '' && cur.path) {
+        registered.set(cur.path, cur.branch ?? null);
+        cur = {};
+      }
+    }
+    if (cur.path) registered.set(cur.path, cur.branch ?? null);
+  } catch { /* not a git repo; just walk the dir */ }
+
+  const out: Entry[] = [];
+  let names: string[];
+  try { names = readdirSync(wtRoot); } catch { return []; }
+  for (const name of names) {
+    const wt = join(wtRoot, name);
+    let isDir = false;
+    try { isDir = statSync(wt).isDirectory(); } catch { continue; }
+    if (!isDir) continue;
+    out.push({
+      project: p.name, projectPath: root,
+      worktreeDir: wt, name,
+      branch: registered.get(wt) ?? null,
+      registered: registered.has(wt),
+      bytes: dirSizeBytes(wt),
+    });
+  }
+  return out;
+}
+
+function removeOne(e: Entry): { ok: boolean; msg: string } {
+  // Try git worktree remove first — it untracks + deletes the dir together.
+  const r = spawnSync('git', ['worktree', 'remove', '--force', e.worktreeDir],
+    { cwd: e.projectPath, encoding: 'utf8' });
+  if (r.status === 0) {
+    // Best-effort drop the local branch the worktree was pinning.
+    if (e.branch) {
+      spawnSync('git', ['branch', '-D', e.branch], { cwd: e.projectPath, encoding: 'utf8' });
+    }
+    return { ok: true, msg: 'worktree remove' };
+  }
+
+  // Stale registration or never-tracked dir → rm -rf + prune + drop branch.
+  const rm = spawnSync('rm', ['-rf', e.worktreeDir], { encoding: 'utf8' });
+  if (rm.status !== 0) {
+    return { ok: false, msg: `rm -rf failed: ${rm.stderr.trim().slice(0, 200)}` };
+  }
+  spawnSync('git', ['worktree', 'prune'], { cwd: e.projectPath, encoding: 'utf8' });
+  if (e.branch) {
+    spawnSync('git', ['branch', '-D', e.branch], { cwd: e.projectPath, encoding: 'utf8' });
+  }
+  return { ok: true, msg: 'rm -rf + prune' };
+}
+
+export async function worktreeCommand(args: string[]): Promise<void> {
+  const sub = args[0] || 'list';
+  const rest = args.slice(1);
+  switch (sub) {
+    case 'list':
+    case 'ls':
+      return cmdList(rest);
+    case 'clean':
+    case 'rm':
+      return cmdClean(rest);
+    case '--help':
+    case '-h':
+    default:
+      return printHelp();
+  }
+}
+
+async function cmdList(args: string[]): Promise<void> {
+  const projectFilter = args.find(a => !a.startsWith('-'));
+  const projects = await fetchProjects();
+  const targets = projectFilter ? projects.filter(p => p.name === projectFilter || p.path === projectFilter) : projects;
+  if (projectFilter && targets.length === 0) {
+    console.error(red(`project not found: ${projectFilter}`));
+    process.exit(1);
+  }
+
+  let total = 0, totalBytes = 0;
+  for (const p of targets) {
+    const entries = scanProject(p);
+    if (!entries.length) continue;
+    const subBytes = entries.reduce((a, e) => a + e.bytes, 0);
+    console.log(`${cyan(p.name)} ${dim(p.path)} ${dim(`(${entries.length}, ${fmtSize(subBytes)})`)}`);
+    for (const e of entries) {
+      const flag = e.registered ? grn('●') : yel('○');
+      const br = e.branch ? dim(e.branch) : dim('(unregistered)');
+      console.log(`  ${flag} ${e.name.padEnd(30)} ${fmtSize(e.bytes).padStart(7)}  ${br}`);
+    }
+    total += entries.length;
+    totalBytes += subBytes;
+  }
+  if (total === 0) console.log(dim('(no Forge worktrees)'));
+  else console.log(`\n${total} worktree(s), ${fmtSize(totalBytes)}`);
+}
+
+async function cmdClean(args: string[]): Promise<void> {
+  const dryRun = args.includes('--dry-run') || args.includes('-n');
+  const yes = args.includes('--yes') || args.includes('-y');
+  const projectFilter = args.find(a => !a.startsWith('-'));
+
+  const projects = await fetchProjects();
+  const targets = projectFilter ? projects.filter(p => p.name === projectFilter || p.path === projectFilter) : projects;
+  if (projectFilter && targets.length === 0) {
+    console.error(red(`project not found: ${projectFilter}`));
+    process.exit(1);
+  }
+
+  const all: Entry[] = [];
+  for (const p of targets) all.push(...scanProject(p));
+  if (all.length === 0) { console.log(dim('(no Forge worktrees to clean)')); return; }
+
+  const totalBytes = all.reduce((a, e) => a + e.bytes, 0);
+  console.log(`Found ${all.length} worktree(s), ${fmtSize(totalBytes)} total:`);
+  for (const e of all) console.log(`  ${dim(e.project + ':')} ${e.name} ${dim(`(${fmtSize(e.bytes)})`)}`);
+
+  if (dryRun) { console.log(yel('\n--dry-run — nothing removed.')); return; }
+
+  if (!yes && isTty) {
+    process.stdout.write(`\nRemove these ${all.length} worktree(s)? [y/N] `);
+    const ans = await readOneLine();
+    if (!/^y(es)?$/i.test(ans.trim())) { console.log('aborted'); return; }
+  }
+
+  let ok = 0, fail = 0;
+  for (const e of all) {
+    const r = removeOne(e);
+    if (r.ok) { console.log(`  ${grn('✓')} ${e.project}/${e.name} ${dim(r.msg)}`); ok++; }
+    else      { console.log(`  ${red('✗')} ${e.project}/${e.name} ${red(r.msg)}`); fail++; }
+  }
+  console.log(`\n${grn(`removed ${ok}`)}${fail ? `, ${red(`${fail} failed`)}` : ''} (${fmtSize(totalBytes)} freed)`);
+}
+
+function readOneLine(): Promise<string> {
+  return new Promise((resolve) => {
+    let buf = '';
+    process.stdin.setEncoding('utf8');
+    process.stdin.on('data', (chunk) => {
+      buf += chunk;
+      const i = buf.indexOf('\n');
+      if (i >= 0) { process.stdin.pause(); resolve(buf.slice(0, i)); }
+    });
+    process.stdin.resume();
+  });
+}
+
+function printHelp(): void {
+  console.log(`forge worktree — manage pipeline worktrees under <project>/.forge/worktrees/
+
+Usage:
+  forge worktree                   List all (alias of 'list')
+  forge worktree list [project]    List worktrees, optionally filtered by project
+  forge worktree clean [project]   Remove all worktrees (prompts unless --yes)
+    --dry-run, -n                  Show what would be removed
+    --yes,     -y                  Don't prompt
+
+Worktrees are only created by Forge builtin pipelines (mantis-bug-fix-and-mr,
+gitlab-issue-fix-and-review). Successful runs auto-clean; failed runs leave
+the worktree for inspection. This command sweeps the failed leftovers.
+
+Only paths under <project>/.forge/worktrees/ are ever touched.`);
+}

package/components/ConnectorsPanel.tsx

@@ -0,0 +1,275 @@
+'use client';
+
+import { useState, useEffect, useCallback } from 'react';
+
+interface ConnectorTool {
+  description?: string;
+  parameters?: Record<string, { type: string; label?: string; description?: string; required?: boolean; default?: any }>;
+  destructive?: boolean;
+  returns?: string;
+}
+
+interface ConnectorEntry {
+  id: string;
+  host_permissions?: string[];
+  tools: Record<string, ConnectorTool>;
+  settings?: Record<string, FieldSchema>;
+}
+
+interface FieldSchema {
+  type: string;
+  label?: string;
+  description?: string;
+  required?: boolean;
+  default?: any;
+  options?: string[];
+}
+
+interface ConnectorPayload {
+  plugin_id: string;
+  name: string;
+  icon: string;
+  version: string;
+  author: string;
+  description: string;
+  mode: string;
+  installed: boolean;
+  entries: ConnectorEntry[];
+}
+
+export default function ConnectorsPanel() {
+  const [connectors, setConnectors] = useState<ConnectorPayload[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [selectedId, setSelectedId] = useState<string | null>(null);
+  const [detail, setDetail] = useState<ConnectorPayload | null>(null);
+  const [settingsSchema, setSettingsSchema] = useState<Record<string, FieldSchema>>({});
+  const [settingsValues, setSettingsValues] = useState<Record<string, any>>({});
+  const [savedAt, setSavedAt] = useState<number | null>(null);
+  const [filter, setFilter] = useState<'all' | 'installed'>('all');
+
+  const fetchAll = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch('/api/connectors');
+      const data = await res.json();
+      setConnectors(data.connectors || []);
+    } catch (e) {
+      console.error('[ConnectorsPanel] fetch failed', e);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  const selectConnector = useCallback(async (id: string) => {
+    setSelectedId(id);
+    setSavedAt(null);
+    try {
+      const [detailRes, settingsRes] = await Promise.all([
+        fetch(`/api/connectors?id=${id}`),
+        fetch(`/api/connectors/${id}/settings`),
+      ]);
+      const detailData = await detailRes.json();
+      const settingsData = await settingsRes.json();
+      setDetail(detailData.connector || null);
+      setSettingsSchema(settingsData.schema || {});
+      setSettingsValues(settingsData.settings || {});
+    } catch (e) {
+      console.error('[ConnectorsPanel] select failed', e);
+    }
+  }, []);
+
+  useEffect(() => { fetchAll(); }, [fetchAll]);
+
+  const handleInstall = async () => {
+    if (!selectedId) return;
+    await fetch(`/api/connectors/${selectedId}/settings`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ settings: settingsValues }),
+    });
+    setSavedAt(Date.now());
+    await fetchAll();
+    await selectConnector(selectedId);
+  };
+
+  const handleUninstall = async () => {
+    if (!selectedId) return;
+    await fetch('/api/plugins', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ action: 'uninstall', id: selectedId }),
+    });
+    await fetchAll();
+    await selectConnector(selectedId);
+  };
+
+  const filtered = filter === 'installed' ? connectors.filter(c => c.installed) : connectors;
+  const allTools = (c: ConnectorPayload): [string, ConnectorTool][] =>
+    c.entries.flatMap(e => Object.entries(e.tools || {}));
+
+  if (loading) {
+    return <div className="p-4 text-xs text-[var(--text-secondary)]">Loading connectors…</div>;
+  }
+
+  return (
+    <div className="flex flex-1 min-h-0">
+      {/* List pane */}
+      <div className="w-[280px] border-r border-[var(--border)] flex flex-col min-h-0">
+        <div className="px-3 py-2 border-b border-[var(--border)] flex items-center justify-between shrink-0">
+          <span className="text-[10px] text-[var(--text-secondary)]">
+            {connectors.filter(c => c.installed).length} installed of {connectors.length}
+          </span>
+          <div className="flex gap-1">
+            {(['all', 'installed'] as const).map(f => (
+              <button key={f}
+                onClick={() => setFilter(f)}
+                className={`text-[10px] px-2 py-0.5 rounded transition-colors ${filter === f ? 'bg-[var(--bg-secondary)] text-[var(--text-primary)] shadow-sm' : 'text-[var(--text-secondary)]'}`}
+              >{f}</button>
+            ))}
+          </div>
+        </div>
+        <div className="overflow-y-auto flex-1">
+          {filtered.length === 0 && (
+            <div className="p-4 text-xs text-[var(--text-secondary)] text-center">No connectors</div>
+          )}
+          {filtered.map(c => (
+            <button key={c.plugin_id}
+              onClick={() => selectConnector(c.plugin_id)}
+              className={`w-full text-left px-3 py-2 border-b border-[var(--border)] hover:bg-[var(--bg-tertiary)] transition-colors ${selectedId === c.plugin_id ? 'bg-[var(--bg-tertiary)]' : ''}`}
+            >
+              <div className="flex items-center gap-2">
+                <span className="text-base">{c.icon}</span>
+                <div className="flex-1 min-w-0">
+                  <div className="flex items-center gap-1.5">
+                    <span className="text-[12px] font-semibold text-[var(--text-primary)] truncate">{c.name}</span>
+                    {c.installed && <span className="text-[8px] px-1 py-0.5 rounded bg-green-500/10 text-green-400">installed</span>}
+                  </div>
+                  <div className="flex items-center gap-1.5 mt-0.5">
+                    <span className="text-[9px] text-[var(--text-secondary)]">v{c.version}</span>
+                    <span className="text-[9px] px-1 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)]">{c.mode}</span>
+                  </div>
+                </div>
+              </div>
+              {c.description && (
+                <p className="text-[10px] text-[var(--text-secondary)] mt-1 line-clamp-2">{c.description}</p>
+              )}
+            </button>
+          ))}
+        </div>
+      </div>
+
+      {/* Detail pane */}
+      <div className="flex-1 overflow-y-auto min-h-0">
+        {!detail ? (
+          <div className="h-full flex items-center justify-center text-xs text-[var(--text-secondary)]">
+            Select a connector
+          </div>
+        ) : (
+          <div className="p-4 space-y-4">
+            {/* Header */}
+            <div className="flex items-start gap-3">
+              <span className="text-2xl">{detail.icon}</span>
+              <div className="flex-1 min-w-0">
+                <div className="flex items-center gap-2">
+                  <h2 className="text-base font-semibold text-[var(--text-primary)]">{detail.name}</h2>
+                  <span className="text-[10px] text-[var(--text-secondary)]">v{detail.version}</span>
+                  <span className="text-[9px] px-1.5 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)]">{detail.mode}</span>
+                  {detail.installed && <span className="text-[9px] px-1.5 py-0.5 rounded bg-green-500/10 text-green-400">installed</span>}
+                </div>
+                {detail.description && (
+                  <p className="text-[11px] text-[var(--text-secondary)] mt-1 whitespace-pre-line">{detail.description}</p>
+                )}
+              </div>
+              {detail.installed && (
+                <button onClick={handleUninstall}
+                  className="text-[10px] px-2.5 py-1 rounded border border-red-500/30 text-red-400 hover:bg-red-500/10"
+                >Uninstall</button>
+              )}
+            </div>
+
+            {/* Tools */}
+            <div>
+              <div className="flex items-center justify-between mb-1.5">
+                <h3 className="text-[11px] font-semibold text-[var(--text-primary)]">Tools</h3>
+                <span className="text-[9px] text-[var(--text-secondary)] italic">executed in browser extension</span>
+              </div>
+              <div className="grid gap-1.5">
+                {allTools(detail).map(([name, tool]) => (
+                  <div key={name} className="px-2.5 py-1.5 rounded bg-[var(--bg-tertiary)]">
+                    <div className="flex items-center gap-2 mb-0.5">
+                      <span className="text-[10px] font-mono font-semibold text-[var(--accent)]">{name}</span>
+                      {tool.destructive && <span className="text-[8px] px-1 py-0.5 rounded bg-red-500/10 text-red-400">destructive</span>}
+                    </div>
+                    {tool.description && (
+                      <p className="text-[10px] text-[var(--text-secondary)] whitespace-pre-line">{tool.description.trim()}</p>
+                    )}
+                    {tool.returns && (
+                      <p className="text-[9px] text-[var(--text-secondary)] mt-1 font-mono">→ {tool.returns}</p>
+                    )}
+                  </div>
+                ))}
+              </div>
+            </div>
+
+            {/* Settings */}
+            {Object.keys(settingsSchema).length > 0 && (
+              <div>
+                <h3 className="text-[11px] font-semibold text-[var(--text-primary)] mb-1.5">Settings</h3>
+                <div className="space-y-2">
+                  {Object.entries(settingsSchema).map(([key, schema]) => (
+                    <div key={key}>
+                      <label className="text-[10px] text-[var(--text-secondary)] block mb-0.5">
+                        {schema.label || key} {schema.required && <span className="text-red-400">*</span>}
+                      </label>
+                      {schema.type === 'boolean' ? (
+                        <input type="checkbox"
+                          checked={settingsValues[key] === true || settingsValues[key] === 'true'}
+                          onChange={e => setSettingsValues({ ...settingsValues, [key]: e.target.checked })}
+                          className="accent-[var(--accent)]"
+                        />
+                      ) : schema.type === 'select' ? (
+                        <select
+                          value={settingsValues[key] ?? schema.default ?? ''}
+                          onChange={e => setSettingsValues({ ...settingsValues, [key]: e.target.value })}
+                          className="w-full bg-[var(--bg-tertiary)] border border-[var(--border)] rounded px-2 py-1 text-[11px] text-[var(--text-primary)]"
+                        >
+                          <option value="">Select…</option>
+                          {(schema.options || []).map(o => <option key={o} value={o}>{o}</option>)}
+                        </select>
+                      ) : (
+                        <input
+                          type={schema.type === 'secret' ? 'password' : schema.type === 'number' ? 'number' : 'text'}
+                          value={settingsValues[key] ?? schema.default ?? ''}
+                          onChange={e => setSettingsValues({ ...settingsValues, [key]: e.target.value })}
+                          placeholder={schema.description || ''}
+                          className="w-full bg-[var(--bg-tertiary)] border border-[var(--border)] rounded px-2 py-1 text-[11px] text-[var(--text-primary)]"
+                        />
+                      )}
+                      {schema.description && schema.type !== 'string' && (
+                        <p className="text-[9px] text-[var(--text-secondary)] mt-0.5">{schema.description}</p>
+                      )}
+                    </div>
+                  ))}
+                  <div className="flex items-center gap-2 pt-1">
+                    <button onClick={handleInstall}
+                      className="text-[10px] px-3 py-1 rounded bg-[var(--accent)] text-white hover:opacity-90"
+                    >{detail.installed ? 'Save Settings' : 'Install & Save'}</button>
+                    {savedAt && Date.now() - savedAt < 2000 && (
+                      <span className="text-[10px] text-green-400">Saved</span>
+                    )}
+                  </div>
+                </div>
+              </div>
+            )}
+
+            {Object.keys(settingsSchema).length === 0 && !detail.installed && (
+              <button onClick={handleInstall}
+                className="text-[10px] px-3 py-1 rounded bg-[var(--accent)] text-white hover:opacity-90"
+              >Install</button>
+            )}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}