wisp-agents 0.17.0 → 0.20.0

package/server/services/launch.js

@@ -15,11 +15,13 @@ export const MAX_COMPARE = 4;
 export function createLaunch(app) {
   const { store, runner, machines } = app;
 
-  // body: { prompt, cwd, agent, mode, model, effort, attachments: [uploadId], worktree, compare,
+  // body: { prompt, cwd, scratch: true = no folder, agent, mode, model, effort, attachments: [uploadId], worktree, compare,
   //         subagents: [{ name, agent, model, effort, use }] | preset: teamId }
   async function launch(body, origin = null) {
     if (!String(body.prompt || '').trim()) throw bad('prompt required');
-    const cwd = expand(body.cwd || process.cwd());
+    // scratch: no project folder (general questions); the task gets an empty directory of its own.
+    const scratch = body.scratch === true;
+    const cwd = scratch ? store.scratchDir(newId()) : expand(body.cwd || process.cwd());
     if (!fs.existsSync(cwd) || !fs.statSync(cwd).isDirectory()) throw bad(`Not a directory: ${cwd}`);
     const d = store.config.defaults;
     const preset = body.preset && store.config.teams.find((t) => t.id === body.preset);
@@ -27,17 +29,21 @@ export function createLaunch(app) {
     const subagents = normalizeTeam(body.subagents ?? preset?.members, adapters);
     // compare: more { agent, model, effort } to run the same task on, side by side. 'auto' is
     // resolved here: the router picks a harness and model (a different one per compare run).
-    const resolved = await app.auto.resolve(body, await app.auto.agents(), { team: subagents.length > 0 });
-    const runners = [{ agent: resolved.agent, model: resolved.model, effort: resolved.effort, route: resolved.route }, ...(resolved.compare || [])].slice(0, MAX_COMPARE).map((r, i) => {
+    const resolved = await app.auto.resolve(body, await app.auto.agents(), { team: subagents.length > 0, cwd });
+    // A launch routed by another wisp (this is a machine) arrives with its route: Auto's steps
+    // (check, repair) still run here, where the files are.
+    const isRoute = (x) => x && typeof x === 'object' && typeof x.key === 'string';
+    const runners = [{ agent: resolved.agent, model: resolved.model, effort: resolved.effort, route: resolved.route ?? body.route }, ...(resolved.compare || [])].slice(0, MAX_COMPARE).map((r, i) => {
       const agent = r.agent || (i ? d.agent : '') || 'claude';
       if (!adapters[agent]) throw bad(`unknown agent: ${agent}`);
-      return { agent, model: r.model ?? (i ? d.models?.[agent] || '' : ''), effort: /^[\w-]{1,20}$/.test(r.effort || '') ? r.effort : '', ...(r.route && { route: r.route }) };
+      return { agent, model: r.model ?? (i ? d.models?.[agent] || '' : ''), effort: /^[\w-]{1,20}$/.test(r.effort || '') ? r.effort : '', ...(isRoute(r.route) && { route: r.route }) };
     });
+    const strategy = ['single', 'best2', 'compare'].includes(resolved.autoStrategy) ? resolved.autoStrategy : runners.length > 1 ? 'compare' : 'single';
     const mode = MODES.has(body.mode) ? body.mode : 'auto';
     // Worktrees are on by default in git repos (off in Plan mode: nothing gets written). Compare
     // runs need one each, or the harnesses would edit the same files.
     const comparing = runners.length > 1;
-    const wantTree = body.worktree ?? (comparing || (mode !== 'plan' && d.worktree !== 'off'));
+    const wantTree = !scratch && (body.worktree ?? (comparing || (mode !== 'plan' && d.worktree !== 'off')));
     // groupId: one launch sent to several machines (or here and there) shows as one task.
     const groupId = /^[a-f0-9]{12}$/.test(body.groupId || '') ? body.groupId : comparing ? newId() : null;
     const attachments = app.uploads.resolve(body.attachments);
@@ -60,7 +66,7 @@ export function createLaunch(app) {
       }
       if (failed) console.warn(`wisp: no worktree for ${cwd}: ${failed.message}`);
     }
-    return runners.map((r, i) => runner.create({ id: ids[i], prompt: body.prompt, cwd, ...r, mode, attachments, worktree: trees[i], groupId, origin, subagents }));
+    return runners.map((r, i) => runner.create({ id: ids[i], prompt: body.prompt, cwd, ...r, mode, attachments, worktree: trees[i], groupId, origin, subagents, ...(r.route && { auto: { strategy }, scout: resolved.scout || null }) }));
   }
 
   // Where a launch runs: body.machine, else a project folder that only exists on a machine
@@ -87,15 +93,18 @@ export function createLaunch(app) {
     // back through the summaries it streams (auto.signals), so one router learns from every place.
     const routed = await app.auto.resolve(body, machines.agentsOf(mid) || [], { team: !!(body.subagents?.length || body.preset) });
     const routes = [routed.route, ...(routed.compare || []).map((c) => c.route)];
-    const sendBody = { ...routed, compare: routed.compare?.map(({ route, ...c }) => c) };
-    delete sendBody.route;
+    // The machine runs Auto's check and repair on these picks (an older wisp there ignores them).
+    const sendBody = { ...routed };
+    delete sendBody.scout;
     if (!sendBody.compare?.length && !body.compare) delete sendBody.compare;
     const out = await machines.launch(mid, { ...sendBody, attachments: await pushUploads(mid, body.attachments), ...(origin && { origin }) });
     (out.group || [out]).forEach((x, i) => routes[i] && app.router.record(qualify(x.id, mid), routes[i]));
-    const known = store.projectFor(out.cwd, mid);
-    (known || store.addProject(out.cwd, { machine: mid })).lastUsedAt = Date.now();
-    store.saveConfig();
-    if (!known) app.broadcast('config', {});
+    const known = out.scratch || store.projectFor(out.cwd, mid);
+    if (!out.scratch) {
+      (known || store.addProject(out.cwd, { machine: mid })).lastUsedAt = Date.now();
+      store.saveConfig();
+      if (!known) app.broadcast('config', {});
+    }
     return (out.group || [out]).map((x) => machines.summary(mid, x));
   }
 

package/server/services/ship.js

@@ -1,13 +1,33 @@
 // Ship it: whether a worktree session has something to ship, the draft commit message and PR
-// text, and following open PRs (checks, reviews, merges) so their cards stay current.
+// text, and following open PRs (checks, reviews, merges) so their cards stay current. A PR that
+// conflicts with its base gets fixed when the user clicks Fix conflicts on its row (or on its own
+// with defaults.fixConflicts: 'on'): the task is sent a follow-up to merge the base in, and the
+// result is pushed to the PR when it's done.
 
 import fs from 'node:fs';
-import { worktreeStatus, prView } from '../git.js';
+import { worktreeStatus, prView, ship, baseMerged, conflictsWithBase } from '../git.js';
 import { blocksToMarkdown } from '../render.js';
 import { summarize } from '../runner.js';
 
 const PR_POLL_MS = 60_000;
+const PR_FAST_POLL_MS = 10_000; // while GitHub is still working something out: checks running, mergeability unknown, a push just landed
+const PR_TICK_MS = 5_000;
 const SHIP_RECHECK_MS = 5_000;
+const MAX_CONFLICT_FIXES = 3; // per task, so a base that keeps moving can't run up the bill
+
+export const conflictPrompt = (s) => {
+  const { remote, base } = s.worktree;
+  return [
+    `PR #${s.pr.number} (${s.pr.url}) can no longer merge into \`${base}\`: changes that landed there since conflict with this branch. Bring the branch up to date:`,
+    '',
+    `1. \`git fetch ${remote}\`, then \`git merge ${remote}/${base}\`. Don't rebase: the branch is already pushed.`,
+    `2. Resolve every conflict, keeping the intent of both sides: what landed on \`${base}\` and what this task changed. Don't drop either side's changes to make a conflict go away.`,
+    '3. Run the checks that are cheap here (tests, type-check, build) on the merged result and fix what the merge broke.',
+    "4. Finish with `git commit --no-edit`. Don't push: wisp pushes to the PR when you're done.",
+    '',
+    'If a conflict needs a decision only the user can make, ask them.',
+  ].join('\n');
+};
 
 export function createShip(app) {
   const { store, runner } = app;
@@ -48,14 +68,73 @@ export function createShip(app) {
     const pr = await prView(dir, prev.number);
     const changed = (k) => JSON.stringify(k(pr)) !== JSON.stringify(k(prev));
     s.pr = pr;
+    if (s.conflictFix && !pr.conflict && !['fixing', 'pushing'].includes(s.conflictFix.step)) delete s.conflictFix;
     if (pr.state !== prev.state) app.auto.signals(summarize(s, store));
     // Things worth coming back for: CI finished either way, a review landed, it merged or closed.
     const settledChecks = (x) => (x.checks.pending ? 'pending' : x.checks.fail ? 'fail' : 'pass');
     if (changed((x) => x.state) || changed((x) => x.review) || (changed(settledChecks) && settledChecks(pr) !== 'pending')) s.unread = true;
     app.sessionChanged(s);
+    await fixConflicts(s).catch(() => {});
     return pr;
   };
 
+  // The PR conflicts with its base: send the task a follow-up to merge the base in. Only when the
+  // user clicks Fix conflicts (force), unless defaults.fixConflicts is 'on': then on its own, once
+  // per PR head, so a fix that didn't take isn't retried until something changes the branch.
+  const starting = new Set(); // a poll and a refresh at once must not both send it
+  const fixConflicts = async (s, { force = false } = {}) => {
+    const pr = s.pr;
+    if ((!force && store.config.defaults.fixConflicts !== 'on') || pr?.state !== 'OPEN' || !pr.conflict || !s.worktree?.remote) return;
+    if (runner.live.has(s.id) || s.shipping || s.ask || s.archived || starting.has(s.id)) return;
+    const tries = s.conflictFix?.tries || 0;
+    if (!force && (s.conflictFix?.head === pr.head || tries >= MAX_CONFLICT_FIXES)) return;
+    // The user saw the conflict and asked: no fetch first, the follow-up starts at once.
+    if (!force) {
+      starting.add(s.id);
+      try {
+        if ((await conflictsWithBase(s.worktree)) === false || runner.live.has(s.id)) return;
+      } finally {
+        starting.delete(s.id);
+      }
+    }
+    s.conflictFix = { step: 'fixing', head: pr.head, tries: tries + 1, startedAt: Date.now() };
+    await app.launcher.replyTo(s, conflictPrompt(s), [], true);
+    app.telemetry?.track?.('conflict_fix', { agent: s.agent });
+    app.sessionChanged(s, { now: true });
+  };
+
+  // The fix-up turn ended: push it to the PR if the base really is merged in, else leave the task
+  // for the user with why.
+  const finishFix = async (s, { interrupted, errorText }) => {
+    const fix = s.conflictFix;
+    if (fix?.step !== 'fixing') return;
+    const fail = (why) => {
+      Object.assign(fix, { step: 'failed', why });
+      s.unread = true;
+      app.sessionChanged(s, { now: true });
+    };
+    if (interrupted || s.queue?.length) return fail('Stopped: the task moved on before the conflicts were fixed.');
+    if (errorText) return fail(`The agent run failed: ${errorText}`.slice(0, 300));
+    const check = await baseMerged(s.worktree).catch((err) => ({ ok: false, why: err.message }));
+    if (!check.ok) return fail(check.why);
+    fix.step = 'pushing';
+    s.shipping = { step: 'start', update: true, startedAt: Date.now() };
+    app.sessionChanged(s);
+    const onStep = (step) => ((s.shipping = { ...s.shipping, step }), app.sessionChanged(s));
+    try {
+      s.pr = await ship(s.worktree, { title: `Merge ${s.worktree.remote}/${s.worktree.base} into ${s.worktree.branch}`, pr: s.pr, onStep });
+      s.pushedAt = Date.now();
+      fix.step = 'done';
+    } catch (err) {
+      Object.assign(fix, { step: 'failed', why: `Push failed: ${err.message}` });
+      s.unread = true;
+    } finally {
+      delete s.shipping;
+      app.sessionChanged(s, { now: true });
+    }
+    recheck(s);
+  };
+
   // Default commit message and PR text, from the session's latest presentation.
   const draft = (s) => {
     const turn = s.turns.findLast((t) => t.status === 'done') || s.turns.at(-1);
@@ -70,13 +149,35 @@ export function createShip(app) {
     return { title: title.slice(0, 100), body: `${body}\n\n_Shipped from [wisp](https://github.com/M0xoo/wisp)._`.trim() };
   };
 
-  runner.on('ended', ({ session }) => recheck(store.get(session.id)));
+  runner.on('ended', ({ session, interrupted, errorText }) => {
+    const s = store.get(session.id);
+    recheck(s);
+    if (s?.conflictFix?.step === 'fixing') finishFix(s, { interrupted, errorText }).catch(() => {});
+  });
+  for (const s of store.all()) {
+    delete s.shipping; // a ship cut short by a restart isn't running anymore
+    if (s.conflictFix?.step === 'pushing') Object.assign(s.conflictFix, { step: 'failed', why: 'wisp restarted while pushing the fix.' });
+  }
   for (const s of store.all()) if (s.worktree && !s.archived && s.pr?.state !== 'MERGED') recheck(s);
 
+  // Open PRs are checked every minute, and every few seconds while their state is still settling,
+  // so a check finishing or a pushed fix clearing the conflict shows up quickly.
+  const settling = (s) => {
+    const pr = s.pr;
+    return !!(pr.checks?.pending || pr.mergeState === 'UNKNOWN' || ['pushing', 'done'].includes(s.conflictFix?.step) || Date.now() - (s.pushedAt || 0) < 5 * 60_000);
+  };
+  let polling = false;
   const timer = setInterval(async () => {
-    for (const s of store.all()) if (s.pr?.state === 'OPEN') await refreshPr(s).catch(() => {});
-  }, PR_POLL_MS);
+    if (polling) return;
+    polling = true;
+    try {
+      const due = store.all().filter((s) => s.pr?.state === 'OPEN' && Date.now() - (s.pr.checkedAt || 0) >= (settling(s) ? PR_FAST_POLL_MS : PR_POLL_MS));
+      await Promise.all(due.map((s) => refreshPr(s).catch(() => {})));
+    } finally {
+      polling = false;
+    }
+  }, PR_TICK_MS);
   timer.unref();
 
-  return { recheck, refreshPr, draft, stop: () => clearInterval(timer) };
+  return { recheck, refreshPr, fixConflicts, draft, stop: () => clearInterval(timer) };
 }

package/server/store.js

@@ -88,6 +88,7 @@ export class Store {
 
   // machine: a project on another computer (paths there are POSIX); null = this one.
   projectFor(cwd = '', machine = null) {
+    if (!machine && this.isScratch(cwd)) return null; // never inside a project, even one at ~
     const sep = machine ? '/' : path.sep;
     let best = null;
     for (const p of this.config.projects)
@@ -112,7 +113,19 @@ export class Store {
     return project;
   }
 
+  // Folder-less tasks run in a throwaway directory of their own under ~/.wisp/scratch.
+  scratchDir(id) {
+    const dir = path.join(this.home, 'scratch', id);
+    fs.mkdirSync(dir, { recursive: true });
+    return dir;
+  }
+
+  isScratch(dir = '') {
+    return String(dir).startsWith(path.join(this.home, 'scratch') + path.sep);
+  }
+
   touchProject(dir) {
+    if (this.isScratch(dir)) return null;
     const p = this.projectFor(dir) || this.addProject(dir);
     p.lastUsedAt = Date.now();
     this.saveConfig();
@@ -147,6 +160,8 @@ export class Store {
 
   delete(id) {
     clearTimeout(this.timers.get(id));
+    const cwd = this.sessions.get(id)?.cwd;
+    if (this.isScratch(cwd)) fs.rmSync(cwd, { recursive: true, force: true }); // a folder-less task's files go with it
     this.sessions.delete(id);
     fs.rmSync(path.join(this.dir, `${id}.json`), { force: true });
     fs.rmSync(path.join(this.shots, id), { recursive: true, force: true });

package/web/css/auto.css

@@ -27,3 +27,25 @@
 .ro-recent .dim { color: var(--faint); }
 .ro-foot { display: flex; align-items: center; gap: 10px; margin-top: 16px; }
 .ro-foot .hint { margin: 0; }
+
+/* Auto's steps after a run: check, repair, hand-over, best of two */
+.pill.auto-ck { gap: 4px; }
+.pill.auto-ck .i, .pill.auto-pick .i { width: 11px; height: 11px; }
+.pill.auto-ck.ck-pass { --tone: var(--good); color: var(--good); }
+.pill.auto-ck.ck-fail { --tone: var(--bad); color: var(--bad); }
+.pill.auto-ck.ck-unknown { color: var(--muted); }
+.pill.auto-pick { gap: 4px; color: var(--accent-ink); }
+.pill.auto-handed { color: var(--muted); }
+.ask.by-wisp { background: color-mix(in srgb, var(--accent) 6%, var(--bg-2)); }
+.ask-by { display: flex; align-items: center; gap: 5px; margin-bottom: 4px; font-size: 11.5px; font-weight: 500; color: var(--accent-ink); }
+.ask-by .i { width: 12px; height: 12px; }
+.t-by { font-weight: 600; color: var(--accent-ink); }
+.tests-by { margin-left: 8px; padding: 1px 6px; border-radius: 5px; font-size: 11px; font-weight: 500; vertical-align: middle; color: var(--accent-ink); background: var(--accent-soft); }
+.ro-repairs, .ro-scout { flex: none; }
+.ro-tests { display: flex; flex-direction: column; }
+.ro-test { display: flex; align-items: center; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--line); }
+.ro-test .us-proj { width: 160px; flex: none; font-size: 12.5px; }
+.ro-test .input { flex: 1; min-width: 0; font-size: 12px; }
+.router-modal .hint code { font-size: 11px; padding: 0 4px; border-radius: 4px; background: var(--bg-2); }
+.ro-tier { margin-left: 6px; padding: 0 5px; border-radius: 4px; font-style: normal; font-size: 10.5px; color: var(--faint); background: var(--bg-2); }
+.ro-tier.t3 { color: var(--accent-ink); background: var(--accent-soft); }

package/web/css/launcher.css

@@ -4,6 +4,11 @@
    while it's open so switching between the two harness pickers doesn't flash the ring off and on. */
 .launcher:is(:focus-within, :has(.open)) { border-color: color-mix(in srgb, var(--accent) 55%, var(--line-2)); box-shadow: 0 0 0 3px var(--accent-soft); }
 .launcher.drop, .composer.drop { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
+/* index.html's first paint: same height as the real launcher, so nothing jumps when it fills in */
+.launcher.skel .l-projects { height: 35px; }
+.launcher.skel .l-bar { height: 38px; }
+.launcher.skel .l-recipes { height: 40px; }
+@container launcher (max-width: 480px) { .launcher.skel .l-recipes { height: 90px; } } /* its hint wraps on phones */
 .l-projects { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0 2px 8px; }
 /* no harness yet: one quiet line offering to install opencode */
 .l-setup { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; padding: 6px 6px 6px 10px; border-radius: 9px; background: var(--accent-soft); font-size: 13px; color: var(--ink-2); }
@@ -24,8 +29,20 @@
 }
 .lp-chip:hover { border-color: var(--line-2); background: var(--surface-2); }
 .lp-chip.on { background: var(--bg-2); border-color: var(--line-2); color: var(--ink); font-weight: 500; }
+#wtBtn[hidden] { display: none; }
+.lp-chip.none .i { width: 13px; height: 13px; color: var(--muted); }
+.lp-chip.none.on .i { color: var(--ink); }
 .lp-chip.add { color: var(--muted); border-style: dashed; }
+.lp-chip.cloning .orb.live { --s: 11px; margin: 0; }
+.lp-chip .lp-note { color: var(--faint); font-weight: 400; font-size: 11.5px; }
 .lp-chip.add .i { width: 14px; height: 14px; }
+/* "+N": the projects that didn't get a chip, one search away */
+.lp-chip.more { gap: 5px; padding: 0 9px; color: var(--muted); }
+.lp-chip.more:hover, .lp-chip.more.open { color: var(--ink); border-color: var(--line-2); }
+.lp-chip.more .i { width: 12px; height: 12px; }
+.l-projects .lp-chip[hidden] { display: none; }
+/* narrow, with "+N" (whose list has No folder too): it goes icon-only unless picked */
+@container launcher (max-width: 520px) { .l-projects:has(.more:not([hidden])) .lp-chip.none:not(.on) span { display: none; } }
 /* recipes: one-click prompts under the launch bar */
 .l-recipes { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 8px -12px -10px; padding: 7px 14px 8px; border-top: 1px solid var(--line); }
 .l-recipes .l-in { display: inline-flex; align-items: center; gap: 5px; }

package/web/css/layout.css

@@ -45,8 +45,16 @@
 .dot.bad { background: var(--bad); }
 
 /* project filter chips in the top bar */
-.projects { flex: 1; min-width: 0; display: flex; align-items: center; gap: 4px; overflow-x: auto; scrollbar-width: none; }
-.projects::-webkit-scrollbar { display: none; }
+.projects { flex: 1; min-width: 0; display: flex; align-items: center; gap: 4px; }
+/* only whole chips: those that don't fit the bar fold into "+N" (projects.js fits them) */
+.p-scroll { flex: 0 1 auto; min-width: 0; display: flex; align-items: center; gap: 4px; overflow: hidden; }
+.p-chip[hidden], .p-chip > [hidden], .p-scroll[hidden] { display: none; }
+.p-chip.more.solo { min-width: 0; flex: 0 1 auto; gap: 6px; padding-left: 10px; color: var(--ink); font-weight: 500; }
+.p-chip.more.solo .p-more-n { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.p-chip.more { flex: none; gap: 4px; padding: 0 7px 0 9px; color: var(--muted); border-color: var(--line); }
+.p-chip.more:hover, .p-chip.more.open { border-color: var(--line-2); color: var(--ink); }
+.p-chip.more .chev { width: 11px; height: 11px; transform: rotate(90deg); transition: transform 0.2s var(--ease); }
+.p-chip.more.open .chev { transform: rotate(-90deg); }
 .p-chip {
   display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 99px; flex: none;
   font-size: 12.5px; color: var(--muted); border: 1px solid transparent; transition: background 0.15s, border-color 0.15s, color 0.15s;

package/web/css/modals.css

@@ -43,6 +43,14 @@
 .pname:focus { box-shadow: 0 0 0 3px var(--accent-soft); }
 .ppath { font: 11.5px var(--mono); color: var(--faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .pcount { font-size: 12px; color: var(--muted); }
+.discover h4 { display: flex; align-items: center; gap: 6px; }
+.discover h4 .i { width: 14px; height: 14px; }
+.discover h4 .muted { font-weight: 400; }
+.prow.cloning .ppath { color: var(--muted); }
+.discover h4 .link { margin-left: auto; font-size: 12px; }
+.prow.cloning .orb.live { margin: 0; }
+.hint .clonedir { width: 220px; height: 24px; padding: 0 7px; margin: 0 4px; border-radius: 7px; border: 1px solid var(--line-2); background: var(--surface); color: var(--ink); font-size: 12px; outline: 0; }
+.hint .clonedir:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
 .found { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 6px; }
 .found-item { display: grid; grid-template-columns: 16px 1fr; column-gap: 8px; text-align: left; padding: 8px 10px; border-radius: 11px; border: 1px solid var(--line); transition: all 0.15s; }
 .found-item:hover { border-color: var(--accent); background: var(--accent-soft); }

package/web/css/palette.css

@@ -53,6 +53,28 @@
 .menu { position: fixed; z-index: 40; min-width: 220px; padding: 5px; border-radius: 13px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow-2); animation: pop 0.2s var(--ease); }
 .menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 7px 10px; border-radius: 8px; font-size: 13.5px; color: var(--ink-2); }
 .menu button:hover { background: var(--bg-2); color: var(--ink); }
+/* the project list: search over every project, rows below, fixed extras at the bottom */
+.menu.pm { display: flex; flex-direction: column; width: 340px; max-width: calc(100vw - 16px); padding: 0; overflow: hidden; }
+.menu .pm-search, .menu .pm-search:is(:hover, :focus-within) {
+  flex: none; height: 42px; padding: 0 12px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; box-shadow: none; font-size: 13.5px;
+}
+.pm-list { max-height: min(340px, 48vh); overflow-y: auto; padding: 5px; }
+.pm-extras { flex: none; padding: 5px; border-top: 1px solid var(--line); }
+.menu .pm-row { gap: 8px; padding: 6px 9px; text-align: left; }
+.menu .pm-row:hover { background: none; }
+.menu .pm-row.act { background: var(--bg-2); color: var(--ink); }
+.pm-row .p-dot { flex: none; }
+.pm-name { flex: none; max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.pm-row.on .pm-name { font-weight: 500; color: var(--ink); }
+.pm-name mark { background: none; color: var(--accent-ink); font-weight: 600; }
+.pm-path { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; color: var(--faint); }
+.pm-row .pm-where { width: 11px; height: 11px; color: var(--muted); flex: none; }
+.pm-row .p-need { flex: none; }
+.pm-row .p-run { flex: none; }
+.pm-row .pm-check { flex: none; width: 14px; height: 14px; color: var(--accent); visibility: hidden; }
+.pm-row.on .pm-check { visibility: visible; }
+.pm-x .i { width: 14px; height: 14px; color: var(--muted); }
+.pm-empty { padding: 18px 10px; text-align: center; font-size: 13px; color: var(--muted); }
 .menu .danger:hover { color: var(--bad); background: var(--del-bg); }
 .menu-kbd { margin-left: auto; }
 

package/web/css/ship.css

@@ -63,6 +63,10 @@
 .pr-line { color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .pr-strip .ghost .i { width: 13px; height: 13px; }
 .pr-strip .pr-merge { color: var(--good); font-weight: 500; }
+.pr-strip .pr-fix { color: var(--bad); font-weight: 500; }
+.pr-strip > .ghost { flex: none; white-space: nowrap; }
+.pr-strip [data-pr="refresh"].busy .i { animation: pr-spin 0.8s linear infinite; }
+@keyframes pr-spin { to { transform: rotate(-360deg); } }
 @keyframes pulse { 50% { opacity: 0.35; } }
 
 .ship-modal, .run-modal { width: min(620px, 100%); }
@@ -93,3 +97,43 @@
 .cmp-body { flex: 1; min-height: 160px; max-height: 58vh; overflow: auto; padding: 12px; background: var(--surface); }
 .cmp-foot { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-top: 1px solid var(--line); }
 
+
+/* Ship it in flight: the PR row turns into a track of stages that fills in as they run */
+.pr-strip.ship-run {
+  --tone: var(--accent); position: relative; overflow: hidden; animation: ship-in 0.32s var(--ease);
+  background: color-mix(in srgb, var(--tone) 6%, transparent); border-color: color-mix(in srgb, var(--tone) 22%, transparent);
+}
+.ship-icon { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; flex: none; color: var(--accent-ink); background: color-mix(in srgb, var(--tone) 14%, transparent); }
+.ship-icon .i { width: 12px; height: 12px; animation: ship-fly 1.1s ease-in-out infinite; }
+.ship-what { font-weight: 500; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
+.ship-what .dots::after { content: '…'; animation: pulse 1.1s ease-in-out infinite; }
+.ship-track { display: flex; align-items: center; gap: 4px; margin: 0 0 0 4px; padding: 0; list-style: none; font-size: 11.5px; color: var(--faint); flex: none; }
+.ship-track li { display: inline-flex; align-items: center; gap: 4px; transition: color 0.25s; }
+.ship-track li + li::before { content: ''; width: 14px; height: 1.5px; margin-right: 2px; border-radius: 1px; background: var(--line-2); transition: background 0.3s; }
+.ship-track li.done::before, .ship-track li.now::before, .ship-track li.bad::before { background: var(--tone); }
+.ship-track i { display: grid; place-items: center; width: 13px; height: 13px; border-radius: 50%; border: 1.5px solid var(--line-2); transition: background 0.25s, border-color 0.25s; }
+.ship-track i .i { width: 8px; height: 8px; color: #fff; opacity: 0; transform: scale(0.4); transition: opacity 0.2s, transform 0.25s var(--ease); }
+.ship-track li.done { color: var(--ink-2); }
+.ship-track li.done i { background: var(--good); border-color: var(--good); }
+.ship-track li.done i .i { opacity: 1; transform: none; }
+.ship-track li.now { color: var(--ink); font-weight: 500; }
+.ship-track li.now i { border-color: var(--tone); border-top-color: transparent; animation: spin 0.8s linear infinite; }
+.ship-track li.bad { color: var(--bad); font-weight: 500; }
+.ship-track li.bad i { background: var(--bad); border-color: var(--bad); }
+.ship-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--tone), transparent) 0 0 / 40% 100% no-repeat; animation: ship-sweep 1.3s ease-in-out infinite; }
+.ship-run.failed .ship-bar, .ship-run.failed .ship-icon .i { animation: none; }
+.ship-run.failed .ship-bar { display: none; }
+.ship-run.failed .ship-icon { color: var(--bad); }
+.ship-run.failed { animation: nudge 0.4s ease; }
+.ship-err { font-weight: 400; color: var(--ink-2); }
+.ship-acts { display: inline-flex; gap: 2px; }
+.ship-acts .i { width: 13px; height: 13px; }
+.pr-strip.landed { animation: ship-land 0.9s var(--ease); }
+.pill.ship-pill { --tone: var(--accent); }
+.pill.ship-pill i { animation: pulse 1.1s ease-in-out infinite; }
+@keyframes ship-in { from { opacity: 0; transform: translateY(6px) scale(0.98); } }
+@keyframes ship-fly { 50% { transform: translateY(-2.5px); } }
+@keyframes ship-sweep { from { background-position: -40% 0; } to { background-position: 140% 0; } }
+@keyframes ship-land { from { box-shadow: 0 0 0 3px color-mix(in srgb, var(--good) 30%, transparent); transform: scale(1.015); } }
+@media (max-width: 640px) { .ship-track span { display: none; } }
+@media (prefers-reduced-motion: reduce) { .ship-run, .ship-run *, .pr-strip.landed { animation: none !important; } }

package/web/index.html

@@ -39,6 +39,7 @@
       <symbol id="i-dots" viewBox="0 0 24 24"><circle cx="6" cy="12" r="1.6" fill="currentColor"/><circle cx="12" cy="12" r="1.6" fill="currentColor"/><circle cx="18" cy="12" r="1.6" fill="currentColor"/></symbol>
       <symbol id="i-copy" viewBox="0 0 24 24"><rect x="8" y="8" width="12" height="12" rx="2" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M16 8V6a2 2 0 00-2-2H6a2 2 0 00-2 2v8a2 2 0 002 2h2" fill="none" stroke="currentColor" stroke-width="1.7"/></symbol>
       <symbol id="i-branch" viewBox="0 0 24 24"><circle cx="6" cy="5" r="2.2" fill="none" stroke="currentColor" stroke-width="1.7"/><circle cx="6" cy="19" r="2.2" fill="none" stroke="currentColor" stroke-width="1.7"/><circle cx="18" cy="7" r="2.2" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M6 7.2v9.6M18 9.2c0 5-12 3-12 7.6" fill="none" stroke="currentColor" stroke-width="1.7"/></symbol>
+      <symbol id="i-github" viewBox="0 0 24 24"><path d="M12 2.5a9.5 9.5 0 00-3 18.52c.48.09.65-.2.65-.46v-1.62c-2.64.57-3.2-1.27-3.2-1.27-.43-1.1-1.05-1.39-1.05-1.39-.86-.59.07-.58.07-.58.95.07 1.45.98 1.45.98.85 1.45 2.22 1.03 2.76.79.09-.61.33-1.03.6-1.27-2.1-.24-4.32-1.05-4.32-4.68 0-1.03.37-1.88.98-2.54-.1-.24-.42-1.2.09-2.5 0 0 .8-.26 2.61.97a9.1 9.1 0 014.76 0c1.81-1.23 2.61-.97 2.61-.97.51 1.3.19 2.26.09 2.5.61.66.98 1.51.98 2.54 0 3.64-2.22 4.44-4.34 4.67.34.3.64.88.64 1.77v2.63c0 .26.17.56.66.46A9.5 9.5 0 0012 2.5z" fill="currentColor"/></symbol>
       <symbol id="i-info" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M12 11v6M12 7.5v.5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></symbol>
       <symbol id="i-warn" viewBox="0 0 24 24"><path d="M12 3.5l9.5 16.5h-19L12 3.5z" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><path d="M12 10v4.5M12 17.2v.3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></symbol>
       <symbol id="i-ask" viewBox="0 0 24 24"><path d="M4 5.5A2.5 2.5 0 016.5 3h11A2.5 2.5 0 0120 5.5v8a2.5 2.5 0 01-2.5 2.5H10l-4.5 4v-4h0A1.5 1.5 0 014 14.5v-9z" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><path d="M10 8.2a2 2 0 113 1.7c-.7.4-1 .8-1 1.6M12 13.2v.3" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></symbol>
@@ -46,6 +47,7 @@
       <symbol id="i-pen" viewBox="0 0 24 24"><path d="M4 20l1-4L16 5l3 3L8 19l-4 1z" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/></symbol>
       <symbol id="i-spark" viewBox="0 0 24 24"><path d="M12 3l1.8 5.4L19 10l-5.2 1.6L12 17l-1.8-5.4L5 10l5.2-1.6L12 3zM18.5 15.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8.8-2.2z" fill="currentColor"/></symbol>
       <symbol id="i-stop" viewBox="0 0 24 24"><rect x="6.5" y="6.5" width="11" height="11" rx="2" fill="currentColor"/></symbol>
+      <symbol id="i-merge" viewBox="0 0 24 24"><circle cx="6" cy="5" r="2.2" fill="none" stroke="currentColor" stroke-width="1.7"/><circle cx="6" cy="19" r="2.2" fill="none" stroke="currentColor" stroke-width="1.7"/><circle cx="18" cy="15" r="2.2" fill="none" stroke="currentColor" stroke-width="1.7"/><path d="M6 7.2v9.6M6 7.2c0 4.4 4.4 7.8 9.8 7.8" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></symbol>
       <symbol id="i-send" viewBox="0 0 24 24"><path d="M12 19V5m-6 6l6-6 6 6" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></symbol>
       <symbol id="i-enter" viewBox="0 0 24 24"><path d="M19 5v7a3 3 0 01-3 3H5m4-4l-4 4 4 4" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></symbol>
       <symbol id="i-queue" viewBox="0 0 24 24"><path d="M4 6h12M4 12h12M4 18h7M17 15v6m-3-3h6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></symbol>
@@ -102,13 +104,22 @@
       </button>
     </header>
     <div class="feed-wrap">
-      <div class="launch-slot" id="launchSlot"><section class="launcher card" id="launcher"></section></div>
+      <div class="launch-slot" id="launchSlot">
+        <!-- First paint, before the scripts load: the launcher's shape, and a box you can already type
+             in. renderLauncher() fills in the rest and keeps what was typed. -->
+        <section class="launcher card skel" id="launcher">
+          <div class="l-projects"><span class="l-in">in</span></div>
+          <textarea id="prompt" rows="2" spellcheck="false" autofocus placeholder="What should I go do? Paste screenshots, drop logs or videos…"></textarea>
+          <div class="l-bar"><span class="grow"></span><button class="send" tabindex="-1" aria-hidden="true"><svg class="i"><use href="#i-enter"/></svg></button></div>
+          <div class="l-recipes"></div>
+        </section>
+      </div>
       <div class="feed-head" id="feedHead"></div>
       <div class="feed" id="feed">
-        <section class="f-group needs" id="secNeeds"><h4>Needs you<span class="n"></span></h4><div class="f-list"></div></section>
-        <section class="f-group working" id="secWorking"><h4>Working<span class="n"></span></h4><div class="f-list"></div></section>
-        <section class="f-group done" id="secDone"><h4 class="toggle-done">Done<span class="n"></span><svg class="i chev"><use href="#i-chevron"/></svg></h4><div class="f-list"></div></section>
-        <section class="f-group done archived" id="secArchived"><h4 class="toggle-done">Archived<span class="n"></span><svg class="i chev"><use href="#i-chevron"/></svg></h4><div class="f-list"></div></section>
+        <section class="f-group needs" id="secNeeds" hidden><h4>Needs you<span class="n"></span></h4><div class="f-list"></div></section>
+        <section class="f-group working" id="secWorking" hidden><h4>Working<span class="n"></span></h4><div class="f-list"></div></section>
+        <section class="f-group done" id="secDone" hidden><h4 class="toggle-done">Done<span class="n"></span><svg class="i chev"><use href="#i-chevron"/></svg></h4><div class="f-list"></div></section>
+        <section class="f-group done archived" id="secArchived" hidden><h4 class="toggle-done">Archived<span class="n"></span><svg class="i chev"><use href="#i-chevron"/></svg></h4><div class="f-list"></div></section>
       </div>
       <div class="feed-empty" id="feedEmpty" hidden></div>
     </div>

package/web/js/app.js

@@ -7,7 +7,7 @@ import { api } from './core/api.js';
 import * as bus from './core/bus.js';
 import { $, $$ } from './core/dom.js';
 import { ago } from './core/format.js';
-import { S, save } from './core/state.js';
+import { S, save, setAgents } from './core/state.js';
 import { combo } from './ui/kbd.js';
 import { openAutomations } from './features/automations.js';
 import { openPalette } from './features/commands.js';
@@ -70,12 +70,23 @@ window.addEventListener('focus', () => {
   for (const id of S.open) if (S.sessions.get(id)?.unread) scheduleRefetch(id);
 });
 
+// The launcher paints as soon as config and machines are in (local, fast), from the last harness
+// list seen. Detecting harnesses can take seconds on a cold start: it repaints the launcher when
+// it lands, only if the list changed.
 (async () => {
-  [S.agents] = await Promise.all([api('/agents').catch(() => []), loadConfig(), loadSessions(), loadMachines()]);
+  const agents = api('/agents').catch(() => null);
+  const sessions = loadSessions();
+  await Promise.all([loadConfig(), loadMachines()]);
   renderLauncher();
   bus.emit('agents');
+  $('#prompt')?.focus();
+  await sessions;
   connect();
   route();
-  $('#prompt')?.focus();
   telemetryNotice();
+  const list = await agents;
+  if (!list || JSON.stringify(list) === JSON.stringify(S.agents)) return;
+  setAgents(list);
+  renderLauncher();
+  bus.emit('agents');
 })();

package/web/js/blocks.js

@@ -512,7 +512,7 @@ R.tests = (b, ctx) => {
         </svg>
         <div class="ring-label">${icon(ok ? 'check' : 'x')}</div>
         <div class="tests-text">
-          <div class="verdict">${ok ? 'All green' : `${failed} failing`}</div>
+          <div class="verdict">${ok ? 'All green' : `${failed} failing`}${b.by === 'wisp' ? `<span class="tests-by" title="wisp ran the project's tests itself after the agent finished${b.note ? `: ${esc(b.note)}` : ''}">Run by wisp</span>` : ''}</div>
           <div class="counts"><span class="pass"><b class="v" data-v="${passed}"></b> passed</span>${failed ? `<span class="fail"><b class="v" data-v="${failed}"></b> failed</span>` : ''}${skipped ? `<span class="skip"><b class="v" data-v="${skipped}"></b> skipped</span>` : ''}${b.durationMs ? `<span class="dur">${fmtDuration(b.durationMs)}</span>` : ''}</div>
           ${cmd ? `<div class="tests-cmd"><code class="cmdline">$ ${esc(cmd)}</code>${ctx.exec ? `<button class="ghost xs run-tests" title="Re-run ${esc(cmd)}">${icon('rerun')}<span>Re-run</span></button>` : ''}</div>` : ''}
         </div>

package/web/js/core/state.js

@@ -22,7 +22,7 @@ export const S = {
   tasks: new Map(), // compare task key -> { card, head, runs, lead }
   focus: null, // id of the keyboard-focused item
   config: { defaults: {}, projects: [] },
-  agents: [],
+  agents: load('wisp.agents', []), // the last list seen, so the launcher paints before detection answers
   machines: [], // other computers over SSH: GET /api/machines, kept fresh by the 'machines' event
   filter: load('wisp.filter', 'all'),
   showDone: load('wisp.showDone', false),
@@ -32,6 +32,7 @@ export const S = {
   replyRunners: new Map(), // session id → { agent, model, effort } its next follow-up switches to
 };
 export const saveOpen = () => save('wisp.open', [...S.open]);
+export const setAgents = (list) => ((S.agents = list), save('wisp.agents', list));
 
 // Where the launcher sends a prompt: '' = this computer, else machine ids. Several run in parallel,
 // each in the project picked for it (launch.picks[place]), and show up as one task.

package/web/js/features/actions.js

@@ -8,7 +8,7 @@ import { $, el, icon } from '../core/dom.js';
 import { S } from '../core/state.js';
 import { keyHint } from '../ui/kbd.js';
 import { overlay } from '../ui/overlay.js';
-import { popover } from '../ui/popover.js';
+import { clampToViewport, popover } from '../ui/popover.js';
 import { toast, toastError, tryApi } from '../ui/toast.js';
 import { autosize } from './attachments.js';
 import { saveAsRecipe } from './automations.js';
@@ -208,9 +208,7 @@ export function taskMenu(id, e) {
     if (a === 'delete') deleteSession(id);
   };
   const close = popover(menu);
-  const r = menu.getBoundingClientRect();
-  if (r.right > innerWidth - 8) menu.style.left = `${innerWidth - r.width - 8}px`;
-  if (r.bottom > innerHeight - 8) menu.style.top = `${innerHeight - r.height - 8}px`;
+  clampToViewport(menu, e.clientX, e.clientY);
 }
 
 export async function deleteSession(id) {