chat

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68// Title rendering preserves the chat's retained tree and interaction keys.
import * as Effect from "effect/Effect";
import { renderSwitcher } from "./panes.ts";
import { workspacePicker } from "./composer.ts";
import { html } from "convergence";
import { allTasks, isLive } from "../subagents.ts";
import type { Element, Chat } from "convergence";
import type { ChatView } from "../controller.ts";
import { row, fill, titleChipAnchor } from "./styles.ts";
export function agentsButton(v: ChatView, chat: Chat): Element | null {
  const t = v.controller.state.transcripts[chat.id];
  const tasks = t ? allTasks(t.items).map((r) => r.task) : [];
  if (!tasks.length) return null;
  const working = tasks.filter(isLive).length;
  return html`
      <button id=${`agents-${chat.id}`} icon="network" label=${working ? `${working} working` : `${tasks.length}`} variant="ghost"
        tooltip="Subagents of this chat" onClick=${() => v.ctx.run(v.controller.openAgents(chat))} />`;
}

export function renderTitle(v: ChatView): Element | null {
  // The cycle still draws off the chat route: committing to a chat
  // brings the route back with it, and an open cycle must never be
  // left with no way to close it.
  if (v.ctx.app.route !== "chat") return v.controller.state.switcher ? renderSwitcher(v) : null;
  const chat = v.ctx.app.chatId ? v.controller.state.chats[v.ctx.app.chatId] : undefined;
  const agent = chat ? v.controller.state.agents[chat.agentId] : null;
  const can = agent?.capabilities;
  const compact = () => {
    if (chat)
      v.ctx.run(
        v.controller.host
          .call("host/chats.compact", { chatId: chat.id })
          .pipe(Effect.catch((error) => v.controller.notify.error(`Compact failed: ${error.message}`))),
      );
  };
  const fork = () => {
    if (chat)
      v.ctx.run(
        v.controller.host.call("host/chats.fork", { chatId: chat.id }).pipe(
          Effect.flatMap((copy) => v.controller.app.select(copy.id, copy.workspaceId)),
          Effect.catch((error) => v.controller.notify.error(`Fork failed: ${error.message}`)),
        ),
      );
  };
  // The switcher goes over the window, not in the strip: the overlay
  // takes no space here.
  return html`
      <div ...${row} ...${fill} gap="small" padding="small">
        <button id="title-new-chat" icon="plus" variant="ghost" tooltip="New chat (⌘N)" onClick=${() => v.ctx.run(v.controller.kernel.call("run_command", { id: "sidebar.newChat" }))} />
        <text style="heading" truncate text=${chat ? v.controller.titleOf(chat) : "Chat"} />
        ${chat && v.controller.isRunning(chat) ? html`<text style="body" size="sm" tone="muted">Running…</text>` : null}
        ${chat?.status === "failed" ? html`<text style="body" size="sm" tone="danger">Failed</text>` : null}
        <spacer />
        ${chat ? agentsButton(v, chat) : null}
        ${
          chat && can?.compact
            ? html`<button id=${`compact-${chat.id}`} icon="fold-vertical" variant="ghost" tooltip="Summarize the conversation to free context" onClick=${compact} />`
            : null
        }
        ${
          chat && can?.fork
            ? html`<button id=${`fork-${chat.id}`} icon="git-branch" variant="ghost" tooltip="Copy this chat and continue separately" onClick=${fork} />`
            : null
        }
        ${chat ? workspacePicker(v, chat, "title", titleChipAnchor) : null}
        ${renderSwitcher(v)}
      </div>`;
}