Files
LLeMbas-CLI/src/tui/components/spinner.tsx
T
HomerandClaude Fable 5.1 837f38c744 Harness spec 1.1.0: one plan, prototypes and the library shared; the CLI implements it
The spec: plan_write and plan_update (new, shared, offered in every mode) and
plan_submit (now shared) keep one structured plan — findings, objectives,
phases of tasks — in place of the todo list, which lives on as a former name
of plan_write. The shared system text is one text for both projects, with
variables for what differs; the mode texts, a prototypes block and a library
block are shared. acp.md: the client hands the device what only it knows
(context, library, prototypes), the plan travels as a structure (plan_state),
library calls carry the chat's scope, and a client may rewind a session.
loop.json says its numbers as numbers. Four conformance areas: plan,
prototype, library_scope, toolcall_index.

The CLI: the plan is kept per session in the store and drawn above the prompt
and on the approval card; the prompt is assembled from the spec's texts with
their variables filled; the link reads the instance's instructions,
personalization, knowledge scope and prototype offer, sends the plan as a
structure and answers rewind; library calls to the instance carry the session
as scope; a prototype written in the terminal is saved as a file and named in
the transcript; a tool-call fragment without an index continues the last call;
the default theme is Moria; dead exports and Hermes leftovers removed.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
2026-10-18 04:02:12 +02:00

76 lines
3.2 KiB
TypeScript

import { createSignal, For, onCleanup } from "solid-js"
import { duration } from "../../duration.ts"
import { useTui } from "../context.ts"
import { fmtTokens } from "./status.tsx"
/** "reading the prompt 64% · 90k of 140k · ~2m left": the server's own count (llama.cpp's
* return_progress). The time left is guessed from the reading so far, once there is enough of it;
* a long prompt reads slower towards its end, so it is a floor more than a promise. */
export function reading(p: { total: number; done: number; processed: number; ms: number }): string {
const pct = Math.floor((p.done / p.total) * 100)
const parts = [`reading the prompt ${pct}%`, `${fmtTokens(p.done)} of ${fmtTokens(p.total)}`]
if (p.processed >= 2048 && p.ms >= 2000 && p.done < p.total) {
const left = ((p.total - p.done) / p.processed) * p.ms
parts.push(`~${duration(left, true)} left`)
}
return parts.join(" · ")
}
// The working line: a braille frame, what is going on (a verb while it thinks), and the whole
// task's time and output tokens — from the prompt until the last reply of the task, subagents
// included.
export function Spinner() {
const { theme, view } = useTui()
const [tick, setTick] = createSignal(0)
const t = setInterval(() => setTick((n) => n + 1), 100)
onCleanup(() => clearInterval(t))
const sp = () => theme().spinner
const pick = (list: string[], every: number) => list[Math.floor(tick() / every) % list.length] ?? ""
const elapsed = () => (tick(), view.state.busySince ? duration(Date.now() - view.state.busySince, true) : "0s")
const tokens = () => {
tick()
const { n, estimated } = view.taskTokens()
return `${estimated ? "~" : ""}${fmtTokens(n)} token${n === 1 ? "" : "s"}`
}
const what = () => {
const s = view.state
if (s.preparing) return `preparing ${s.preparing}`
if (s.phase === "waiting" && s.progress) return reading(s.progress)
if (s.phase === "thinking") return pick(sp().verbs, 30)
if (s.phase === "tools") return "running tools"
if (s.phase === "writing") return "writing"
return "waiting for the model"
}
return (
<box paddingLeft={1} height={1}>
<text wrapMode="none" truncate>
<span style={{ fg: theme().colors.accent }}>{pick(sp().frames, 1)} </span>
<span style={{ fg: theme().colors.muted }}>{what()}… </span>
<span style={{ fg: theme().colors.dim }}>
{elapsed()} · {tokens()} · esc to stop
</span>
</text>
</box>
)
}
/** Messages sent while the agent works and not given to it yet — one line each, above the input,
* until the next step takes them (or the task ends, in queue mode). */
export function Queued() {
const { theme, view } = useTui()
const when = () => (view.state.queued.mode === "queue" ? "after this task" : "at the next step")
return (
<For each={view.state.queued.texts}>
{(text) => (
<box paddingLeft={1} height={1}>
<text wrapMode="none" truncate>
<span style={{ fg: theme().colors.accent }}>↳ queued </span>
<span style={{ fg: theme().colors.text }}>{text.split("\n")[0]}</span>
<span style={{ fg: theme().colors.dim }}> · {when()}</span>
</text>
</box>
)}
</For>
)
}