@agimon-ai/doompi-team 0.0.1-alpha.49 → 0.0.1-alpha.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/doompi-team",
-  "version": "0.0.1-alpha.49",
+  "version": "0.0.1-alpha.50",
   "description": "Asynchronous named subagents, team runs, intercom, and model policy for Pi coding agents.",
   "keywords": [
     "agent-team",
@@ -56,13 +56,13 @@
     "@deepseek-ai/cordis": "4.0.1",
     "typebox": "1.3.19",
     "yaml": "2.9.0",
-    "@agimon-ai/doompi-cache": "0.0.1-alpha.15",
-    "@agimon-ai/doompi-config": "0.0.1-alpha.48",
-    "@agimon-ai/doompi-extension-contracts": "0.0.1-alpha.48",
-    "@agimon-ai/doompi-telemetry": "0.0.1-alpha.48",
-    "@agimon-ai/doompi-ui": "0.0.1-alpha.49",
-    "@agimon-ai/doompi-web-components": "0.0.1-alpha.9",
-    "@agimon-ai/doompi-web-contracts": "0.0.1-alpha.12"
+    "@agimon-ai/doompi-cache": "0.0.1-alpha.16",
+    "@agimon-ai/doompi-extension-contracts": "0.0.1-alpha.49",
+    "@agimon-ai/doompi-telemetry": "0.0.1-alpha.49",
+    "@agimon-ai/doompi-ui": "0.0.1-alpha.50",
+    "@agimon-ai/doompi-web-components": "0.0.1-alpha.10",
+    "@agimon-ai/doompi-config": "0.0.1-alpha.49",
+    "@agimon-ai/doompi-web-contracts": "0.0.1-alpha.13"
   },
   "devDependencies": {
     "@earendil-works/pi-agent-core": "0.84.4",

package/src/web/AgentsActivitySection.tsx

@@ -4,12 +4,12 @@ import { useStore } from '@tanstack/react-store';
 import { useEffect, useState } from 'react';
 import type { SubagentRun } from '../types/webSubagents.ts';
 import { agentThreadTab } from './AgentThreadPanel.tsx';
+import { subagentsTab } from './SubagentsPanel.tsx';
 import { openCatalog } from './catalogStore.ts';
 import { formatRunDuration } from './format.ts';
 import { activityRuns, isTerminalRun, subagents } from './subagentsStore.ts';
 
 const TICK_MS = 10_000;
-const SUBAGENTS_TAB = 'subagents';
 
 const STATE_TONE: Readonly<Record<SubagentRun['state'], DotTone>> = {
   queued: 'muted',
@@ -36,7 +36,7 @@ function detail(run: SubagentRun): string {
  * row that opens the run's own conversation in a temporary tab. This replaces
  * the runtime's footer one-liner, which only says whether anything is running.
  */
-export function AgentsActivitySection({ sessionId, openTab, openTransientTab }: WebPluginSlotProps) {
+export function AgentsActivitySection({ sessionId, openTransientTab }: WebPluginSlotProps) {
   const runs = useStore(subagents.store, (state) => activityRuns(subagents.select(state, sessionId)));
   const [now, setNow] = useState(() => Date.now());
 
@@ -59,7 +59,7 @@ export function AgentsActivitySection({ sessionId, openTab, openTransientTab }:
           onClick={() => {
             if (sessionId === null) return;
             openCatalog(sessionId);
-            openTab(SUBAGENTS_TAB);
+            openTransientTab(subagentsTab());
           }}
         >
           launch an agent

package/src/web/SubagentToolMessage.tsx

@@ -7,10 +7,9 @@ import {
   toolTone,
 } from '@agimon-ai/doompi-web-components';
 import type { ToolMessageRenderProps } from '@agimon-ai/doompi-web-contracts';
+import { subagentsTab } from './SubagentsPanel.tsx';
 import { shapeResult, subagentCallDetail } from './toolText.ts';
 
-const SUBAGENTS_TAB = 'subagents';
-
 const CLOSING = {
   running: { tone: 'running', text: 'running' },
   failed: { tone: 'error', text: 'failed' },
@@ -23,7 +22,7 @@ const CLOSING = {
  * the framed text lines with the closing status line in the body, and the
  * subagents tab one click away while a run is on the go.
  */
-export function SubagentToolMessage({ args, output, running, isError, openTab }: ToolMessageRenderProps) {
+export function SubagentToolMessage({ args, output, running, isError, openTransientTab }: ToolMessageRenderProps) {
   const action = typeof args.action === 'string' ? args.action : '';
   const detail = subagentCallDetail(args);
   const collapsed = shapeResult(output, { expanded: false, isPartial: running, isError });
@@ -54,7 +53,7 @@ export function SubagentToolMessage({ args, output, running, isError, openTab }:
                 variant="link"
                 size="xs"
                 data-testid="tool-result-subagent-open"
-                onClick={() => openTab(SUBAGENTS_TAB)}
+                onClick={() => openTransientTab(subagentsTab())}
                 className="self-start px-0"
               >
                 open subagents

package/src/web/SubagentsPanel.tsx

@@ -19,7 +19,7 @@ import {
   STATUS_EDGE,
   StatusBadge,
 } from '@agimon-ai/doompi-web-components';
-import type { SessionFrameSender, WebPluginSlotProps } from '@agimon-ai/doompi-web-contracts';
+import type { SessionFrameSender, TransientTab, WebPluginSlotProps } from '@agimon-ai/doompi-web-contracts';
 import { useStore } from '@tanstack/react-store';
 import { type KeyboardEvent as ReactKeyboardEvent, useEffect, useState } from 'react';
 import type { SubagentRun } from '../types/webSubagents.ts';
@@ -40,6 +40,9 @@ import {
   visibleRuns,
 } from './subagentsStore.ts';
 
+/** One fleet tab per session; the fleet is singular, so the id needs nothing else. */
+export const SUBAGENTS_TAB_ID = 'subagents-fleet';
+
 const TICK_MS = 10_000;
 
 /**
@@ -477,3 +480,8 @@ export function SubagentsPanel({
     </div>
   );
 }
+
+/** The temporary tab the fleet opens in; opening it again only focuses it. */
+export function subagentsTab(): TransientTab {
+  return { id: SUBAGENTS_TAB_ID, label: 'subagents', panel: SubagentsPanel };
+}

package/src/web/index.ts

@@ -1,38 +1,55 @@
 import { defineWebPlugin } from '@agimon-ai/doompi-web-contracts';
-import { useStore } from '@tanstack/react-store';
 import { AgentsActivitySection } from './AgentsActivitySection.tsx';
-import { SubagentsPanel } from './SubagentsPanel.tsx';
+import { subagentsTab } from './SubagentsPanel.tsx';
 import { openCatalog, subagentCatalogChannel } from './catalogStore.ts';
 import { RUN_ACTIONS_SLOT } from './runActionsSlot.ts';
-import { subagentRunsChannel, subagents, visibleRuns } from './subagentsStore.ts';
+import { activityRuns, isTerminalRun, subagentRunsChannel, subagents } from './subagentsStore.ts';
 import { teamToolRenderers } from './toolRenderers.ts';
 
-/** The tab badge: every run the session's fleet currently shows. */
-export function useSubagentsBadge(sessionId: string | null): number {
-  return useStore(subagents.store, (state) => visibleRuns(subagents.select(state, sessionId)).length);
-}
-
 const AGENTS_GROUP = { key: 'a', label: 'agents', detail: 'subagent resources and runs' };
 
+// The group is the only way into the fleet now, so it stays visible while the
+// session is idle: a launcher that appears only once something runs cannot be
+// used to start anything.
+const agentsActivitySource = {
+  subscribe(listener: () => void) {
+    const subscription = subagents.store.subscribe(listener);
+    return () => subscription.unsubscribe();
+  },
+  isActive(sessionId: string | null) {
+    return activityRuns(subagents.select(subagents.store.state, sessionId)).some((run) => !isTerminalRun(run));
+  },
+};
+
 /** The named export the generated plugin registry imports. */
 export const webPlugin = defineWebPlugin({
   id: 'subagents',
-  tabs: [{ id: 'subagents', label: 'subagents', panel: SubagentsPanel, useBadge: useSubagentsBadge }],
   channels: [subagentRunsChannel, subagentCatalogChannel],
-  activityGroups: [{ name: 'agents', keys: 'a r', statusKey: 'doom-team-agents', tab: 'subagents', order: 10 }],
+  // No declared tab: the fleet is a panel the reader opens from the dock's
+  // agents group, and closes when they are done with it.
+  activityGroups: [
+    {
+      name: 'agents',
+      keys: 'a r',
+      statusKey: 'doom-team-agents',
+      activeSource: agentsActivitySource,
+      transientTab: subagentsTab,
+      order: 10,
+    },
+  ],
   // The TUI's SPC a r and SPC a l: the runs, and the catalog to launch from.
   leaderBindings: [
     {
       id: 'subagents.fleet',
       path: [AGENTS_GROUP, { key: 'r', label: 'runs', detail: 'runs in this session' }],
-      run: (context) => context.openTab('subagents'),
+      run: (context) => context.openTransientTab(subagentsTab()),
     },
     {
       id: 'subagents.catalog',
       path: [AGENTS_GROUP, { key: 'l', label: 'launch', detail: 'pick an agent and launch it' }],
       run: (context) => {
         if (context.sessionId !== null) openCatalog(context.sessionId);
-        context.openTab('subagents');
+        context.openTransientTab(subagentsTab());
       },
     },
   ],