lazyclaw 6.0.1 → 6.2.0

package/tui/editor.mjs

@@ -359,7 +359,13 @@ export function Editor({
   // sees at most a one-tick flicker. The IME-correctness win is worth
   // the cosmetic cost. Opt out via LAZYCLAW_NO_CURSOR_ANCHOR=1.
   useEffect(() => {
-    if (!altEnabled) return;
+    // Runs in BOTH the alt-buffer and the default (non-alt Static) layouts: the
+    // editor is the last child either way, so the cursor parks below it and the
+    // rowsUp math (editor geometry only) is identical. Anchoring in non-alt is
+    // what makes the terminal cursor visible AT the caret (so you can see where
+    // you're typing) and what keeps a CJK/Hangul IME pre-edit inside the box
+    // instead of leaking onto the row below. Opt out via LAZYCLAW_NO_CURSOR_ANCHOR=1.
+    void altEnabled;
     if (process.env.LAZYCLAW_NO_CURSOR_ANCHOR === '1') return;
     if (!(process.stdout && process.stdout.isTTY)) return;
     const cols = Math.max(20, process.stdout.columns || 80);
@@ -402,9 +408,19 @@ export function Editor({
     const prefixWidth = rowInEditor === 0 ? PROMPT_WIDTH : CONTINUATION_WIDTH;
     const colTarget = 3 + prefixWidth + colInLine;
     _installAnchorShim();
+    // If a previous anchor moved the cursor up and NO render's eraseLines has
+    // consumed that offset yet (two state updates between redraws — e.g. fast
+    // typing or backspace), the cursor is still parked up inside the editor.
+    // Undo that move first (\x1b[<pending>B) so we re-anchor from the true
+    // "below the frame" baseline. Without this the moves stacked, the shim
+    // only compensated for the LAST one, and eraseLines walked up into — and
+    // erased — the scrollback above the editor (corruption was invisible in
+    // the fixed alt-buffer canvas, visible in the default Static layout).
+    const pending = _anchorState.offset;
+    const undo = pending > 0 ? `\x1b[${pending}B\r` : '';
     _anchorState.offset = rowsUp;
     try {
-      process.stdout.write(`\x1b[${rowsUp}A\x1b[${colTarget}G\x1b[?25h`);
+      process.stdout.write(`${undo}\x1b[${rowsUp}A\x1b[${colTarget}G\x1b[?25h`);
     } catch { /* stdout closed — swallow */ }
   }, [state.buffer, state.cursor, altEnabled]);
 

package/tui/pickers.mjs

@@ -417,13 +417,13 @@ export async function _arrowMenu({ title, subtitle, footer, items, defaultIdx =
 // here (rather than registry.mjs) because it's a UX concept, not
 // an intrinsic provider attribute.
 export function _providerFamilies() {
-  // Membership (api/cli/mock, orchestrator excluded) is shared with the Ink
-  // picker via tui/provider_families.mjs so both paths bucket identically.
-  // The ANSI tags below are readline-specific, so they're applied here.
+  // Membership (api/cli/meta/mock) is shared with the Ink picker via
+  // tui/provider_families.mjs; the ANSI tags below are readline-specific.
   const b = _bucketProviders(getRegistry());
   return {
     api: { label: 'API key', desc: 'paste an sk-... key during setup',  tag: '\x1b[38;5;245m[needs key]\x1b[0m', members: b.api },
     cli: { label: 'CLI / Local', desc: 'keyless — uses an existing CLI login or a local daemon', tag: '\x1b[38;5;208m[no key]\x1b[0m', members: b.cli },
+    meta: { label: 'Multi-agent', desc: 'orchestrator — fan a task out to a planner + workers (advanced)', tag: '\x1b[38;5;245m[meta]\x1b[0m', members: b.meta },
     mock: { label: 'Mock', desc: 'offline echo, only useful for testing', tag: '\x1b[38;5;245m[test]\x1b[0m', members: b.mock },
   };
 }

package/tui/provider_families.mjs

@@ -5,17 +5,18 @@
 // (API key / CLI-Local / Mock) as shared, unit-testable data so both the
 // readline picker (cli.mjs) and the Ink dispatcher use one bucketing rule.
 
-// Bucket every registered provider into one of three auth families.
-// orchestrator is excluded entirely (strictly opt-in; never a wizard
-// default — see cli.mjs v5.3.2 note). Returns { api:[], cli:[], mock:[] }
-// of provider-id strings.
+// Bucket every registered provider into one of four auth families.
+// orchestrator sits in its own `meta` family — visible and pickable, but
+// never a wizard default (the cursor always starts on api/cli — see the
+// cli.mjs v5.3.2 note). Returns { api:[], cli:[], mock:[], meta:[] } of
+// provider-id strings.
 export function bucketProviders(registry) {
   const info = (registry && registry.PROVIDER_INFO) || {};
   const all = Object.keys((registry && registry.PROVIDERS) || {});
-  const out = { api: [], cli: [], mock: [] };
+  const out = { api: [], cli: [], mock: [], meta: [] };
   for (const name of all) {
     if (name === 'mock') out.mock.push(name);
-    else if (name === 'orchestrator') continue;
+    else if (name === 'orchestrator') out.meta.push(name);
     else if ((info[name] || {}).requiresApiKey) out.api.push(name);
     else out.cli.push(name);
   }
@@ -29,6 +30,7 @@ export function providerFamilies(registry) {
   return {
     api: { id: 'api', label: 'API key', desc: 'paste an sk-... key', tag: 'needs key', members: b.api },
     cli: { id: 'cli', label: 'CLI / Local', desc: 'keyless — an existing CLI login or a local daemon', tag: 'no key', members: b.cli },
+    meta: { id: 'meta', label: 'Multi-agent', desc: 'orchestrator — fan a task out to a planner + workers (advanced)', tag: 'meta', members: b.meta },
     mock: { id: 'mock', label: 'Mock', desc: 'offline echo, only useful for testing', tag: 'test', members: b.mock },
   };
 }

package/tui/repl.mjs

@@ -154,9 +154,25 @@ export function onEscape(state) {
   };
 }
 
-// New reducer: stream chunk arrives, accumulate in liveAssistant.
+// Stream chunk arrives. Completed lines are committed to the <Static>
+// scrollback immediately (so they scroll up ABOVE the sticky editor), and only
+// the in-progress trailing partial stays in the live region. Without this, a
+// reply taller than the terminal grew the live frame past the viewport and
+// spilled BELOW the input box (long orchestrator replies). Chunks without a
+// newline still just accumulate (the prior behaviour), so short replies and the
+// existing reducer tests are unchanged.
 export function onStreamChunk(state, { chunk }) {
-  return { ...state, liveAssistant: state.liveAssistant + chunk };
+  const buf = state.liveAssistant + chunk;
+  const nl = buf.lastIndexOf('\n');
+  if (nl < 0) return { ...state, liveAssistant: buf };
+  const complete = buf.slice(0, nl);          // one or more whole lines
+  const remainder = buf.slice(nl + 1);        // trailing partial (may be '')
+  const id = `as-${state.turnCounter}-${state.scrollback.length}`;
+  return {
+    ...state,
+    scrollback: [...state.scrollback, { kind: 'assistant', id, text: complete }],
+    liveAssistant: remainder,
+  };
 }
 
 export function onTurnComplete(state, { reason, error } = {}) {
@@ -463,10 +479,15 @@ export function ReplApp({ splashProps, runTurn, runTurnFactory, slashCommands, o
   const modalOpen = !!modal;
 
   // Slash popup is suppressed whenever a modal picker is active so the
-  // overlays don't stack.
+  // overlays don't stack, AND once the buffer has a space (the user is typing
+  // ARGS, e.g. `/orchestrator off`). Without the space guard the popup stayed
+  // open as a one-row hint and the editor treated Enter as "fill the matched
+  // command", which dropped the args and reverted the buffer to the bare
+  // command. With args, Enter must submit the full line instead.
   const showSlashPopup =
     !modalOpen &&
-    bufferPeek.startsWith('/') && filtered.length > 0 && !_exactOnly;
+    bufferPeek.startsWith('/') && bufferPeek.indexOf(' ') < 0 &&
+    filtered.length > 0 && !_exactOnly;
 
   // Outer column height: pinned to rows-1 in alt-buffer mode so the
   // Editor truly sticks to the bottom. Non-alt keeps content-sized layout

package/tui/slash_commands.mjs

@@ -26,6 +26,10 @@ export const SLASH_COMMANDS = [
   { cmd: '/personality', help: 'pick a personality (or sub: list|show|install|remove|use)' },
   { cmd: '/dashboard',   help: 'open the lazyclaw web UI in your browser' },
   { cmd: '/menu',        help: 'browse the full subcommand catalog (command palette)' },
+  { cmd: '/config',      help: 'leave chat and re-run the setup wizard (provider, model, channels)' },
+  { cmd: '/channels',    help: 'view configured channels; /channels <name> on|off to toggle' },
+  { cmd: '/orchestrator', help: 'multi-agent: status | on | off | planner <spec> | worker add|remove <spec>' },
+  { cmd: '/context',      help: 'chat history window: status | turns <N> | tokens <N>' },
   { cmd: '/loop',        help: 'repeat one prompt: /loop "fix lint" [--max N] [--until "<regex>"]' },
   { cmd: '/goal',        help: 'register/switch goal: /goal add NAME | /goal list' },
   { cmd: '/memory',      help: 'show layered memory: /memory [core|recent|episodic [topic]]' },

package/tui/slash_dispatcher.mjs

@@ -1670,6 +1670,119 @@ async function _menu(args, ctx) {
   ].join('\n');
 }
 
+// /channels — view configured channels and toggle them. `/channels` lists;
+// `/channels <name> on|off` enables/disables. Reads/writes cfg via ctx when
+// available, else lib/config directly, so it works on both REPL paths.
+async function _channels(args, ctx = {}) {
+  const cf = await import('../config_features.mjs');
+  const cfgMod = await import('../lib/config.mjs');
+  const read = typeof ctx.readConfig === 'function' ? ctx.readConfig : cfgMod.readConfig;
+  const write = typeof ctx.writeConfig === 'function' ? ctx.writeConfig : cfgMod.writeConfig;
+  const [name, action] = (args || '').trim().split(/\s+/).filter(Boolean);
+  if (name && /^(on|off|enable|disable)$/i.test(action || '')) {
+    const en = /^(on|enable)$/i.test(action);
+    const cfg = read();
+    const key = name.toLowerCase();
+    // Reject unknown names so a typo can't silently create a bogus
+    // cfg.channels.<name> section (which would then leak into the list).
+    // Stay permissive for pre-existing custom sections.
+    const existing = (cfg.channels && typeof cfg.channels === 'object') ? cfg.channels : {};
+    if (!cf.KNOWN_CHANNELS.includes(key) && !(key in existing)) {
+      return `unknown channel: ${key} (known: ${cf.KNOWN_CHANNELS.join(', ')})`;
+    }
+    cf.channelSetEnabled(cfg, key, en); write(cfg);
+    // Legacy fallback path: the readline ctx (_legacyCtx) has no
+    // readConfig/writeConfig, so we read/wrote disk above against a fresh
+    // cfg object. Mirror the toggle onto the in-session ctx.cfg so a
+    // follow-up `/channels` (list) or other in-session read stays
+    // consistent instead of showing the stale pre-toggle value.
+    if (ctx.cfg && ctx.cfg !== cfg && typeof ctx.cfg === 'object') {
+      cf.channelSetEnabled(ctx.cfg, key, en);
+    }
+    return `channel ${key} → ${en ? 'enabled' : 'disabled'}`;
+  }
+  const rows = cf.channelStatusList(read());
+  if (!rows.length) return 'no channels configured. add creds with /config (re-runs setup) or `lazyclaw setup`.';
+  const lines = ['configured channels:'];
+  for (const c of rows) lines.push(`  ${c.name}  ${c.enabled ? 'enabled' : 'disabled'}${c.boundAgent ? ' · agent: ' + c.boundAgent : ''}`);
+  lines.push('toggle: /channels <name> on|off   ·   add creds: /config');
+  return lines.join('\n');
+}
+
+// /orchestrator — view/edit multi-agent config. `status` (default), `on`/`off`,
+// `planner <spec>`, `worker add|remove <spec>`, `maxsubtasks <N>`. ctx-or-
+// lib/config fallback so it works on both REPL paths.
+async function _orchestrator(args, ctx = {}) {
+  const cf = await import('../config_features.mjs');
+  const cfgMod = await import('../lib/config.mjs');
+  const read = typeof ctx.readConfig === 'function' ? ctx.readConfig : cfgMod.readConfig;
+  const write = typeof ctx.writeConfig === 'function' ? ctx.writeConfig : cfgMod.writeConfig;
+  const persist = (cfg) => { write(cfg); if (ctx.cfg) ctx.cfg = cfg; };
+  const parts = (args || '').trim().split(/\s+/).filter(Boolean);
+  const fmt = () => {
+    const s = cf.orchestratorGet(read());
+    return `orchestrator: ${s.active ? 'ON' : 'off'}  ·  planner: ${s.planner || '(default)'}  ·  workers: ${s.workers.length ? s.workers.join(', ') : '(none)'}  ·  maxSubtasks: ${s.maxSubtasks}`;
+  };
+  // Bare `/orchestrator` → arrow-key picker (Ink). Pick ON/OFF/Status instead
+  // of typing the subcommand. Legacy path (no openPicker) shows status text.
+  if (parts.length === 0 && typeof ctx.openPicker === 'function') {
+    const s = cf.orchestratorGet(read());
+    const picked = await ctx.openPicker({
+      title: 'Orchestration',
+      subtitle: `now ${s.active ? 'ON' : 'off'} · planner ${s.planner || '(default)'} · ${s.workers.length} worker(s)`,
+      items: [
+        { id: 'on', label: 'Turn ON', desc: 'route chats through planner + workers' },
+        { id: 'off', label: 'Turn OFF', desc: 'back to a single provider' },
+        { id: 'status', label: 'Status', desc: 'show current config' },
+      ],
+    });
+    if (!picked || typeof picked !== 'string') return fmt();
+    return _orchestrator(picked, ctx);
+  }
+  const sub = (parts[0] || 'status').toLowerCase();
+  if (sub === 'status') return fmt();
+  const cfg = read();
+  if (sub === 'on' || sub === 'enable') {
+    if (!cf.orchestratorGet(cfg).planner) {
+      const base = cfg.provider && cfg.provider !== 'orchestrator' ? cfg.provider : 'claude-cli';
+      cf.orchestratorSet(cfg, { planner: base });
+    }
+    cf.orchestratorEnable(cfg, true); persist(cfg);
+    const after = cf.orchestratorGet(read());
+    return after.workers.length ? 'orchestration ON.\n' + fmt() : 'orchestration ON — but no workers yet. Add one: /orchestrator worker add <provider[:model]>';
+  }
+  if (sub === 'off' || sub === 'disable') { cf.orchestratorEnable(cfg, false); persist(cfg); return 'orchestration off. provider → ' + read().provider; }
+  if (sub === 'planner') { if (!parts[1]) return 'usage: /orchestrator planner <provider[:model]>'; cf.orchestratorSet(cfg, { planner: parts[1] }); persist(cfg); return 'planner → ' + parts[1]; }
+  if (sub === 'maxsubtasks') { const n = parseInt(parts[1], 10); if (!Number.isFinite(n)) return 'usage: /orchestrator maxsubtasks <N>'; cf.orchestratorSet(cfg, { maxSubtasks: Math.max(1, Math.min(10, n)) }); persist(cfg); return fmt(); }
+  if (sub === 'worker') {
+    const action = (parts[1] || '').toLowerCase(); const spec = parts[2];
+    const workers = [...cf.orchestratorGet(cfg).workers];
+    if (action === 'add' && spec) { if (!workers.includes(spec)) workers.push(spec); cf.orchestratorSet(cfg, { workers }); persist(cfg); return 'workers: ' + workers.join(', '); }
+    if ((action === 'remove' || action === 'rm') && spec) { const next = workers.filter((w) => w !== spec); cf.orchestratorSet(cfg, { workers: next }); persist(cfg); return 'workers: ' + (next.join(', ') || '(none)'); }
+    return 'usage: /orchestrator worker add|remove <provider[:model]>';
+  }
+  return 'usage: /orchestrator [status|on|off|planner <spec>|worker add|remove <spec>|maxsubtasks <N>]';
+}
+
+// /context — view/set the chat history window (turns + token budget). This is
+// the sliding history budget sent each turn, NOT the model's hard context
+// limit. ctx-or-lib/config fallback so it works on both REPL paths.
+async function _context(args, ctx = {}) {
+  const cf = await import('../config_features.mjs');
+  const cfgMod = await import('../lib/config.mjs');
+  const read = typeof ctx.readConfig === 'function' ? ctx.readConfig : cfgMod.readConfig;
+  const write = typeof ctx.writeConfig === 'function' ? ctx.writeConfig : cfgMod.writeConfig;
+  const persist = (cfg) => { write(cfg); if (ctx.cfg) ctx.cfg = cfg; };
+  const parts = (args || '').trim().split(/\s+/).filter(Boolean);
+  const sub = (parts[0] || 'status').toLowerCase();
+  const fmt = () => { const w = cf.chatWindowGet(read()); return `context window: ${w.turns} turns · ${w.tokens} tokens  (history budget — not the model's hard limit)`; };
+  if (sub === 'status') return fmt();
+  const n = parseInt(parts[1], 10);
+  if (sub === 'turns') { if (!Number.isFinite(n) || n < 1) return 'usage: /context turns <N>'; const cfg = read(); cf.chatWindowSet(cfg, { turns: n }); persist(cfg); return fmt(); }
+  if (sub === 'tokens') { if (!Number.isFinite(n) || n < 256) return 'usage: /context tokens <N>  (min 256)'; const cfg = read(); cf.chatWindowSet(cfg, { tokens: n }); persist(cfg); return fmt(); }
+  return 'usage: /context [status | turns <N> | tokens <N>]';
+}
+
 // ─── dispatch table ──────────────────────────────────────────────────────
 
 export const SLASH_HANDLERS = new Map([
@@ -1698,6 +1811,11 @@ export const SLASH_HANDLERS = new Map([
   ['/trainer', _trainer],
   ['/dashboard', _dashboard],
   ['/menu', _menu],
+  ['/channels', _channels],
+  ['/orchestrator', _orchestrator],
+  ['/context', _context],
+  // /config — unmount and let chat.mjs run the setup wizard (ctx.requestSetup).
+  ['/config', async (_a, ctx) => { ctx.requestSetup = true; return 'EXIT'; }],
   ['/exit', async () => 'EXIT'],
   ['/quit', async () => 'EXIT'],
 ]);

package/tui/splash_props.mjs

@@ -0,0 +1,52 @@
+// tui/splash_props.mjs — gather the dynamic props the splash panel needs
+// (tool groups + skill groups), shared by the chat REPL and the setup wizard
+// so both surfaces render the same lazyclaw splash instead of drifting apart
+// (the setup wizard used to show a small figlet banner instead).
+import path from 'node:path';
+import { configPath } from '../lib/config.mjs';
+
+// Re-export the renderer so setup/onboarding callers need one import.
+export { renderSplashToString } from './splash.mjs';
+
+// Verbatim from the chat REPL's former inline block: collapse the v5 tool
+// registry to one row per category, and group installed skills by their
+// filename hyphen-prefix. Failures degrade to empty lists, never throw.
+export async function gatherToolAndSkillGroups(cfgDir) {
+  let tools = [];
+  try {
+    const registry = await import('../mas/tools/registry.mjs');
+    const byCat = registry.byCategory();
+    tools = Object.entries(byCat).map(([category, items]) => ({
+      category,
+      sensitive: items.some((t) => t.sensitive),
+      verbs: items.map((t) => t.name.replace(/^[a-z]+_/, '')).slice(0, 6),
+    })).sort((a, b) => a.category.localeCompare(b.category));
+  } catch { /* registry unavailable → empty list */ }
+
+  let skills = [];
+  try {
+    const { listSkills } = await import('../skills.mjs');
+    const flat = listSkills(cfgDir);
+    const byGroup = new Map();
+    for (const s of flat) {
+      const i = s.name.indexOf('-');
+      const group = i > 0 ? s.name.slice(0, i) : 'general';
+      const sub = i > 0 ? s.name.slice(i + 1) : s.name;
+      if (!byGroup.has(group)) byGroup.set(group, []);
+      byGroup.get(group).push(sub);
+    }
+    skills = [...byGroup.entries()]
+      .map(([group, names]) => ({ group, names: names.slice(0, 6) }))
+      .sort((a, b) => a.group.localeCompare(b.group));
+  } catch { /* skills dir unavailable → empty list */ }
+
+  return { tools, skills };
+}
+
+// Build the full splash props for the setup wizard. Self-contained (resolves
+// the config dir itself) so call sites stay one line.
+export async function splashPropsForSetup({ version = '', provider = '', model = '' } = {}) {
+  const cfgDir = path.dirname(configPath());
+  const { tools, skills } = await gatherToolAndSkillGroups(cfgDir);
+  return { provider, model, trainer: {}, sessionId: '', cwd: process.cwd(), version, tools, skills };
+}

package/web/dashboard.css

@@ -4,7 +4,8 @@
       --border: #2a2a36;
       --text: #e8e8ea;
       --dim: #a8a8b8;
-      --accent: #d97757;
+      --accent: #d9b35a;
+      --accent-ink: #1a1610;
       --ok: #4ade80;
       --warn: #f59e0b;
       --err: #ef4444;
@@ -27,14 +28,7 @@
       gap: 14px;
     }
     .logo { font-weight: 700; font-size: 16px; color: var(--accent); display: flex; align-items: center; gap: 10px; }
-    .logo .mascot { width: 44px; height: 44px; flex: none; image-rendering: pixelated; image-rendering: crisp-edges; }
     .ver  { color: var(--dim); font-size: 11px; }
-    /* lazyclaw 16x16 pixel mascot — Claude Design handoff (mascot sheet
-       v0.1, "claude original" palette). Claude's asterisk star (#d97757)
-       worn under a crustacean helmet (#c33d2a) with two antenna-claws.
-       Idle pose (sleepy slits). Hover gently brightens the helmet. */
-    .mascot { transition: filter 0.2s ease; }
-    .logo:hover .mascot { filter: drop-shadow(0 0 6px rgba(217, 119, 87, 0.45)); }
     nav.tabs {
       display: flex;
       flex-wrap: wrap;
@@ -81,7 +75,7 @@
     .dim { color: var(--dim); font-size: 12px; }
     button.btn {
       background: var(--accent);
-      color: #fff;
+      color: var(--accent-ink);
       border: 0;
       border-radius: 6px;
       padding: 8px 14px;
@@ -119,7 +113,7 @@
       gap: 14px;
     }
     .msg { padding: 8px 12px; border-radius: 6px; max-width: 90%; white-space: pre-wrap; word-wrap: break-word; }
-    .msg.user { align-self: flex-end; background: rgba(217, 119, 87, 0.15); border: 1px solid rgba(217, 119, 87, 0.3); }
+    .msg.user { align-self: flex-end; background: rgba(217, 179, 90, 0.15); border: 1px solid rgba(217, 179, 90, 0.3); }
     .msg.assistant { align-self: flex-start; background: rgba(74, 222, 128, 0.06); border: 1px solid rgba(74, 222, 128, 0.18); }
     .msg.error { align-self: stretch; background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.3); color: #ffd3d3; }
     .input-row {
@@ -230,9 +224,9 @@
     .modal-body { padding: 16px 18px; overflow-y: auto; flex: 1; }
     .modal-foot { padding: 12px 18px; border-top: 1px solid var(--border); display: flex; gap: 8px; justify-content: flex-end; }
     .clickable { cursor: pointer; }
-    .clickable:hover { background: rgba(217, 119, 87, 0.05); }
+    .clickable:hover { background: rgba(217, 179, 90, 0.05); }
     .turn { padding: 8px 12px; border-radius: 6px; margin-bottom: 8px; white-space: pre-wrap; word-wrap: break-word; font-size: 13px; }
-    .turn.user      { background: rgba(217, 119, 87, 0.10); border: 1px solid rgba(217, 119, 87, 0.25); }
+    .turn.user      { background: rgba(217, 179, 90, 0.10); border: 1px solid rgba(217, 179, 90, 0.25); }
     .turn.assistant { background: rgba(74, 222, 128, 0.06); border: 1px solid rgba(74, 222, 128, 0.18); }
     .turn.system    { background: rgba(245, 158, 11, 0.06); border: 1px solid rgba(245, 158, 11, 0.20); }
     .turn .role-tag { display: block; color: var(--dim); font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; }

package/web/dashboard.html

@@ -14,43 +14,11 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>LazyClaw</title>
-  <link rel="stylesheet" href="/dashboard.css">
+  <link rel="stylesheet" href="dashboard.css">
 </head>
 <body>
   <header>
     <div class="logo">
-      <svg class="mascot" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" shape-rendering="crispEdges" aria-label="lazyclaw mascot" role="img">
-        <!-- antennae / claws -->
-        <rect x="3"  y="1"  width="1"  height="1" fill="#a02b1c"/>
-        <rect x="12" y="1"  width="1"  height="1" fill="#a02b1c"/>
-        <rect x="3"  y="2"  width="1"  height="1" fill="#a02b1c"/>
-        <rect x="12" y="2"  width="1"  height="1" fill="#a02b1c"/>
-        <!-- helmet -->
-        <rect x="3"  y="3"  width="10" height="1" fill="#c33d2a"/>
-        <rect x="2"  y="4"  width="12" height="1" fill="#c33d2a"/>
-        <rect x="1"  y="5"  width="2"  height="1" fill="#c33d2a"/>
-        <rect x="3"  y="5"  width="1"  height="1" fill="#ff8a6a"/>
-        <rect x="4"  y="5"  width="8"  height="1" fill="#c33d2a"/>
-        <rect x="12" y="5"  width="1"  height="1" fill="#ff8a6a"/>
-        <rect x="13" y="5"  width="2"  height="1" fill="#c33d2a"/>
-        <rect x="1"  y="6"  width="14" height="1" fill="#c33d2a"/>
-        <rect x="2"  y="7"  width="12" height="1" fill="#c33d2a"/>
-        <!-- star body (Claude asterisk) — top edge below helmet brim -->
-        <rect x="3"  y="8"  width="10" height="1" fill="#d97757"/>
-        <!-- face row (idle: sleepy slit eyes) -->
-        <rect x="2"  y="9"  width="3"  height="1" fill="#d97757"/>
-        <rect x="5"  y="9"  width="2"  height="1" fill="#1a1410"/>
-        <rect x="7"  y="9"  width="2"  height="1" fill="#d97757"/>
-        <rect x="9"  y="9"  width="2"  height="1" fill="#1a1410"/>
-        <rect x="11" y="9"  width="3"  height="1" fill="#d97757"/>
-        <!-- star arms + tip -->
-        <rect x="1"  y="10" width="14" height="1" fill="#d97757"/>
-        <rect x="0"  y="11" width="16" height="1" fill="#d97757"/>
-        <rect x="1"  y="12" width="14" height="1" fill="#d97757"/>
-        <rect x="3"  y="13" width="10" height="1" fill="#d97757"/>
-        <rect x="5"  y="14" width="6"  height="1" fill="#d97757"/>
-        <rect x="7"  y="15" width="2"  height="1" fill="#d97757"/>
-      </svg>
       <span>lazyclaw</span>
     </div>
     <div class="ver" id="version">…</div>
@@ -276,6 +244,6 @@
     </div>
   </div>
 
-  <script src="/dashboard.js"></script>
+  <script src="dashboard.js"></script>
 </body>
 </html>

package/web/dashboard.js

@@ -153,7 +153,7 @@
             ? `<span class="pill ok" title="trained by ${escHtml(s.trainedBy || 'trainer')}">trained: ${escHtml(s.trainedBy || 'on')}</span>`
             : '';
           const tagAgent = s.agentName
-            ? `<span class="pill" style="background:rgba(217,119,87,0.18);color:var(--accent);">@${escHtml(s.agentName)}</span>`
+            ? `<span class="pill" style="background:rgba(217,179,90,0.18);color:var(--accent);">@${escHtml(s.agentName)}</span>`
             : '';
           const trajBtn = s.trajectoryId
             ? `<button class="btn btn-secondary btn-sm" data-action="trajectory" data-traj="${escHtml(s.trajectoryId)}">Trajectory</button>`
@@ -391,7 +391,7 @@
           const tag = p.requiresApiKey
             ? '<span class="pill warn">api key</span>'
             : '<span class="pill ok">no key</span>';
-          const customTag = p.custom ? ' <span class="pill" style="background:rgba(217,119,87,0.18);color:var(--accent);">custom</span>' : '';
+          const customTag = p.custom ? ' <span class="pill" style="background:rgba(217,179,90,0.18);color:var(--accent);">custom</span>' : '';
           const builtinCompat = p.builtinOpenAICompat ? ' <span class="pill" style="background:rgba(74,222,128,0.12);color:var(--ok);">openai-compat</span>' : '';
           const models = (p.suggestedModels || []).slice(0, 6).join(' · ') || '<span class="dim">(default)</span>';
           const removeBtn = p.custom
@@ -1221,7 +1221,7 @@
           const label = md.session_id || md.skill_name || md.trajectory_id || md.topic || '—';
           return `<div class="card">
             <div class="row" style="border:0;padding:0;">
-              <span class="pill" style="background:rgba(217,119,87,0.18);color:var(--accent);">${escHtml(h.scope)}</span>
+              <span class="pill" style="background:rgba(217,179,90,0.18);color:var(--accent);">${escHtml(h.scope)}</span>
               <div class="name" style="margin-left:8px;">${escHtml(String(label))}</div>
               <div class="dim row-actions">bm25 ${Number(h.bm25 || 0).toFixed(2)}</div>
             </div>