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

package/README.md

@@ -117,8 +117,9 @@ Maintained by [Agimon](https://agimon.ai/about).
 
 ## Web cockpit plugin
 
-The `src/web` directory is this package's DoomPi web cockpit plugin: the workflows tab, its store,
-and its `workflow_runs` session channel, compiled into the cockpit bundle by `doompi-web`'s build.
+The `src/web` directory is this package's DoomPi web cockpit plugin: the workflows panel the dock's
+workflows group opens in a temporary tab, its store, and its `workflow_runs` session channel,
+compiled into the cockpit bundle by `doompi-web`'s build.
 The hub-side data source ships behind the `./web-hub` subpath and reads the workflow registry
 (run.json plus progress.ndjson) exactly as the engine writes it. Both halves are declared by the
 `doompiWeb` block in package.json.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/doompi-workflow",
-  "version": "0.0.1-alpha.49",
+  "version": "0.0.1-alpha.50",
   "description": "GitHub Actions-style workflow graphs, artifacts, recovery, and asynchronous runs for DoomPi.",
   "keywords": [
     "ai",
@@ -68,12 +68,12 @@
     "@modelcontextprotocol/sdk": "1.30.0",
     "hono": "4.13.5",
     "zod": "4.4.3",
-    "@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-web-security": "0.0.1-alpha.10"
+    "@agimon-ai/doompi-telemetry": "0.0.1-alpha.49",
+    "@agimon-ai/doompi-extension-contracts": "0.0.1-alpha.49",
+    "@agimon-ai/doompi-web-components": "0.0.1-alpha.10",
+    "@agimon-ai/doompi-ui": "0.0.1-alpha.50",
+    "@agimon-ai/doompi-web-contracts": "0.0.1-alpha.13",
+    "@agimon-ai/doompi-web-security": "0.0.1-alpha.11"
   },
   "devDependencies": {
     "@earendil-works/pi-coding-agent": "0.84.4",

package/src/web/WorkflowsActivitySection.tsx

@@ -10,10 +10,10 @@ import {
   workflowActivityRows,
 } from './workflowActivity.ts';
 import { openCatalog } from './catalogStore.ts';
+import { workflowsTab } from './WorkflowsPanel.tsx';
 import { focusRun, workflows } from './workflowsStore.ts';
 
 const TICK_MS = 10_000;
-const WORKFLOWS_TAB = 'workflows';
 
 const TONE_DOT: Readonly<Record<WorkflowActivityTone, DotTone>> = {
   running: 'yellow',
@@ -45,7 +45,7 @@ const GROUP_LABEL: Readonly<Record<WorkflowActivityGroupName, string>> = {
  * they are the only ones that need an answer, and the rest stay out of the way
  * until somebody asks. Idle offers the catalog instead of saying nothing.
  */
-export function WorkflowsActivitySection({ sessionId, openTab }: WebPluginSlotProps) {
+export function WorkflowsActivitySection({ sessionId, openTransientTab }: WebPluginSlotProps) {
   const runs = useStore(workflows.store, (state) => workflows.select(state, sessionId).runs);
   const [now, setNow] = useState(() => Date.now());
   const [folded, setFolded] = useState<Partial<Record<WorkflowActivityGroupName, boolean>>>({});
@@ -70,7 +70,7 @@ export function WorkflowsActivitySection({ sessionId, openTab }: WebPluginSlotPr
           onClick={() => {
             if (sessionId === null) return;
             openCatalog(sessionId);
-            openTab(WORKFLOWS_TAB);
+            openTransientTab(workflowsTab());
           }}
         >
           launch a workflow
@@ -89,7 +89,7 @@ export function WorkflowsActivitySection({ sessionId, openTab }: WebPluginSlotPr
       onClick={() => {
         if (sessionId === null) return;
         focusRun(sessionId, row.identity);
-        openTab(WORKFLOWS_TAB);
+        openTransientTab(workflowsTab());
       }}
       className="min-w-0 gap-0.5 rounded-[5px] px-1 py-1 hover:bg-doom-panel"
     >

package/src/web/WorkflowsPanel.tsx

@@ -25,7 +25,7 @@ import {
   StatusBadge,
   StreamCursor,
 } from '@agimon-ai/doompi-web-components';
-import type { WebPluginSlotProps } from '@agimon-ai/doompi-web-contracts';
+import type { TransientTab, WebPluginSlotProps } from '@agimon-ai/doompi-web-contracts';
 import { useStore } from '@tanstack/react-store';
 import { type ReactNode, useEffect, useMemo, useRef, useState } from 'react';
 import type {
@@ -45,6 +45,9 @@ import { WorkflowCatalogDrawer } from './WorkflowCatalogDrawer.tsx';
 import { workflowRunIdentity } from './workflowActivity.ts';
 import { focusRun, removeRun, workflows } from './workflowsStore.ts';
 
+/** One workflows tab per session; the surface is singular, so the id needs nothing else. */
+export const WORKFLOWS_TAB_ID = 'workflows-runs';
+
 const TICK_MS = 10_000;
 
 const STATE_ICON: Readonly<Record<WorkflowProgressState, { glyph: string; className: string }>> = {
@@ -727,3 +730,8 @@ export function WorkflowsPanel({ sessionId, openTransientTab, sendSessionFrame }
     </div>
   );
 }
+
+/** The temporary tab the workflow surface opens in; opening it again only focuses it. */
+export function workflowsTab(): TransientTab {
+  return { id: WORKFLOWS_TAB_ID, label: 'workflows', panel: WorkflowsPanel };
+}

package/src/web/index.ts

@@ -1,19 +1,10 @@
 import { defineWebPlugin } from '@agimon-ai/doompi-web-contracts';
-import { useStore } from '@tanstack/react-store';
 import { openCatalog, workflowCatalogChannel } from './catalogStore.ts';
 import { WorkflowsActivitySection } from './WorkflowsActivitySection.tsx';
-import { WorkflowsPanel } from './WorkflowsPanel.tsx';
+import { workflowsTab } from './WorkflowsPanel.tsx';
 import { WorkflowToolMessage } from './WorkflowToolMessage.tsx';
 import { workflowRunsChannel, workflows } from './workflowsStore.ts';
 
-/** The tab badge: only runs still in the running stage. */
-export function useWorkflowsBadge(sessionId: string | null): number {
-  return useStore(
-    workflows.store,
-    (state) => workflows.select(state, sessionId).runs.filter((run) => run.stage === 'running').length,
-  );
-}
-
 const WORKFLOWS_GROUP = { key: 'w', label: 'workflows', detail: 'multi-step agent runs' };
 
 const workflowActivitySource = {
@@ -29,7 +20,8 @@ const workflowActivitySource = {
 /** The named export the generated plugin registry imports. */
 export const webPlugin = defineWebPlugin({
   id: 'workflows',
-  tabs: [{ id: 'workflows', label: 'workflows', panel: WorkflowsPanel, useBadge: useWorkflowsBadge }],
+  // No declared tab: the runs surface is a panel the reader opens from the
+  // dock's workflows group, and closes when they are done with it.
   channels: [workflowRunsChannel, workflowCatalogChannel],
   minorModes: [{ name: 'workflow', keys: 'w e', widgetKey: 'workflow-mcp-progress', order: 50 }],
   activityGroups: [
@@ -38,7 +30,7 @@ export const webPlugin = defineWebPlugin({
       keys: 'w r',
       widgetKeys: ['workflow-mcp-progress', 'workflow-mcp-follow'],
       activeSource: workflowActivitySource,
-      tab: 'workflows',
+      transientTab: workflowsTab,
       order: 30,
     },
   ],
@@ -53,14 +45,14 @@ export const webPlugin = defineWebPlugin({
     {
       id: 'doom-workflow.manage',
       path: [WORKFLOWS_GROUP, { key: 'r', label: 'runs', detail: 'runs in this session' }],
-      run: (context) => context.openTab('workflows'),
+      run: (context) => context.openTransientTab(workflowsTab()),
     },
     {
       id: 'doom-workflow.catalog',
       path: [WORKFLOWS_GROUP, { key: 'l', label: 'launch', detail: 'pick a workflow and launch it' }],
       run: (context) => {
         if (context.sessionId !== null) openCatalog(context.sessionId);
-        context.openTab('workflows');
+        context.openTransientTab(workflowsTab());
       },
     },
     {