@herbertgao/pi-subagents 0.22.0-local.1 → 0.22.0-local.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.22.0-local.2
+
+### Patch Changes
+
+- [#306](https://github.com/HerbertGao/pi-extensions/pull/306) [`935acc3`](https://github.com/HerbertGao/pi-extensions/commit/935acc38af54c76b6924bb48a0b09d2c59e4997f) Thanks [@HerbertGao](https://github.com/HerbertGao)! - Label a run with its own `name` in the agent widget, the expanded agent block, the fleet list, the conversation header, and the Agent tool row, keeping its type's badge color. `agency_dispatch` now reports per-run duration, tool uses, and tokens in both its text and its structured result, and reports none of them for a run handed off to the background.
+
 ## 0.22.0-local.1
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@herbertgao/pi-subagents",
-  "version": "0.22.0-local.1",
+  "version": "0.22.0-local.2",
   "description": "Claude Code-style autonomous subagents and workflow orchestration for Pi, with HerbertGao-maintained UI extensions.",
   "keywords": [
     "agent",

package/src/agent-color.ts

@@ -192,8 +192,17 @@ export function renderAgentName(
   type: string | undefined,
   theme: AgentNameTheme,
   style: AgentNameStyle = {},
+  /** A run's own name, which outranks its type's label while keeping the type's color. */
+  label?: string,
 ): string {
-  if (!type) return renderAgentNameLabel("Agent", undefined, theme, style)
+  if (!type) {
+    return renderAgentNameLabel(label ?? "Agent", undefined, theme, style)
+  }
   const config = getConfig(type)
-  return renderAgentNameLabel(config.displayName, config.color, theme, style)
+  return renderAgentNameLabel(
+    label ?? config.displayName,
+    config.color,
+    theme,
+    style,
+  )
 }

package/src/index.ts

@@ -2280,11 +2280,16 @@ Terse command-style prompts produce shallow, generic work.
           )
         : ""
       const desc = args.description ?? ""
-      const name = renderAgentName(args.subagent_type, theme, {
-        fallbackColor: "toolTitle",
-        restoreBackground: rowBackground,
-        bold: true,
-      })
+      const name = renderAgentName(
+        args.subagent_type,
+        theme,
+        {
+          fallbackColor: "toolTitle",
+          restoreBackground: rowBackground,
+          bold: true,
+        },
+        args.name,
+      )
       return new Text(
         rowBackground +
           "▸ " +

package/src/ui/agent-widget.ts

@@ -441,6 +441,7 @@ export class AgentWidget {
       startedAt: number
       completedAt?: number
       error?: string
+      alias?: string
       lifetimeUsage?: LifetimeUsage
     },
     theme: Theme,
@@ -484,7 +485,7 @@ export class AgentWidget {
     parts.push(duration)
 
     const modeTag = modeLabel ? ` ${theme.fg("dim", `(${modeLabel})`)}` : ""
-    return `${icon} ${renderAgentName(a.type, theme, { fallbackColor: "dim" })}${modeTag}  ${theme.fg("dim", a.description)} ${theme.fg("dim", "·")} ${theme.fg("dim", parts.join(" · "))}${statusText}`
+    return `${icon} ${renderAgentName(a.type, theme, { fallbackColor: "dim" }, a.alias)}${modeTag}  ${theme.fg("dim", a.description)} ${theme.fg("dim", "·")} ${theme.fg("dim", parts.join(" · "))}${statusText}`
   }
 
   /**
@@ -579,7 +580,7 @@ export class AgentWidget {
       runningLines.push([
         truncate(
           theme.fg("dim", "├─") +
-            ` ${theme.fg("accent", frame)} ${renderAgentName(a.type, theme, { bold: true })}${modeTag}  ${theme.fg("muted", a.description)} ${theme.fg("dim", "·")} ${fgPreservingNestedStyles(theme, "dim", statsText)}`,
+            ` ${theme.fg("accent", frame)} ${renderAgentName(a.type, theme, { bold: true }, a.alias)}${modeTag}  ${theme.fg("muted", a.description)} ${theme.fg("dim", "·")} ${fgPreservingNestedStyles(theme, "dim", statsText)}`,
         ),
         truncate(theme.fg("dim", "│  ") + theme.fg("dim", `  ⎿  ${activity}`)),
       ])

package/src/ui/conversation-viewer.ts

@@ -594,7 +594,7 @@ export class ConversationViewer implements Component, Focusable {
 
     lines.push(
       row(
-        `${statusIcon} ${renderAgentName(this.record.type, th, { bold: true })}${modeTag}  ${th.fg("muted", this.record.description)} ${th.fg("dim", "·")} ${fgPreservingNestedStyles(th, "dim", headerParts.join(" · "))}`,
+        `${statusIcon} ${renderAgentName(this.record.type, th, { bold: true }, this.record.alias)}${modeTag}  ${th.fg("muted", this.record.description)} ${th.fg("dim", "·")} ${fgPreservingNestedStyles(th, "dim", headerParts.join(" · "))}`,
       ),
     )
     const invocationLine = this.invocationLine()

package/src/ui/fleet-list.ts

@@ -657,6 +657,7 @@ export class FleetList {
       selected
         ? { fallbackColor: "text", bold: hasAgentBadge(record.type) }
         : { fallbackColor: "muted" },
+      record.alias,
     )
     const description = selected
       ? theme.fg("text", record.description)