hunch

  on("ui.render", { component: "AbovePrompt" }, ($, e, next) => {
    if (e.props.hasSurvey) return next(e);
    if (!started) {
      started = true;
      // The poll starts first, so a failed step below (shown) never leaves the agents unread.
      $.clock.every(2000, () => loud($, readAgents($)));
      loud($, (async () => {
        await registerCommands($);
        await readSession($);
        await readAgents($);
      })());
    }
    const els = $.ui.resolve(e);
    // Surfaces with no Client (mobile, the editor's panel) keep their own band.
    if (!("Client" in els)) return next(e);
    const { Box, Client } = els;
    const band = bandModel({ card, paneItem, ran, rows, memory });
    if (!band.chips.length) return <Box />;
    // A blank line parts the band from the reply above it, so the chips read as controls, not its last line.
    return (
      <Box marginTop={1}>
        <Client key={`band-${fills}`} module="./band.tsx" props={band} width={e.props.bodyColumns} />
      </Box>
    );
  });

  on("ui.render", { component: "Pane" }, ($, e, next) => {
    if (e.requestId !== PANE) return next(e);
    const els = $.ui.resolve(e);
    if (!("Client" in els)) return next(e);
    const { Box, Client } = els;
    const item = paneItem ?? "";
    const width = Math.min(e.props.bodyColumns, MEASURE);
    const inner = width - 2 * PAD;
    const kind = item.slice(0, item.indexOf(":"));
    const rest = item.slice(kind.length + 1);
    const agent = rows.find((r) => r.id === rest) ?? paneAgent.get(item);
    const view = views.get(item);
    const close: Item = { id: "close", label: "close", kind: "line" };
    // The whole pane is one Client: clicks and keys reach it, typing goes on to the prompt.
    const pane: Band =
      kind === "agent" && agent
        ? {
            chips: [],
            body: [
              [
                { id: "title", label: agent.label, kind: "title", state: agent.done ? "done" : "running" },
                { id: "note:type", label: agent.type ?? "", kind: "note" },
                { id: "chip:agents", label: "back", kind: "quiet" },
                close,
              ],
              [],
              ...(view ? agentRows(view, agent.label, agent.id) : []),
            ],
            doc: "",
          }
        : kind === "report"
        ? {
            chips: [],
            body: [
              [
                { id: "title", label: paneAgent.get(`agent:${rest}`)?.label ?? "report", kind: "title" },
                { id: "note:report", label: "report", kind: "note" },
                { id: `agent:${rest}`, label: "back", kind: "quiet" },
                close,
              ],
            ],
            doc: tablesToLists(paneText.get(`agent:${rest}`) ?? ""),
          }
        : {
            chips: [],
            body: [
              [
                { id: "title", label: kind === "card" ? rest : (rest.split("/").pop() ?? rest), kind: "title" },
                // A steering file opened from the memory list goes back to it.
                ...(memory.some((c) => c.path === rest) ? [{ id: "chip:memory", label: "back", kind: "quiet" as const }] : []),
                close,
              ],
              [],
              ...(kind === "card"
                ? chipRows(rest, { card, ran, rows, paneItem, memory })
                : links(paneText.get(item) ?? "").map((href) => fromFile(rest, href)).map((l, i) => [
                    { id: `note:links${i}`, label: (i ? "" : "links").padEnd(9), kind: "note" as const },
                    { id: `open:${l}`, label: placeName(l), kind: "line" as const },
                  ])),
            ],
            doc: kind === "card" ? "" : tablesToLists(paneText.get(item) ?? ""),
          };
    return (
      <Box width={width} paddingX={PAD} paddingY={1}>
        <Client key={`pane-${fills}`} module="./band.tsx" width={inner} props={pane} />
      </Box>
    );
  });