session reliability: reconnect, knowledge loop, retire request_execution

Phase 1 — crash recovery: SSE auto-reconnect + backoff, polling gate
during disconnect, connection banner with retry button, empty-response
retry 3x, non-terminal resume on empty response, persistent error cards.

Phase 2/4 — visibility + continuation: custom ExecutionStatus renderer,
approvals extracted on every tool_result (not just done), activity bar
with status/goal, SessionDigest live polling, Continue button.

Phase 3 — cleanup: complete_task auto-cancels orphaned approvals,
deletes assent/destructive window keys, propose_plan marks pending
steps as replaced, plan step seq-order enforcement.

Phase 5 — knowledge loop: list_lxcs state filter (active/destroyed),
SOUL.md unmissable writeback section, propose_plan validation nudge,
complete_task writeback check, upsert_knowledge about array support,
plan generation grouping in frontend, session approval count badge.

Retire request_execution — all mutations now route through run.
Updated SOUL.md, AGENTS.md, CLIENTS.md, skills, and agent system notes.

Migration 020: plan step generation column, audit_log session_id index,
nomos_plan_executions pending-approval index.

web/src/lib/components/PlanProgress.svelte

@@ -7,19 +7,32 @@
   import CircleXIcon from '@lucide/svelte/icons/circle-x'
   import CircleSlashIcon from '@lucide/svelte/icons/circle-slash'
   import CirclePauseIcon from '@lucide/svelte/icons/circle-pause'
+  import ChevronDownIcon from '@lucide/svelte/icons/chevron-down'
+  import ChevronRightIcon from '@lucide/svelte/icons/chevron-right'
 
   const done = $derived($planSteps.filter((s) => s.status === 'done').length)
   const total = $derived($planSteps.length)
   const pct = $derived(total > 0 ? Math.round((done / total) * 100) : 0)
 
+  // Group steps by generation. The latest generation is shown expanded;
+  // older ones are collapsible.
+  const byGeneration = $derived.by(() => {
+    const groups: Map<number, typeof $planSteps> = new Map()
+    for (const s of $planSteps) {
+      const g = s.generation ?? 1
+      if (!groups.has(g)) groups.set(g, [])
+      groups.get(g)!.push(s)
+    }
+    return Array.from(groups.entries()).sort(([a], [b]) => a - b)
+  })
+
+  const latestGen = $derived(byGeneration.length > 0 ? byGeneration[byGeneration.length - 1][0] : 0)
+
+  let openGens = $state(new Set<number>())
+
   let sheetSlug = $state<string | null>(null)
   let sheetOpen = $state(false)
 
