@couralabs/claudin 0.1.4 → 0.1.5

package/claudin.js

@@ -6148,6 +6148,7 @@ var agentRequestSchemas = [
   object({ type: literal("agent.prompt.queue.requested"), agentSessionId, content }),
   object({ type: literal("agent.prompt.steer.requested"), agentSessionId, content }),
   object({ type: literal("agent.prompt.cancel.requested"), agentSessionId }),
+  object({ type: literal("agent.task.stop.requested"), agentSessionId, taskId: string2() }),
   object({
     type: literal("agent.tool.approval.answered"),
     agentSessionId,
@@ -6217,6 +6218,7 @@ var createSessionState = (sessionId) => ({
   models: [],
   sessionList: [],
   queuedTurns: 0,
+  tasks: [],
   transcript: [],
   entryCounter: 0,
   now: Date.now(),
@@ -6525,6 +6527,56 @@ function reduceTaskProgress(state, message) {
   return updateToolCall(state, toolUseId, (call) => ({ ...call, progress: summary }));
 }
 
+// packages/events/src/reducers/reduceTasks.ts
+var FINISHED_STATUSES = ["completed", "failed", "killed"];
+var isTaskMessage = (message) => message.type === "system" && ["task_started", "task_progress", "task_updated", "task_notification"].includes(message.subtype);
+var patchTask = (tasks, id, patch) => tasks.map((task) => task.id === id ? patch(task) : task);
+var startTask = (state, message) => {
+  if (message.ambient || message.skip_transcript)
+    return state.tasks;
+  const task = {
+    id: message.task_id,
+    kind: message.subagent_type ?? message.task_type ?? "task",
+    description: message.description,
+    startedAt: state.now,
+    tokens: 0,
+    paused: false
+  };
+  return [...state.tasks.filter(({ id }) => id !== task.id), task];
+};
+var updateTask = (tasks, message) => {
+  const { status, description } = message.patch;
+  if (status && FINISHED_STATUSES.includes(status)) {
+    return tasks.filter(({ id }) => id !== message.task_id);
+  }
+  return patchTask(tasks, message.task_id, (task) => ({
+    ...task,
+    description: description ?? task.description,
+    paused: status ? status === "paused" : task.paused
+  }));
+};
+var readTasks = (state, message) => {
+  switch (message.subtype) {
+    case "task_started":
+      return startTask(state, message);
+    case "task_progress":
+      return patchTask(state.tasks, message.task_id, (task) => ({
+        ...task,
+        lastToolName: message.last_tool_name ?? task.lastToolName,
+        summary: message.summary ?? task.summary,
+        tokens: message.usage.total_tokens
+      }));
+    case "task_updated":
+      return updateTask(state.tasks, message);
+    case "task_notification":
+      return state.tasks.filter(({ id }) => id !== message.task_id);
+  }
+};
+var reduceTasks = (state, message) => ({
+  ...state,
+  tasks: readTasks(state, message)
+});
+
 // packages/events/src/reducers/reduceToolResults.ts
 function applyResult(state, block) {
   if (block.type !== "tool_result" || !block.tool_use_id)
@@ -6542,10 +6594,10 @@ function reduceToolResults(state, message) {
 
 // packages/events/src/reducers/reduceAgentMessage.ts
 function reduceAgentMessage(state, message) {
+  if (isTaskMessage(message))
+    return reduceTaskMessage(reduceTasks(state, message), message);
   switch (message.type) {
     case "system":
-      if (message.subtype === "task_progress")
-        return reduceTaskProgress(state, message);
       if (message.subtype !== "init")
         return reduceNoticeMessage(state, message);
       return {
@@ -6571,6 +6623,15 @@ function reduceAgentMessage(state, message) {
       return reduceNoticeMessage(state, message);
   }
 }
+function reduceTaskMessage(state, message) {
+  if (message.type === "system" && message.subtype === "task_progress") {
+    return reduceTaskProgress(state, message);
+  }
+  if (message.type === "system" && message.subtype === "task_notification") {
+    return reduceNoticeMessage(state, message);
+  }
+  return state;
+}
 function reduceNoticeMessage(state, message) {
   const text = describeSystemMessage(message);
   return text ? appendNotice(state, text) : state;
@@ -6855,6 +6916,7 @@ function reduceUi(state, event) {
     case "ui.question.recorded":
       return recordQuestionAnswer(state, event);
     case "ui.exit.requested":
+    case "ui.title.set":
       return state;
     case "ui.notice.posted":
       return appendNotice(state, event.text);
@@ -8889,6 +8951,13 @@ var AGENT_PROFILE_OPTIONS = {
   includeHookEvents: true
 };
 
+// packages/agent/src/session/readBackgroundTaskCount.ts
+function readBackgroundTaskCount(message, current) {
+  if (message.type !== "system" || message.subtype !== "background_tasks_changed")
+    return current;
+  return message.tasks.length;
+}
+
 // packages/agent/src/session/agentSession.ts
 function requireRewind(result) {
   if (!result.canRewind)
@@ -8903,6 +8972,7 @@ class AgentSession {
   elicitations;
   query;
   pendingTurns = 0;
+  backgroundTaskCount = 0;
   pumping = false;
   constructor(agentSessionId, baseOptions, runtime) {
     this.baseOptions = baseOptions;
@@ -8951,6 +9021,9 @@ class AgentSession {
     this.rejectAllPrompts();
     await this.query.interrupt();
   }
+  stopTask(taskId) {
+    return this.query.stopTask(taskId);
+  }
   async setModel(model) {
     await this.query.setModel(model);
     this.baseOptions = { ...this.baseOptions, model };
@@ -9021,10 +9094,11 @@ class AgentSession {
         if (done)
           break;
         sink.push({ type: "agent.message.received", message: value });
+        this.backgroundTaskCount = readBackgroundTaskCount(value, this.backgroundTaskCount);
         if (value.type !== "result")
           continue;
         this.pendingTurns = Math.max(this.pendingTurns - 1, 0);
-        if (this.pendingTurns === 0)
+        if (this.pendingTurns === 0 && this.backgroundTaskCount === 0)
           break;
       }
       sink.end();
@@ -9302,6 +9376,9 @@ var agentHandlers = {
     await agents.requireSession(request.agentSessionId).cancel();
     yield { type: "agent.prompt.cancelled", agentSessionId: request.agentSessionId };
   },
+  async* "agent.task.stop.requested"({ agents }, request) {
+    await agents.requireSession(request.agentSessionId).stopTask(request.taskId);
+  },
   async* "agent.tool.approval.answered"({ agents }, request) {
     agents.requireSession(request.agentSessionId).answerApproval(request.toolUseId, request.decision);
   },
@@ -11134,7 +11211,7 @@ async function startDaemon(port = DEFAULT_PORT, context) {
 }
 // apps/tui/src/startTui.ts
 import {
-  BoxRenderable as BoxRenderable16,
+  BoxRenderable as BoxRenderable18,
   createCliRenderer,
   createHostClipboard
 } from "@opentui/core";
@@ -20114,7 +20191,7 @@ class ToolCallView {
     const glyph = call.expanded ? COLLAPSE_GLYPHS.expanded : COLLAPSE_GLYPHS.collapsed;
     const accent = this.hovered ? Theme.accent.brand : undefined;
     this.title.content = new StyledText10([
-      fg11(accent ?? toolColor(call.status))(`${glyph} `),
+      fg11(accent ?? toolColor(call.status))(glyph),
       bold6(fg11(accent ?? Theme.fg.primary)(call.name)),
       fg11(Theme.fg.secondary)(` ${summarizeToolCall(call)}`),
       fg11(Theme.fg.muted)(stats)
@@ -20222,7 +20299,6 @@ class UserMessageView {
       return;
     this.entry = entry;
     this.text.content = new StyledText11([
-      bold7(fg12(Theme.accent.brand)("\u276F ")),
       bold7(fg12(Theme.fg.primary)(clipLines(entry.text, USER_LINES)))
     ]);
     this.clock.content = new StyledText11([fg12(Theme.fg.muted)(formatClock(entry.at))]);
@@ -20490,8 +20566,125 @@ class StatusLine {
   }
 }
 
+// apps/tui/src/components/taskPanel.ts
+import {
+  BoxRenderable as BoxRenderable16,
+  bold as bold10,
+  dim as dim8,
+  fg as fg17,
+  StyledText as StyledText15,
+  TextRenderable as TextRenderable16
+} from "@opentui/core";
+
+// apps/tui/src/format/taskRows.ts
+var MAX_TASK_ROWS = 5;
+var readDetail = ({ summary, lastToolName, paused }) => {
+  if (paused)
+    return "Paused";
+  return summary ?? lastToolName ?? "Starting...";
+};
+var buildTaskRow = (task, now) => ({
+  taskId: task.id,
+  kind: task.kind,
+  title: task.description,
+  stats: [formatDuration(Math.max(now - task.startedAt, 0)), `\u2193${formatTokenCount(task.tokens)}`].join(SEPARATOR).trim(),
+  detail: readDetail(task)
+});
+var buildTaskRows = (tasks, now) => tasks.slice(0, MAX_TASK_ROWS).map((task) => buildTaskRow(task, now));
+var buildTaskHeader = (tasks) => `Tasks${SEPARATOR}${tasks.length} running`;
+var countHiddenTasks = (tasks) => Math.max(tasks.length - MAX_TASK_ROWS, 0);
+
+// apps/tui/src/components/taskRowView.ts
+import {
+  BoxRenderable as BoxRenderable15,
+  bold as bold9,
+  dim as dim7,
+  fg as fg16,
+  StyledText as StyledText14,
+  TextRenderable as TextRenderable15
+} from "@opentui/core";
+var SPINNER_STEP_MS2 = 100;
+
+class TaskRowView {
+  renderable;
+  title;
+  stop;
+  detail;
+  taskId = "";
+  constructor(renderer, onStop) {
+    this.renderable = new BoxRenderable15(renderer, { flexShrink: 0, visible: false });
+    const line = new BoxRenderable15(renderer, {
+      flexDirection: "row",
+      justifyContent: "space-between"
+    });
+    this.title = new TextRenderable15(renderer, { content: "", wrapMode: "none" });
+    this.stop = new TextRenderable15(renderer, {
+      content: "",
+      wrapMode: "none",
+      flexShrink: 0,
+      selectable: false,
+      onMouseDown: () => onStop(this.taskId)
+    });
+    this.detail = new TextRenderable15(renderer, { content: "", wrapMode: "none" });
+    line.add(this.title);
+    line.add(this.stop);
+    this.renderable.add(line);
+    this.renderable.add(this.detail);
+  }
+  update(row, now) {
+    this.renderable.visible = row !== undefined;
+    if (!row)
+      return;
+    this.taskId = row.taskId;
+    const frame = SPINNER_FRAMES[Math.floor(now / SPINNER_STEP_MS2) % SPINNER_FRAMES.length];
+    this.title.content = new StyledText14([
+      fg16(Theme.status.success)(`${frame} `),
+      bold9(fg16(Theme.fg.primary)(row.kind)),
+      fg16(Theme.fg.secondary)(` ${row.title}`)
+    ]);
+    this.stop.content = new StyledText14([
+      fg16(Theme.fg.muted)(`${row.stats} `),
+      bold9(fg16(Theme.fg.secondary)("[stop]"))
+    ]);
+    this.detail.content = new StyledText14([dim7(fg16(Theme.fg.muted)(`  \u2514 ${row.detail}`))]);
+  }
+}
+
+// apps/tui/src/components/taskPanel.ts
+class TaskPanel {
+  renderable;
+  header;
+  rows;
+  overflow;
+  constructor(renderer, onStop) {
+    this.renderable = new BoxRenderable16(renderer, {
+      flexShrink: 0,
+      paddingLeft: 2,
+      paddingRight: 2,
+      visible: false
+    });
+    this.header = new TextRenderable16(renderer, { content: "", wrapMode: "none" });
+    this.overflow = new TextRenderable16(renderer, { content: "", wrapMode: "none" });
+    this.rows = Array.from({ length: MAX_TASK_ROWS }, () => new TaskRowView(renderer, onStop));
+    this.renderable.add(this.header);
+    for (const row of this.rows)
+      this.renderable.add(row.renderable);
+    this.renderable.add(this.overflow);
+  }
+  update({ tasks, now }) {
+    this.renderable.visible = tasks.length > 0;
+    if (tasks.length === 0)
+      return;
+    const rows = buildTaskRows(tasks, now);
+    this.header.content = new StyledText15([bold10(fg17(Theme.fg.secondary)(buildTaskHeader(tasks)))]);
+    this.rows.forEach((view, index) => view.update(rows[index], now));
+    const hidden = countHiddenTasks(tasks);
+    this.overflow.content = hidden ? new StyledText15([dim8(fg17(Theme.fg.muted)(`  +${hidden} more`))]) : "";
+  }
+}
+
 // apps/tui/src/components/toastView.ts
-import { BoxRenderable as BoxRenderable15, fg as fg16, StyledText as StyledText14, TextRenderable as TextRenderable15 } from "@opentui/core";
+import { BoxRenderable as BoxRenderable17, fg as fg18, StyledText as StyledText16, TextRenderable as TextRenderable17 } from "@opentui/core";
 var TOAST_ICON = "\u25CF";
 
 class ToastView {
@@ -20499,7 +20692,7 @@ class ToastView {
   text;
   toastId;
   constructor(renderer) {
-    this.renderable = new BoxRenderable15(renderer, {
+    this.renderable = new BoxRenderable17(renderer, {
       position: "absolute",
       top: 1,
       right: 2,
@@ -20510,7 +20703,7 @@ class ToastView {
       borderStyle: "rounded",
       visible: false
     });
-    this.text = new TextRenderable15(renderer, { content: "", wrapMode: "none", selectable: false });
+    this.text = new TextRenderable17(renderer, { content: "", wrapMode: "none", selectable: false });
     this.renderable.add(this.text);
   }
   update({ ui }) {
@@ -20521,9 +20714,9 @@ class ToastView {
     this.toastId = toast.id;
     this.renderable.borderColor = Theme.border.focus;
     this.renderable.backgroundColor = Theme.bg.surface;
-    this.text.content = new StyledText14([
-      fg16(Theme.status.success)(`${TOAST_ICON} `),
-      fg16(Theme.fg.primary)(toast.text)
+    this.text.content = new StyledText16([
+      fg18(Theme.status.success)(`${TOAST_ICON} `),
+      fg18(Theme.fg.primary)(toast.text)
     ]);
   }
 }
@@ -20982,6 +21175,9 @@ function answerApproval(store, decision, toolUseId) {
   if (target)
     requestAgent(store, { type: "agent.tool.approval.answered", toolUseId: target, decision });
 }
+function stopTask(store, taskId) {
+  requestAgent(store, { type: "agent.task.stop.requested", taskId });
+}
 function cancelTurn(store) {
   requestAgent(store, { type: "agent.prompt.cancel.requested" });
 }
@@ -21463,7 +21659,6 @@ var readShownTheme = ({ theme, ui }) => (ui.picker?.kind === "theme" ? THEME_NAM
 var readShownBackground = ({ background, ui }) => ui.backgroundEditor?.color ?? background;
 async function startTui(client, options = {}) {
   const activeRenderer = options.renderer ?? await createCliRenderer({ exitOnCtrlC: false, useMouse: true });
-  activeRenderer.setTerminalTitle("Claudin");
   const store = new AppStore(client);
   const clipboard = options.clipboard ?? createHostClipboard();
   let syntaxStyle = createSyntaxStyle(activeRenderer);
@@ -21475,6 +21670,7 @@ async function startTui(client, options = {}) {
   const backgroundPanel = new BackgroundPanel(activeRenderer);
   const toastView = new ToastView(activeRenderer);
   const statusLine = new StatusLine(activeRenderer, () => cancelTurn(store));
+  const taskPanel = new TaskPanel(activeRenderer, (taskId) => stopTask(store, taskId));
   const scrollback = new ScrollbackView(activeRenderer, {
     syntaxStyle,
     hooks: {
@@ -21509,7 +21705,7 @@ async function startTui(client, options = {}) {
       saveDraft(text);
     }
   });
-  const root = new BoxRenderable16(activeRenderer, {
+  const root = new BoxRenderable18(activeRenderer, {
     width: "100%",
     height: "100%",
     flexDirection: "column",
@@ -21520,6 +21716,7 @@ async function startTui(client, options = {}) {
     scrollback,
     diffViewer,
     statusLine,
+    taskPanel,
     popover,
     backgroundPanel,
     input,
@@ -21532,7 +21729,7 @@ async function startTui(client, options = {}) {
   activeRenderer.on("selection", (selection) => {
     copySelection(store, activeRenderer, clipboard, selection);
   });
-  for (const part of [header, statusLine, popover, backgroundPanel, input, infoBar]) {
+  for (const part of [header, statusLine, taskPanel, popover, backgroundPanel, input, infoBar]) {
     part.renderable.onMouseScroll = ({ scroll }) => {
       if (scroll?.direction === "up")
         scrollback.scrollByLines(-1);
@@ -21564,6 +21761,7 @@ async function startTui(client, options = {}) {
     syncTheme(state);
     header.update(state);
     statusLine.update(state);
+    taskPanel.update(state);
     toastView.update(state);
     infoBar.update(state);
     scrollback.update(state);
@@ -21589,7 +21787,10 @@ async function startTui(client, options = {}) {
     notifier.notify(event);
     if (event.type === "ui.exit.requested")
       activeRenderer.destroy();
+    if (event.type === "ui.title.set")
+      activeRenderer.setTerminalTitle(event.title);
   });
+  store.emit({ type: "ui.title.set", title: "Claudin" });
   const editor = {
     read: () => input.text,
     replace: (text) => input.replaceText(text, text.length)
@@ -21611,7 +21812,8 @@ async function startTui(client, options = {}) {
       key.preventDefault();
   });
   const clock = setInterval(() => {
-    if (store.state.status !== "idle")
+    const { status, tasks } = store.state;
+    if (status !== "idle" || tasks.length > 0)
       store.emit({ type: "ui.clock.ticked", now: Date.now() });
   }, CLOCK_INTERVAL_MS);
   let lastRateLimitAt = Date.now();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@couralabs/claudin",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "type": "module",
   "bin": {
     "claudin": "claudin.js"