@galda/cli 0.10.48 → 0.10.50

package/app/index.html

@@ -472,7 +472,17 @@
      scoped here, since every other .qsub stays a one-liner. */
   .replynote{white-space:normal;overflow:visible;margin-top:14px;padding-top:12px;border-top:1px solid var(--hair)}
   .replynote .qchips{margin-top:6px}
-  .replynote .txr.note .m{color:var(--ink3)}
+  /* The .txr You/Claude rows are styled by `.redesign .txr` — which the See-all card
+     (.sa-item.redesign) provides, but the goal-detail overlay and review dialog do NOT.
+     There the same note rendered as unstyled run-in black text ("Youこんにちは" with no
+     gap/weight — Masa 2026-07-24 "弾"). Scope the row layout to .replynote too so the
+     reply thread reads the same wherever its box lives. */
+  .replynote .txr{display:flex;gap:12px;padding:5px 0;font-size:13px;line-height:1.55;align-items:baseline}
+  .replynote .txr .w{flex:0 0 46px;font-size:11px;color:var(--ink3)}
+  .replynote .txr.you .w,.replynote .txr.cl .w{color:var(--ink);font-weight:600}
+  .replynote .txr .m{flex:1;min-width:0;color:var(--ink2)}
+  .replynote .txr.cl .m{color:var(--ink)}
+  .replynote .txr.note .m{font-family:var(--mono);font-size:12px;color:var(--ink3)}
   .ob-unsent{color:rgb(var(--danger-rgb));cursor:pointer}
   [data-oresend]{cursor:pointer}
   .chip2{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;padding:2px 7px;border-radius:6px;border:1px solid var(--hair2);color:var(--ink3);flex:0 0 auto}
@@ -1329,13 +1339,17 @@
     color:var(--ink2);font:inherit;font-size:12.5px;white-space:nowrap;overflow:hidden;cursor:pointer;text-align:left;width:100%;position:relative}
   #fsRoot .fsproj:hover{background:var(--hover-s)}
   #fsRoot .fsproj.on{background:var(--hover);color:var(--ink)}
-  #fsRoot .fsproj i{width:4px;height:4px;border-radius:50%;background:var(--ink3);flex:0 0 4px}
+  #fsRoot .fsproj i{width:4px;height:4px;border-radius:50%;background:var(--ink3);flex:0 0 4px;position:relative;top:1.5px} /* top:1.5px = optical nudge so the dot/running-ring centre sits on the name's x-height, not the line-box centre (Masa 2026-07-24, rail=D). Same shift for idle dot + running ring keeps the column aligned. */
   #fsRoot .fsproj.on i{background:var(--green)}
   /* running project = solid saturated green dot with a breathing glow — never dims to
      grey, independent of selection (HANDOFF-v45 §11, flagship .proj.run port) */
-  #fsRoot .fsproj.run i{background:var(--green);box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 55%,transparent);animation:fsrundot 2s ease-in-out infinite}
+  /* running project = a spinning broken green ring (matches the Doing marker · flagship #316).
+     Was a pulsing dot (fsrundot). Centre WITHOUT transform (spin's rotate would override a centring
+     translate → drift bottom-right) via top/left:50% + negative-half margin; concentric with the 4px dot. */
+  #fsRoot .fsproj.run i{background:none;box-shadow:none;position:relative}
+  #fsRoot .fsproj.run i::after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;box-sizing:border-box;border-radius:50%;border:1.3px solid #22c55e;border-top-color:transparent;animation:spin 1.8s linear infinite}
   @keyframes fsrundot{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 50%,transparent)}50%{box-shadow:0 0 5px 1.5px color-mix(in srgb,var(--green) 35%,transparent)}}