-  // Tool calls don't carry a step id, so a step can't be linked to its exact
-  // transcript entry — but its target entity IS known, and EntitySheet already
-  // gives a real, working detail view for any slug. Clicking a step with a
-  // target opens that, rather than a fake "scroll to it" that would silently
-  // no-op for a collapsed tool-call group.
   function openStep(targetSlug: string | undefined) {
     if (!targetSlug) return
     sheetSlug = targetSlug
@@ -36,41 +49,61 @@
     <div class="h-1 w-full overflow-hidden rounded-full bg-muted">
       <div class="h-full rounded-full bg-primary transition-all duration-500" style="width: {pct}%"></div>
     </div>
-    <ol class="flex flex-col gap-1">
-      {#each $planSteps as step (step.id)}
-        <li>
-          <button
-            type="button"
-            class="flex w-full items-start gap-2 rounded px-1 py-1 text-left text-xs {step.target_slug ? 'hover:bg-muted/50' : 'cursor-default'}"
-            onclick={() => openStep(step.target_slug)}
-          >
-            <span class="mt-0.5 shrink-0">
-              {#if step.status === 'done'}
-                <CircleCheckIcon class="size-3.5 text-success" />
-              {:else if step.status === 'failed'}
-                <CircleXIcon class="size-3.5 text-destructive" />
-              {:else if step.status === 'running'}
-                <LoaderCircleIcon class="size-3.5 animate-spin text-primary" />
-              {:else if step.status === 'skipped'}
-                <CircleSlashIcon class="size-3.5 text-muted-foreground" />
-              {:else if step.status === 'blocked'}
-                <CirclePauseIcon class="size-3.5 text-warning" />
-              {:else}
-                <CircleIcon class="size-3.5 text-muted-foreground" />
-              {/if}
-            </span>
-            <span class="min-w-0 flex-1">
-              <span class="block leading-snug {step.status === 'done' ? 'text-muted-foreground line-through decoration-muted-foreground/40' : ''}">
-                {step.title}
-              </span>
-              {#if step.target_slug}
-                <span class="font-mono text-[10px] text-muted-foreground">{step.target_slug}</span>
-              {/if}
-            </span>
-          </button>
-        </li>
-      {/each}
-    </ol>
+
+    {#each byGeneration as [gen, steps] (gen)}
+      {@const isLatest = gen === latestGen}
+      {#if byGeneration.length > 1}
+        <button
+          type="button"
+          class="flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground"
+          onclick={() => openGens.has(gen) ? openGens.delete(gen) : openGens.add(gen); openGens = new Set(openGens)}
+        >
+          {#if openGens.has(gen) || isLatest}
+            <ChevronDownIcon class="size-3" />
+          {:else}
+            <ChevronRightIcon class="size-3" />
+          {/if}
+          <span>{isLatest ? 'Current plan' : `Plan v${gen} (replaced)`}</span>
+        </button>
+      {/if}
+      {#if isLatest || openGens.has(gen)}
+        <ol class="flex flex-col gap-1">
+          {#each steps as step (step.id)}
+            <li>
+              <button
+                type="button"
+                class="flex w-full items-start gap-2 rounded px-1 py-1 text-left text-xs {step.target_slug ? 'hover:bg-muted/50' : 'cursor-default'} {gen !== latestGen ? 'opacity-50' : ''}"
+                onclick={() => openStep(step.target_slug)}
+              >
+                <span class="mt-0.5 shrink-0">
+                  {#if step.status === 'done'}
+                    <CircleCheckIcon class="size-3.5 text-success" />
+                  {:else if step.status === 'failed'}
+                    <CircleXIcon class="size-3.5 text-destructive" />
+                  {:else if step.status === 'running'}
+                    <LoaderCircleIcon class="size-3.5 animate-spin text-primary" />
+                  {:else if step.status === 'skipped' || step.status === 'replaced'}
+                    <CircleSlashIcon class="size-3.5 text-muted-foreground" />
+                  {:else if step.status === 'blocked'}
+                    <CirclePauseIcon class="size-3.5 text-warning" />
+                  {:else}
+                    <CircleIcon class="size-3.5 text-muted-foreground" />
+                  {/if}
+                </span>
+                <span class="min-w-0 flex-1">
+                  <span class="block leading-snug {step.status === 'done' ? 'text-muted-foreground line-through decoration-muted-foreground/40' : ''}">
+                    {step.title}
+                  </span>
+                  {#if step.target_slug}
+                    <span class="font-mono text-[10px] text-muted-foreground">{step.target_slug}</span>
+                  {/if}
+                </span>
+              </button>
+            </li>
+          {/each}
+        </ol>
+      {/if}
+    {/each}
   </div>
 {/if}
 

web/src/lib/components/SessionDigest.svelte

@@ -16,18 +16,27 @@
   // still refetch once outcome/summary land, not just on session switch.
   let loadedKey = $state<string | null>(null)
 
-  // Reload the digest whenever the session changes, the task's status changes
-  // (e.g. it just completed), or a stream finishes — "what did this session
-  // actually do" is only meaningful once executions have had a chance to land.
+  let pollTimer: ReturnType<typeof setInterval> | null = $state(null)
+
   $effect(() => {
     const sid = $currentSession
     const busy = $streaming
     const status = $currentTask?.status ?? ''
     if (!sid || busy) return
     const key = `${sid}:${status}`
-    if (loadedKey === key) return
-    loadedKey = key
-    fetchSessionDigest(sid).then((d) => (digest = d))
+    if (loadedKey !== key) {
+      loadedKey = key
+      fetchSessionDigest(sid).then((d) => (digest = d))
+    }
+    // Poll every 10s while the session is active.
+    if (status !== 'done' && status !== 'failed') {
+      if (!pollTimer) pollTimer = setInterval(() => fetchSessionDigest(sid).then((d) => (digest = d)), 10000)
+    } else {
+      if (pollTimer) { clearInterval(pollTimer); pollTimer = null }
+    }
+    return () => {
+      if (pollTimer) { clearInterval(pollTimer); pollTimer = null }
+    }
   })
 
   function statusVariant(status: string): 'default' | 'secondary' | 'destructive' | 'outline' {

web/src/lib/components/SessionRail.svelte

@@ -51,7 +51,12 @@
             onclick={() => handleClick(session.id)}
           >
             <span class="min-w-0 max-w-full truncate font-medium">{session.title || 'Untitled'}</span>
-            <span class="text-[11px] text-muted-foreground">{relativeTime(session.last_active_at)}</span>
+            <span class="flex items-center gap-1.5 text-[11px] text-muted-foreground">
+              {relativeTime(session.last_active_at)}
+              {#if session.pending_approvals}
+                <span class="rounded bg-warning/20 px-1 text-[10px] font-medium text-warning">{session.pending_approvals}</span>
+              {/if}
+            </span>
           </button>
           <button
             type="button"