-  @media (prefers-reduced-motion:reduce){#fsRoot .fsproj.run i{animation:none}}
+  @media (prefers-reduced-motion:reduce){#fsRoot .fsproj.run i::after{animation:none}}
   #fsRoot .fsproj .pname{min-width:0;overflow:hidden;text-overflow:ellipsis}
   #fsRoot .fsproj .num{margin-left:auto;font-size:10px;color:var(--ink3);flex:0 0 auto}
   /* per-project counts (HANDOFF-v45 §10): To Do = rounded-square icon, Review = Scan
@@ -2276,10 +2290,13 @@
   #fsRoot .trow .tt{color:color-mix(in srgb,var(--ink) 84%,var(--panel))} /* §13.2 soften To Do row name (not pure black); left chat feed keeps --ink */
   #fsRoot .trow:hover{background:var(--hover-s)}
   #fsRoot .trow.now{font-weight:500}
-  #fsRoot .trow .st{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--hair2);flex:0 0 13px}
-  #fsRoot .trow .st.run{border-color:var(--green);background:radial-gradient(circle,rgba(var(--green-rgb),.4),transparent 70%)}
-  #fsRoot .trow .st.run.bad{border-color:var(--danger);background:radial-gradient(circle,rgba(var(--danger-rgb),.42),transparent 70%)}
-  #fsRoot .trow .st.run.int{border-color:var(--amber);background:radial-gradient(circle,rgba(var(--amber-rgb),.4),transparent 70%)}
+  #fsRoot .trow .st{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--hair2);flex:0 0 13px;position:relative;top:1px} /* top:1px = optical nudge so the whole status column (To Do/Doing/Failed/Done) centres on the row text, not the line-box (Masa 2026-07-24, board=C) */
+  /* Doing marker = a broken green ring that spins (pattern B · flagship #316). Running only —
+     .bad (failed) / .int (paused) stay static: no dead motion (DESIGN-RULES §5.5). Reuses @keyframes spin. */
+  #fsRoot .trow .st.run{border-color:var(--green);border-top-color:transparent;background:none;box-shadow:0 0 6px color-mix(in srgb,var(--green) 40%,transparent);animation:spin 1.8s linear infinite;animation-delay:var(--spd,0ms)} /* --spd = wall-clock phase (set in render()) so a re-created board marker doesn't restart the spin at 0deg */
+  #fsRoot .trow .st.run.bad{border-color:var(--danger);background:radial-gradient(circle,rgba(var(--danger-rgb),.42),transparent 70%);animation:none;box-shadow:none}
+  #fsRoot .trow .st.run.int{border-color:var(--amber);background:radial-gradient(circle,rgba(var(--amber-rgb),.4),transparent 70%);animation:none;box-shadow:none}
+  @media (prefers-reduced-motion:reduce){#fsRoot .trow .st.run{animation:none}}
   /* Doing-failure state word (HANDOFF-v45 §11): colour TEXT only, no badge/pill surface —
      Failed = red, Interrupted = amber. */
   #fsRoot .trow .stword{font-size:10.5px;font-weight:600;color:var(--danger);flex:0 0 auto}
@@ -2380,7 +2397,7 @@
   /* GOTCHA (HANDOFF-v45 §11): the rule above wins over a plain .fsproj.run i by
      specificity and greys the running dot out on the Gradient wallpaper rail — this
      exception restores solid green so "running" never dims to grey. */
-  body[data-theme="gradient"] #fsRoot .fsproj.run i{background:#22c55e}
+  body[data-theme="gradient"] #fsRoot .fsproj.run i{background:none}
   body[data-theme="gradient"] #fsRoot .fsproj .num,body[data-theme="gradient"] #fsRoot .fsproj .pcount{color:rgba(20,23,31,.6)}
   body[data-theme="gradient"] #fsRoot .fsproj:not(.on):hover{background:rgba(255,255,255,.34)}
   body[data-theme="gradient"] #fsRoot .fsproj.on{background:rgba(255,255,255,.5);color:var(--ink)}
@@ -2517,7 +2534,7 @@
   body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj{color:rgba(255,255,255,.85);text-shadow:0 1px 3px rgba(0,0,0,.35)}
   body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj i{background:rgba(255,255,255,.6)}
   /* same GOTCHA exception as the light Gradient rail, dark variant (HANDOFF-v45 §11) */
-  body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj.run i{background:#22c55e}
+  body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj.run i{background:none}
   body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj .num,body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj .pcount{color:rgba(255,255,255,.6)}
   body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj.on{background:rgba(255,255,255,.15);color:#fff}
   body[data-theme="gradient"][data-arcdark="1"] #fsRoot .fsproj:not(.on):hover{background:rgba(255,255,255,.1)}
@@ -3323,7 +3340,7 @@ const savedTheme = (() => {
   if (v !== s) localStorage.setItem('theme', v);
   return v;
 })();
-const state = { repos: null, repoHome: '', /* GET /api/repos — the folders a project can point at (Context Bar) */ projects: [], goals: [], tasks: [], act: {}, actAt: {}, todos: {}, chatTurns: {}, active: 'default', editing: null, attach: [], connectCommand: '', models: ['sonnet'], agentModels: null, agentEfforts: null, agents: ['claude-code', 'codex'], expanded: new Set(), openThreads: new Set(), queueOrder: {}, externalActivity: [], selectedGoal: null, workflowColumns: {}, wfDraft: null, reviewDefinitions: {}, rdDraft: null, connectedApp: localStorage.getItem('sel:agent') || 'claude-code', reviewOpenGoal: null, reviewApprovals: {}, goalDetailOpen: null, qreplyOpen: new Set(), logCollapsed: localStorage.getItem('logCollapsed') !== '0', logEntries: [], layout: localStorage.getItem('layout') || 'flagship', theme: savedTheme, boardskin: localStorage.getItem('boardskin') || 'auto', summaryPattern: Number(localStorage.getItem('summaryPattern')) || 3, peraSpot: 0, skill: null, skillsCache: null, projectRules: {}, rulesOpen: false,
+const state = { repos: null, repoHome: '', /* GET /api/repos — the folders a project can point at (Context Bar) */ projects: [], goals: [], tasks: [], act: {}, actAt: {}, todos: {}, chatTurns: {}, active: localStorage.getItem('sel:project') || 'default', editing: null, attach: [], connectCommand: '', models: ['sonnet'], agentModels: null, agentEfforts: null, agents: ['claude-code', 'codex'], expanded: new Set(), openThreads: new Set(), queueOrder: {}, externalActivity: [], selectedGoal: null, workflowColumns: {}, wfDraft: null, reviewDefinitions: {}, rdDraft: null, connectedApp: localStorage.getItem('sel:agent') || 'claude-code', reviewOpenGoal: null, reviewApprovals: {}, goalDetailOpen: null, qreplyOpen: new Set(), logCollapsed: localStorage.getItem('logCollapsed') !== '0', logEntries: [], layout: localStorage.getItem('layout') || 'flagship', theme: savedTheme, boardskin: localStorage.getItem('boardskin') || 'auto', summaryPattern: Number(localStorage.getItem('summaryPattern')) || 3, peraSpot: 0, skill: null, skillsCache: null, projectRules: {}, rulesOpen: false,
   // per-message send overrides set via slash-commands (reset after each send,
   // except model which is sticky in localStorage). palette = open command list.
   msg: { mode: null, model: null, effort: null, skill: null, later: false, review: false },
@@ -6142,6 +6159,13 @@ function render(){
   if (typeof SA !== 'undefined' && SA.open) saSync(); // keep the open See all Ledger live
   const bv = $('botver'); if (bv && state.uiVersion) bv.textContent = 'build ' + String(state.uiVersion).slice(0, 8);
   paintReplyNote();   // a reply's answer/question survives the re-render it caused
+  // Persist the selected project so a reload (a real UI ship, or any reconnect)
+  // restores the user's view instead of snapping back to 'default' (Masa
+  // 2026-07-24 "勝手にデフォルトのプロジェクトに戻される"). Only store an id that
+  // currently exists as a project, so onboarding/transient sentinels
+  // ('__onboard') are never saved and the restore always lands on a real one;
+  // an id that later disappears self-heals via the guards in refresh()/'projects'.
+  if (state.projects.some((p) => p.id === state.active)) localStorage.setItem('sel:project', state.active);
 }
 
 // ============================================================================
@@ -6181,6 +6205,11 @@ function renderFlagship(){
   if (state.layout !== 'flagship') return;
   const root = $('fsRoot'); if (!root) return;
   root.dataset.rv = String(fsUI.rv);
+  // Wall-clock phase for the spinning markers: any ring re-created this render (the board
+  // re-renders often on progress %) starts at the angle a continuous one would be at now,
+  // instead of snapping back to 0deg — no "jump". The rail ring is guarded separately and
+  // doesn't read --spd, so changing it here can't disturb the persistent rail ring. (Masa 2026-07-24)
+  root.style.setProperty('--spd', (-(Date.now() % 1800)) + 'ms');
   renderFsRail(); renderFsFeed(); renderFsLane();
 }
 function renderFsRail(){
@@ -6188,7 +6217,7 @@ function renderFsRail(){
   const activeProject = state.projects.find((p) => p.id === state.active);
   const activeLabel = $('fsProjBtnName');
   if (activeLabel) activeLabel.textContent = activeProject?.name ?? 'Projects';
-  el.innerHTML = state.projects.map((p) => {
+  const html = state.projects.map((p) => {
     const ptasks = state.tasks.filter((t) => t.projectId === p.id);
     const pgoals = state.goals.filter((g) => g.projectId === p.id);
     // running dot (HANDOFF-v45 §11): a REAL running task, independent of selection —
@@ -6202,6 +6231,11 @@ function renderFsRail(){
     return `<button class="fsproj${p.id === state.active ? ' on' : ''}${running ? ' run' : ''}" data-fsproj="${p.id}"><i></i><span class="pname">${esc(p.name)}</span>${pcount}</button>`;
   }).join('')
     + `<button class="fsprojadd" id="fsProjAdd" title="New project"><span class="pa-plus"></span><span class="pa-label">New project</span></button>`;
+  // Skip the DOM swap when the rail is unchanged: re-creating .fsproj.run would restart the
+  // spinning ring's CSS animation — a visible "jump" on every SSE-driven re-render (Masa 2026-07-24).
+  if (html === renderFsRail._html && el.childElementCount) return;
+  renderFsRail._html = html;
+  el.innerHTML = html;
   for (const b of el.querySelectorAll('[data-fsproj]')) b.onclick = (e) => {
     if (e.target.closest('.pname.editing') || b.querySelector('.pname.editing')) return;
     state.active = b.dataset.fsproj; document.body.classList.remove('projectsopen'); render();
@@ -6250,6 +6284,14 @@ function fsActiveContext(){
 // Per-project last non-empty center feed — the whiteout guard (see below): keeps
 // what the user was looking at when a render pass momentarily produces no lines.
 const _fsLastFeed = {};
+// H-CENTERLANE decision 1: pure merge-sort of timed HTML blocks (the focused task's
+// activity block + each chat turn) so the center lane renders in the order things
+// actually happened. Stable sort (spec-guaranteed since ES2019) keeps same-ts blocks
+// in their original relative order. Pure/no DOM — covered directly in
+// engine/test/center-lane-timeline.test.mjs.
+function fsMergeTimelineBlocks(blocks){
+  return [...blocks].sort((a, b) => a.ts - b.ts).map((b) => b.html).join('');
+}
 function renderFsFeed(){
   if (state.layout !== 'flagship') return;
   const feed = $('fsFeed'); if (!feed) return;
@@ -6294,7 +6336,12 @@ function renderFsFeed(){
     } else { nd.hidden = true; nd.innerHTML = ''; }
   }
   let html = '';
+  // H-CENTERLANE decision 1: the focused task's activity block is anchored at its
+  // startedAt so it can be merge-sorted against chat turns below (state.act carries
+  // no per-line timestamp, so the whole block — not each line — is the sort unit).
+  let focusTs = 0;
   if (focus) {
+    focusTs = focus.startedAt ? Date.parse(focus.startedAt) : 0;
     const lines = state.act[focus.id] ?? [];
     const lineLimit = fsUI.logOpen.has(focus.id) || focus.status === 'running' || ['running', 'partial'].includes(goal?.status) ? 1000 : 80;
     html += lines.slice(-lineLimit).map(fsFeedRow).join('');
@@ -6361,29 +6408,39 @@ function renderFsFeed(){
   // whole-feed re-render (SSE act events) can't drop them. Order per turn:
   // You → (mark, if it became a task) and, for a reply, speaker line → reply.
   const turns = (state.chatTurns[state.active] || []).slice(-40);
-  let chatHtml = '';
+  // H-CENTERLANE decision 1: each turn becomes its own timed block (ts, html) so it
+  // can be merge-sorted against the focused task's activity block below, instead of
+  // always rendering as one chat block stapled after the task feed regardless of
+  // when either actually happened.
+  const chatBlocks = [];
   for (const turn of turns) {
+    let t = '';
     if (turn.role === 'you') {
-      chatHtml += `<div class="cc-you"><span class="cy-n">You</span><div class="cy-t">${esc(turn.text)}</div></div>`;
+      t += `<div class="cc-you"><span class="cy-n">You</span><div class="cy-t">${esc(turn.text)}</div></div>`;
       if (turn.markGoalId != null && !turn.undone) {
         const mg = state.goals.find((x) => x.id === turn.markGoalId);
         const n = mg ? goalReviewNumber({ goal: mg, tasks: state.tasks }) : turn.markGoalId;
-        chatHtml += `<div class="cc-mark"><span class="cm-ar">→</span><span class="cm-t">Added to To Do</span><span class="cm-no">#${n}</span><button class="cm-undo" type="button" data-ccundo="${turn.markGoalId}">Undo</button></div>`;
+        t += `<div class="cc-mark"><span class="cm-ar">→</span><span class="cm-t">Added to To Do</span><span class="cm-no">#${n}</span><button class="cm-undo" type="button" data-ccundo="${turn.markGoalId}">Undo</button></div>`;
       }
     } else { // Claude Code reply — speaker line first (You → speaker → reply), then the text
       const app = connectedAppMeta(turn.agent);
-      chatHtml += `<div class="cc-who">${app.icon}<span class="cs-n">${esc(app.label)}</span></div>`;
+      t += `<div class="cc-who">${app.icon}<span class="cs-n">${esc(app.label)}</span></div>`;
       const shown = esc((turn.text || '').slice(0, turn.revealed || 0));
-      chatHtml += turn.done
+      t += turn.done
         ? `<div class="cc-say">${shown}</div>`
         : `<div class="cc-say"><span id="ccTyping">${shown}</span><span class="cc-caret"></span></div>`;
     }
+    chatBlocks.push({ ts: turn.ts ?? 0, html: t });
   }
   const pgoals = state.goals.filter((g) => g.projectId === state.active);
   const ptasks = state.tasks.filter((t) => t.projectId === state.active);
   const hasWork = pgoals.length > 0 || ptasks.length > 0 || turns.length > 0;
-  // task feed (with its own speaker line) → conversation turns → question (bottom)
-  let out = html + chatHtml + askHtml;
+  // H-CENTERLANE decision 1: interleave the focused task's activity block with the
+  // chat turns in the order they actually happened (stable sort keeps same-ts items
+  // in their original relative order); the question card(s) stay pinned at the very
+  // end (H18/H19 — a pending question must never be lost mid-scroll).
+  const timelineBlocks = html ? [{ ts: focusTs, html }, ...chatBlocks] : chatBlocks;
+  let out = fsMergeTimelineBlocks(timelineBlocks) + askHtml;
   if (out) _fsLastFeed[state.active] = out;
   else if (hasWork) out = _fsLastFeed[state.active] || `<div class="cc-c">⎿  ${esc(running.length ? 'working…' : 'no active task')}</div>`;
   $('fsRoot').classList.toggle('clawdhero', !hasWork);
@@ -6800,7 +6857,10 @@ function fsBucketTodo(){
     needsInput: pgoals.filter((g) => g.status === 'needsInput'), // a clarifying question is waiting on the user (board's "Needs you")
     reviewGoals: pgoals.filter((g) => g.status === 'review'),
     queued: list.filter((t) => t.status === 'queued' && !t.reply).sort(byQueue),
-    doneAll: list.filter((t) => ['done', 'skipped'].includes(t.status) && !closedGoalIds.has(t.goalId)).sort((a, b) => b.num - a.num),
+    // A reply task's completion is already visible inline in the center-lane timeline
+    // (H-CENTERLANE decision 3) — showing it again as an independent Done row is the
+    // same event twice. `queued` already guards `!t.reply` above; mirror it here.
+    doneAll: list.filter((t) => ['done', 'skipped'].includes(t.status) && !closedGoalIds.has(t.goalId) && !t.reply).sort((a, b) => b.num - a.num),
     later: pgoals.filter((g) => g.status === 'pending'),
     rejected: pgoals.filter((g) => g.status === 'rejected'), // 07-20c: Reject parks goals here (own fold, like Done)
   };
@@ -6927,7 +6987,7 @@ function renderFsTodo(){
       <button class="qadd" data-fsnew="1" title="New goal"><span class="paplus"></span>New</button>
     </div>
     ${doneAll.length ? `<div class="doneline${fsUI.doneOpen ? ' open' : ''}" id="fsDoneLine">✓ Done<span class="num">${doneAll.length}</span><span class="fold">▾</span></div>
-      <div id="fsDonelist"${fsUI.doneOpen ? '' : ' hidden'}>${doneAll.slice(0, 3).map((t) => `<div class="trow up dim done"><span class="st ok"></span>${noSpan(t.goalId)}<span class="tt">${tt(t.title)}</span></div>`).join('')}</div>` : ''}`;
+      <div id="fsDonelist"${fsUI.doneOpen ? '' : ' hidden'}>${doneAll.map((t) => `<div class="trow up dim done"><span class="st ok"></span>${noSpan(t.goalId)}<span class="tt">${tt(t.title)}</span></div>`).join('')}</div>` : ''}`;
   el.classList.toggle('folded', !!fsUI.todoFold);
   $('fsTodoHd').onclick = () => { fsUI.todoFold = !fsUI.todoFold; el.classList.toggle('folded', fsUI.todoFold); };
   const qadd = el.querySelector('.qadd[data-fsnew]');            // + New → focus the composer (the real create path)
@@ -8199,7 +8259,7 @@ async function postOutboxItem(item){
       // .peraanswer bar. Never land()/upsert(): a kind:'chat' response has no id.
       outbox.remove(item.oid);
       if (state.layout === 'flagship') {
-        const turn = { role: 'clawd', text: String(goal.reply || ''), revealed: 0, done: false, agent: item.agent };
+        const turn = { role: 'clawd', text: String(goal.reply || ''), revealed: 0, done: false, agent: item.agent, ts: Date.now() };
         (state.chatTurns[item.projectId] ||= []).push(turn);
         renderFsFeed();
         typeChatTurn(turn);
@@ -9976,7 +10036,7 @@ async function argItems(cmd){
 // Read the raw input → decide what the palette shows (null = closed).
 function paletteState(val){
   if (val[0] !== '/') return null;
-  const m = val.match(/^\/(\w*)(\s)?([\s\S]*)$/);
+  const m = val.match(/^\/([\w-]*)(\s)?([\s\S]*)$/); // allow '-' so hyphenated skill names filter (english-practice)
   if (!m) return null;
   const word = m[1], hadSpace = m[2] != null, rest = m[3];
   if (!hadSpace) return { level: 'top', query: word };   // still typing the command name
@@ -9999,11 +10059,18 @@ function renderPalette(){
   if (!p || !el) return;
   const head = p.level === 'top' ? 'Commands' : '/' + p.cmd;
   if (!p.items.length) { el.innerHTML = `<div class="sphead">${esc(head)}</div><div class="empty">No match</div>`; el.classList.add('show'); return; }
-  el.innerHTML = `<div class="sphead">${esc(head)}</div>` + p.items.map((it, i) => {
-    const name = p.level === 'top' ? '/' + it.cmd + (it.arg ? ' …' : '') : it.v;
-    const desc = p.level === 'top' ? it.desc : (it.d || '');
-    return `<button type="button" class="spopt${i === p.sel ? ' on' : ''}" data-i="${i}" role="option"><span class="spn">${esc(name)}</span><span class="spd">${esc(desc)}</span></button>`;
-  }).join('');
+  let html = '', lastGroup = null;
+  p.items.forEach((it, i) => {
+    // group headers: top-level splits Commands vs Skills; arg-level shows the "/cmd" head once.
+    if (p.level === 'top') {
+      const group = it.skill ? 'Skills' : 'Commands';
+      if (group !== lastGroup) { html += `<div class="sphead">${group}</div>`; lastGroup = group; }
+    } else if (i === 0) { html += `<div class="sphead">${esc('/' + p.cmd)}</div>`; }
+    const name = p.level === 'top' ? (it.skill ? '/' + it.skill : '/' + it.cmd + (it.arg ? ' …' : '')) : it.v;
+    const desc = p.level === 'top' ? (it.desc || '') : (it.d || '');
+    html += `<button type="button" class="spopt${i === p.sel ? ' on' : ''}" data-i="${i}" role="option"><span class="spn">${esc(name)}</span><span class="spd">${esc(desc)}</span></button>`;
+  });
+  el.innerHTML = html;
   el.classList.add('show');
   for (const b of el.querySelectorAll('[data-i]')) b.onmousedown = (e) => { e.preventDefault(); state.palette.sel = Number(b.dataset.i); acceptPalette(); };
 }
@@ -10015,6 +10082,13 @@ async function refreshPalette(){
   if (info.level === 'top') {
     const q = info.query.toLowerCase();
     items = SLASH_CMDS.filter((s) => !q || s.cmd.startsWith(q));
+    // Once the user types after "/", also offer their registered skills (type-to-filter, so a
+    // bare "/" stays a short command list). Selecting one runs the goal with that skill first.
+    if (q) {
+      const skills = (await loadSkills()).filter((s) => s.name.toLowerCase().includes(q));
+      if ($('input').value !== val) return; // input changed while awaiting skills
+      items = items.concat(skills.map((s) => ({ skill: s.name, desc: `${s.kind || 'skill'}${s.description ? ' · ' + s.description : ''}`.trim() })));
+    }
   } else {
     const all = await argItems(info.cmd);
     if ($('input').value !== val) return; // input changed while awaiting skills
@@ -10035,7 +10109,8 @@ function acceptPalette(){
   const p = state.palette; if (!p) return false;
   const item = p.items[p.sel]; if (!item) return true;
   if (p.level === 'top') {
-    if (item.arg) { $('input').value = '/' + item.cmd + ' '; refreshPalette(); }
+    if (item.skill) { applySlash('skill', item.skill); $('input').value = $('input').value.replace(/^\s*\/\S*\s*/, ''); closePalette(); } // hyphen-safe strip of the "/skillname" token
+    else if (item.arg) { $('input').value = '/' + item.cmd + ' '; refreshPalette(); }
     else { applySlash(item.cmd, null); $('input').value = stripLeadingCmd($('input').value); closePalette(); }
   } else {
     applySlash(p.cmd, item.v);

package/engine/server.mjs

@@ -728,13 +728,22 @@ if (process.env.MANAGER_SEED_RUNNING_FIXTURE === '1') {
 // res -> identity (see identityFor), captured at connection time so every
 // SSE push can be scoped per-connection without re-deriving auth per event.
 const sseClients = new Map();
-// UI hot-reload: open tabs compare this stamp (index.html mtime + boot
-// time) via /api/state and the 30s SSE ping, and reload themselves when a
-// new UI ships — no manual reload after a hot-copy or a restart.
-const BOOT_STAMP = Date.now();
+// UI hot-reload: open tabs compare this stamp (index.html mtime only) via
+// /api/state and the 30s SSE ping, and reload themselves when a new UI ships
+// — no manual reload after a hot-copy.
+//
+// It used to also fold in a per-process BOOT_STAMP (Date.now() at boot) so a
+// bare restart would force a reload too. That backfired on the always-on
+// resident: every relay-supervisor respawn / hot-copy restart, and every
+// reconnect that landed on a *different* engine process (each with its own
+// BOOT_STAMP), changed uiVersion and yanked a `location.reload()` on the 30s
+// ping — the "reloads every 30-60s and resets to the default project" report
+// (Masa 2026-07-24). mtime alone means a reload fires ONLY when app/index.html
+// actually changes, and every process serving the same file agrees on the
+// stamp, so restarts and multi-process relay churn no longer reload the tab.
 function uiVersion() {
-  try { return `${Math.round(statSync(join(ROOT, 'app', 'index.html')).mtimeMs)}-${BOOT_STAMP}`; }
-  catch { return String(BOOT_STAMP); }
+  try { return String(Math.round(statSync(join(ROOT, 'app', 'index.html')).mtimeMs)); }
+  catch { return '0'; }
 }
 
 // Broadcast to every connected client, unscoped — only for events that carry
@@ -4330,7 +4339,16 @@ const server = createServer(async (req, res) => {
       try {
         const { text } = JSON.parse(body);
         if (!text?.trim()) return json(res, 400, { error: 'text required' });
-        if (['partial', 'failed', 'interrupted', 'blocked'].includes(goal.status)) {
+        // Reply picks a parked goal back up into the work queue. 'review' MUST be
+        // here: a completed goal awaiting your approve/reject is 'review', and a
+        // reply to it means "not done — keep working" (Masa 2026-07-24: replied to
+        // an in-review card and it sat stuck in Review with no worker activity).
+        // Without this flip the reply task was queued but the goal never left the
+        // Review lane, so nothing looked like it was happening. Un-parking mirrors
+        // the already-working 'blocked'/'failed'/etc. "Needs you" replies: the goal
+        // flips to running and, since it still carries startedAt from its first run,
+        // shows in Doing as "Working on it" — then the worker resumes its session.
+        if (['review', 'partial', 'failed', 'interrupted', 'blocked'].includes(goal.status)) {
           goal.status = 'running';
           goal.blocked = null;
           saveGoal(goal);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galda/cli",
-  "version": "0.10.48",
+  "version": "0.10.50",
   "type": "module",
   "description": "Galda - hand off work to Claude Code or Codex, get proof back. Runs on your existing subscription, no extra API cost.",
   "scripts": {