@agimon-ai/po-web-dashboard 0.0.0-alpha.0

package/dist/web/components/Template.fixture.cjs

@@ -0,0 +1,67 @@
+const require_pluginRegistry = require("../lib/pluginRegistry.cjs");
+const require_pluginCompositions = require("../lib/pluginCompositions.cjs");
+const require_templateStore = require("../stores/templateStore.cjs");
+const require_Story_fixture = require("./Story.fixture.cjs");
+let _agimon_ai_po_core_web = require("@agimon-ai/po-core/web");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/web/components/Template.fixture.tsx
+const templateConfig = {
+	repoRoot: "/workspace/po",
+	values: { "web.template": {
+		value: "story-layout",
+		origin: "global",
+		scope: "both"
+	} },
+	hashes: {
+		global: "story-global",
+		repository: "story-repository"
+	}
+};
+const storyTemplate = (0, _agimon_ai_po_core_web.defineWebPlugin)({
+	id: "story-template",
+	templates: [{
+		id: "story-layout",
+		label: "Story layout",
+		description: "An isolated complete application for the host boundary.",
+		contractVersion: 2,
+		app: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("main", {
+			"data-testid": "story-dashboard",
+			className: "h-full bg-doom-bg p-6 text-doom-text",
+			children: "The selected template owns this application."
+		})
+	}]
+});
+function seedTemplateStory(phase = "ready", includeTemplate = true) {
+	require_pluginRegistry.resetWebPlugins();
+	require_pluginRegistry.installWebPlugins(includeTemplate ? [storyTemplate] : []);
+	const state = {
+		phase,
+		...phase === "error" ? { error: "The template package could not be loaded." } : {}
+	};
+	require_pluginCompositions.webPluginCompositionStore.setState(() => ({
+		...state,
+		mounts: {
+			global: state,
+			[`workspace:${require_Story_fixture.STORY_WORKSPACE_ID}`]: state,
+			[`session:${require_Story_fixture.STORY_SESSION_ID}`]: state
+		}
+	}));
+	require_templateStore.templateStore.setState(() => ({
+		global: {
+			config: templateConfig,
+			loading: false,
+			saving: false
+		},
+		[`workspace:${require_Story_fixture.STORY_WORKSPACE_ID}`]: {
+			config: templateConfig,
+			loading: false,
+			saving: false
+		}
+	}));
+}
+//#endregion
+exports.seedTemplateStory = seedTemplateStory;
+exports.storyTemplate = storyTemplate;
+exports.templateConfig = templateConfig;
+
+//# sourceMappingURL=Template.fixture.cjs.map

package/dist/web/components/Template.fixture.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Template.fixture.cjs","names":["defineWebPlugin","STORY_WORKSPACE_ID","STORY_SESSION_ID"],"sources":["../../../src/web/components/Template.fixture.tsx"],"sourcesContent":["import { defineWebPlugin } from '@agimon-ai/po-core/web';\n\nimport type { SettingsConfigView } from '../../types/settings.ts';\nimport { webPluginCompositionStore } from '../lib/pluginCompositions';\nimport { installWebPlugins, resetWebPlugins } from '../lib/pluginRegistry';\nimport { templateStore } from '../stores/templateStore';\nimport { STORY_SESSION_ID, STORY_WORKSPACE_ID } from './Story.fixture.tsx';\n\nexport const templateConfig: SettingsConfigView = {\n  repoRoot: '/workspace/po',\n  values: { 'web.template': { value: 'story-layout', origin: 'global', scope: 'both' } },\n  hashes: { global: 'story-global', repository: 'story-repository' },\n};\n\nexport const storyTemplate = defineWebPlugin({\n  id: 'story-template',\n  templates: [\n    {\n      id: 'story-layout',\n      label: 'Story layout',\n      description: 'An isolated complete application for the host boundary.',\n      contractVersion: 2,\n      app: () => (\n        <main data-testid=\"story-dashboard\" className=\"h-full bg-doom-bg p-6 text-doom-text\">\n          The selected template owns this application.\n        </main>\n      ),\n    },\n  ],\n});\n\nexport function seedTemplateStory(phase: 'ready' | 'loading' | 'error' = 'ready', includeTemplate = true): void {\n  resetWebPlugins();\n  installWebPlugins(includeTemplate ? [storyTemplate] : []);\n  const state = { phase, ...(phase === 'error' ? { error: 'The template package could not be loaded.' } : {}) };\n  webPluginCompositionStore.setState(() => ({\n    ...state,\n    mounts: {\n      global: state,\n      [`workspace:${STORY_WORKSPACE_ID}`]: state,\n      [`session:${STORY_SESSION_ID}`]: state,\n    },\n  }));\n  templateStore.setState(() => ({\n    global: { config: templateConfig, loading: false, saving: false },\n    [`workspace:${STORY_WORKSPACE_ID}`]: { config: templateConfig, loading: false, saving: false },\n  }));\n}\n"],"mappings":";;;;;;;AAQA,MAAa,iBAAqC;CAChD,UAAU;CACV,QAAQ,EAAE,gBAAgB;EAAE,OAAO;EAAgB,QAAQ;EAAU,OAAO;CAAO,EAAE;CACrF,QAAQ;EAAE,QAAQ;EAAgB,YAAY;CAAmB;AACnE;AAEA,MAAa,iBAAA,GAAgBA,uBAAAA,gBAAAA,CAAgB;CAC3C,IAAI;CACJ,WAAW,CACT;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,iBAAiB;EACjB,WACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,eAAY;GAAkB,WAAU;GAAuC,UAAA;EAE/E,CAAA;CAEV,CACF;AACF,CAAC;AAED,SAAgB,kBAAkB,QAAuC,SAAS,kBAAkB,MAAY;CAC9G,uBAAA,gBAAgB;CAChB,uBAAA,kBAAkB,kBAAkB,CAAC,aAAa,IAAI,CAAC,CAAC;CACxD,MAAM,QAAQ;EAAE;EAAO,GAAI,UAAU,UAAU,EAAE,OAAO,4CAA4C,IAAI,CAAC;CAAG;CAC5G,2BAAA,0BAA0B,gBAAgB;EACxC,GAAG;EACH,QAAQ;GACN,QAAQ;IACP,aAAaC,sBAAAA,uBAAuB;IACpC,WAAWC,sBAAAA,qBAAqB;EACnC;CACF,EAAE;CACF,sBAAA,cAAc,gBAAgB;EAC5B,QAAQ;GAAE,QAAQ;GAAgB,SAAS;GAAO,QAAQ;EAAM;GAC/D,aAAaD,sBAAAA,uBAAuB;GAAE,QAAQ;GAAgB,SAAS;GAAO,QAAQ;EAAM;CAC/F,EAAE;AACJ"}

package/dist/web/components/Template.fixture.d.mts

@@ -0,0 +1,7 @@
+import { SettingsConfigView } from "../../types/settings.mjs";
+//#region src/web/components/Template.fixture.d.ts
+export declare const templateConfig: SettingsConfigView;
+export declare const storyTemplate: import("@agimon-ai/po-core/web").WebPluginDefinition;
+export declare function seedTemplateStory(phase?: 'ready' | 'loading' | 'error', includeTemplate?: boolean): void;
+//#endregion
+//# sourceMappingURL=Template.fixture.d.mts.map

package/dist/web/components/Template.fixture.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Template.fixture.d.mts","names":[],"sources":["../../../src/web/components/Template.fixture.tsx"],"mappings":";;qBAQa,gBAAgB;qBAMhB,gDAAa;wBAiBV,kBAAkB,uCAAgD"}

package/dist/web/components/Template.fixture.mjs

@@ -0,0 +1,65 @@
+import { installWebPlugins, resetWebPlugins } from "../lib/pluginRegistry.mjs";
+import { webPluginCompositionStore } from "../lib/pluginCompositions.mjs";
+import { templateStore } from "../stores/templateStore.mjs";
+import { STORY_SESSION_ID, STORY_WORKSPACE_ID } from "./Story.fixture.mjs";
+import { defineWebPlugin } from "@agimon-ai/po-core/web";
+import { jsx } from "react/jsx-runtime";
+//#region src/web/components/Template.fixture.tsx
+const templateConfig = {
+	repoRoot: "/workspace/po",
+	values: { "web.template": {
+		value: "story-layout",
+		origin: "global",
+		scope: "both"
+	} },
+	hashes: {
+		global: "story-global",
+		repository: "story-repository"
+	}
+};
+const storyTemplate = defineWebPlugin({
+	id: "story-template",
+	templates: [{
+		id: "story-layout",
+		label: "Story layout",
+		description: "An isolated complete application for the host boundary.",
+		contractVersion: 2,
+		app: () => /* @__PURE__ */ jsx("main", {
+			"data-testid": "story-dashboard",
+			className: "h-full bg-doom-bg p-6 text-doom-text",
+			children: "The selected template owns this application."
+		})
+	}]
+});
+function seedTemplateStory(phase = "ready", includeTemplate = true) {
+	resetWebPlugins();
+	installWebPlugins(includeTemplate ? [storyTemplate] : []);
+	const state = {
+		phase,
+		...phase === "error" ? { error: "The template package could not be loaded." } : {}
+	};
+	webPluginCompositionStore.setState(() => ({
+		...state,
+		mounts: {
+			global: state,
+			[`workspace:${STORY_WORKSPACE_ID}`]: state,
+			[`session:${STORY_SESSION_ID}`]: state
+		}
+	}));
+	templateStore.setState(() => ({
+		global: {
+			config: templateConfig,
+			loading: false,
+			saving: false
+		},
+		[`workspace:${STORY_WORKSPACE_ID}`]: {
+			config: templateConfig,
+			loading: false,
+			saving: false
+		}
+	}));
+}
+//#endregion
+export { seedTemplateStory, storyTemplate, templateConfig };
+
+//# sourceMappingURL=Template.fixture.mjs.map

package/dist/web/components/Template.fixture.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Template.fixture.mjs","names":[],"sources":["../../../src/web/components/Template.fixture.tsx"],"sourcesContent":["import { defineWebPlugin } from '@agimon-ai/po-core/web';\n\nimport type { SettingsConfigView } from '../../types/settings.ts';\nimport { webPluginCompositionStore } from '../lib/pluginCompositions';\nimport { installWebPlugins, resetWebPlugins } from '../lib/pluginRegistry';\nimport { templateStore } from '../stores/templateStore';\nimport { STORY_SESSION_ID, STORY_WORKSPACE_ID } from './Story.fixture.tsx';\n\nexport const templateConfig: SettingsConfigView = {\n  repoRoot: '/workspace/po',\n  values: { 'web.template': { value: 'story-layout', origin: 'global', scope: 'both' } },\n  hashes: { global: 'story-global', repository: 'story-repository' },\n};\n\nexport const storyTemplate = defineWebPlugin({\n  id: 'story-template',\n  templates: [\n    {\n      id: 'story-layout',\n      label: 'Story layout',\n      description: 'An isolated complete application for the host boundary.',\n      contractVersion: 2,\n      app: () => (\n        <main data-testid=\"story-dashboard\" className=\"h-full bg-doom-bg p-6 text-doom-text\">\n          The selected template owns this application.\n        </main>\n      ),\n    },\n  ],\n});\n\nexport function seedTemplateStory(phase: 'ready' | 'loading' | 'error' = 'ready', includeTemplate = true): void {\n  resetWebPlugins();\n  installWebPlugins(includeTemplate ? [storyTemplate] : []);\n  const state = { phase, ...(phase === 'error' ? { error: 'The template package could not be loaded.' } : {}) };\n  webPluginCompositionStore.setState(() => ({\n    ...state,\n    mounts: {\n      global: state,\n      [`workspace:${STORY_WORKSPACE_ID}`]: state,\n      [`session:${STORY_SESSION_ID}`]: state,\n    },\n  }));\n  templateStore.setState(() => ({\n    global: { config: templateConfig, loading: false, saving: false },\n    [`workspace:${STORY_WORKSPACE_ID}`]: { config: templateConfig, loading: false, saving: false },\n  }));\n}\n"],"mappings":";;;;;;;AAQA,MAAa,iBAAqC;CAChD,UAAU;CACV,QAAQ,EAAE,gBAAgB;EAAE,OAAO;EAAgB,QAAQ;EAAU,OAAO;CAAO,EAAE;CACrF,QAAQ;EAAE,QAAQ;EAAgB,YAAY;CAAmB;AACnE;AAEA,MAAa,gBAAgB,gBAAgB;CAC3C,IAAI;CACJ,WAAW,CACT;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,iBAAiB;EACjB,WACE,oBAAC,QAAD;GAAM,eAAY;GAAkB,WAAU;GAAuC,UAAA;EAE/E,CAAA;CAEV,CACF;AACF,CAAC;AAED,SAAgB,kBAAkB,QAAuC,SAAS,kBAAkB,MAAY;CAC9G,gBAAgB;CAChB,kBAAkB,kBAAkB,CAAC,aAAa,IAAI,CAAC,CAAC;CACxD,MAAM,QAAQ;EAAE;EAAO,GAAI,UAAU,UAAU,EAAE,OAAO,4CAA4C,IAAI,CAAC;CAAG;CAC5G,0BAA0B,gBAAgB;EACxC,GAAG;EACH,QAAQ;GACN,QAAQ;IACP,aAAa,uBAAuB;IACpC,WAAW,qBAAqB;EACnC;CACF,EAAE;CACF,cAAc,gBAAgB;EAC5B,QAAQ;GAAE,QAAQ;GAAgB,SAAS;GAAO,QAAQ;EAAM;GAC/D,aAAa,uBAAuB;GAAE,QAAQ;GAAgB,SAAS;GAAO,QAAQ;EAAM;CAC/F,EAAE;AACJ"}

package/dist/web/components/ToolRendererBoundary.cjs

@@ -0,0 +1,23 @@
+let react = require("react");
+//#region src/web/components/ToolRendererBoundary.tsx
+/**
+* Keeps one plugin's tool renderer from taking the timeline down with it: a
+* throw during render is logged once and the call falls back to the host's
+* own item, while every other entry keeps rendering.
+*/
+var ToolRendererBoundary = class extends react.Component {
+	state = { failed: false };
+	static getDerivedStateFromError() {
+		return { failed: true };
+	}
+	componentDidCatch(error) {
+		console.error(`web plugin tool renderer for '${this.props.toolName}' threw; showing the host item instead`, error);
+	}
+	render() {
+		return this.props.children(this.state.failed);
+	}
+};
+//#endregion
+exports.ToolRendererBoundary = ToolRendererBoundary;
+
+//# sourceMappingURL=ToolRendererBoundary.cjs.map

package/dist/web/components/ToolRendererBoundary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolRendererBoundary.cjs","names":["Component"],"sources":["../../../src/web/components/ToolRendererBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode } from 'react';\n\ninterface ToolRendererBoundaryProps {\n  toolName: string;\n  /** Renders the item; `failed` is true once the plugin renderer threw, so the host item stands in. */\n  children: (failed: boolean) => ReactNode;\n}\n\ninterface ToolRendererBoundaryState {\n  failed: boolean;\n}\n\n/**\n * Keeps one plugin's tool renderer from taking the timeline down with it: a\n * throw during render is logged once and the call falls back to the host's\n * own item, while every other entry keeps rendering.\n */\nexport class ToolRendererBoundary extends Component<ToolRendererBoundaryProps, ToolRendererBoundaryState> {\n  override state: ToolRendererBoundaryState = { failed: false };\n\n  static getDerivedStateFromError(): ToolRendererBoundaryState {\n    return { failed: true };\n  }\n\n  override componentDidCatch(error: unknown): void {\n    console.error(`web plugin tool renderer for '${this.props.toolName}' threw; showing the host item instead`, error);\n  }\n\n  override render(): ReactNode {\n    return this.props.children(this.state.failed);\n  }\n}\n"],"mappings":";;;;;;;AAiBA,IAAa,uBAAb,cAA0CA,MAAAA,UAAgE;CACxG,QAA4C,EAAE,QAAQ,MAAM;CAE5D,OAAO,2BAAsD;EAC3D,OAAO,EAAE,QAAQ,KAAK;CACxB;CAEA,kBAA2B,OAAsB;EAC/C,QAAQ,MAAM,iCAAiC,KAAK,MAAM,SAAS,yCAAyC,KAAK;CACnH;CAEA,SAA6B;EAC3B,OAAO,KAAK,MAAM,SAAS,KAAK,MAAM,MAAM;CAC9C;AACF"}

package/dist/web/components/ToolRendererBoundary.d.mts

@@ -0,0 +1,23 @@
+import { Component, ReactNode } from "react";
+//#region src/web/components/ToolRendererBoundary.d.ts
+interface ToolRendererBoundaryProps {
+  toolName: string;
+  /** Renders the item; `failed` is true once the plugin renderer threw, so the host item stands in. */
+  children: (failed: boolean) => ReactNode;
+}
+interface ToolRendererBoundaryState {
+  failed: boolean;
+}
+/**
+ * Keeps one plugin's tool renderer from taking the timeline down with it: a
+ * throw during render is logged once and the call falls back to the host's
+ * own item, while every other entry keeps rendering.
+ */
+export declare class ToolRendererBoundary extends Component<ToolRendererBoundaryProps, ToolRendererBoundaryState> {
+  state: ToolRendererBoundaryState;
+  static getDerivedStateFromError(): ToolRendererBoundaryState;
+  componentDidCatch(error: unknown): void;
+  render(): ReactNode;
+}
+//#endregion
+//# sourceMappingURL=ToolRendererBoundary.d.mts.map

package/dist/web/components/ToolRendererBoundary.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolRendererBoundary.d.mts","names":[],"sources":["../../../src/web/components/ToolRendererBoundary.tsx"],"mappings":";;UAEU;EACR;;EAEA,WAAW,oBAAoB;;UAGvB;EACR;;;;;;;qBAQW,6BAA6B,UAAU,2BAA2B;EACpE,OAAO;SAET,4BAA4B;EAI1B,kBAAkB;EAIlB,UAAU"}

package/dist/web/components/ToolRendererBoundary.mjs

@@ -0,0 +1,23 @@
+import { Component } from "react";
+//#region src/web/components/ToolRendererBoundary.tsx
+/**
+* Keeps one plugin's tool renderer from taking the timeline down with it: a
+* throw during render is logged once and the call falls back to the host's
+* own item, while every other entry keeps rendering.
+*/
+var ToolRendererBoundary = class extends Component {
+	state = { failed: false };
+	static getDerivedStateFromError() {
+		return { failed: true };
+	}
+	componentDidCatch(error) {
+		console.error(`web plugin tool renderer for '${this.props.toolName}' threw; showing the host item instead`, error);
+	}
+	render() {
+		return this.props.children(this.state.failed);
+	}
+};
+//#endregion
+export { ToolRendererBoundary };
+
+//# sourceMappingURL=ToolRendererBoundary.mjs.map

package/dist/web/components/ToolRendererBoundary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolRendererBoundary.mjs","names":[],"sources":["../../../src/web/components/ToolRendererBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode } from 'react';\n\ninterface ToolRendererBoundaryProps {\n  toolName: string;\n  /** Renders the item; `failed` is true once the plugin renderer threw, so the host item stands in. */\n  children: (failed: boolean) => ReactNode;\n}\n\ninterface ToolRendererBoundaryState {\n  failed: boolean;\n}\n\n/**\n * Keeps one plugin's tool renderer from taking the timeline down with it: a\n * throw during render is logged once and the call falls back to the host's\n * own item, while every other entry keeps rendering.\n */\nexport class ToolRendererBoundary extends Component<ToolRendererBoundaryProps, ToolRendererBoundaryState> {\n  override state: ToolRendererBoundaryState = { failed: false };\n\n  static getDerivedStateFromError(): ToolRendererBoundaryState {\n    return { failed: true };\n  }\n\n  override componentDidCatch(error: unknown): void {\n    console.error(`web plugin tool renderer for '${this.props.toolName}' threw; showing the host item instead`, error);\n  }\n\n  override render(): ReactNode {\n    return this.props.children(this.state.failed);\n  }\n}\n"],"mappings":";;;;;;;AAiBA,IAAa,uBAAb,cAA0C,UAAgE;CACxG,QAA4C,EAAE,QAAQ,MAAM;CAE5D,OAAO,2BAAsD;EAC3D,OAAO,EAAE,QAAQ,KAAK;CACxB;CAEA,kBAA2B,OAAsB;EAC/C,QAAQ,MAAM,iCAAiC,KAAK,MAAM,SAAS,yCAAyC,KAAK;CACnH;CAEA,SAA6B;EAC3B,OAAO,KAAK,MAAM,SAAS,KAAK,MAAM,MAAM;CAC9C;AACF"}

package/dist/web/features/activity/ActivityDock.cjs

@@ -0,0 +1,271 @@
+const require_pluginRegistry = require("../../lib/pluginRegistry.cjs");
+const require_composition = require("../../lib/composition.cjs");
+const require_pluginCompositions = require("../../lib/pluginCompositions.cjs");
+const require_sessionsStore = require("../../stores/sessionsStore.cjs");
+const require_sessionStore = require("../../stores/sessionStore.cjs");
+const require_uiStore = require("../../stores/uiStore.cjs");
+const require_usePluginSlotProps = require("../../stores/usePluginSlotProps.cjs");
+const require_PluginSurface = require("../../components/PluginSurface.cjs");
+const require_SessionMcp = require("../../components/SessionMcp.cjs");
+const require_ContextPanel = require("./ContextPanel.cjs");
+const require_DockTabs = require("./DockTabs.cjs");
+let react = require("react");
+let _tanstack_react_store = require("@tanstack/react-store");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _agimon_ai_po_web_components = require("@agimon-ai/po-web-components");
+//#region src/web/features/activity/ActivityDock.tsx
+/**
+* The column for everything that is not the transcript.
+*
+* `activity` is asynchronous work that outlives the turn that started it.
+* `context` is the composition that work runs under, and what carrying it costs.
+* `mcp` lists capabilities granted to this session's remote connections.
+*
+* On the activity face the host owns only the frame: which groups exist, their
+* key chips, and what they render come from the packages that declare them.
+* Each declared group opens the keyed slot activity.<name>; the sections any
+* plugin registers under that name render there, in slot order, and a group
+* nobody fills shows the one-line summary the session's footer publishes.
+*/
+function ActivityDock({ onClose, onOpenContent, mcp }) {
+	const activeId = (0, _tanstack_react_store.useStore)(require_sessionsStore.sessionsStore, (state) => state.activeId);
+	const connection = (0, _tanstack_react_store.useStore)(require_sessionsStore.sessionsStore, (state) => state.activeId === null ? void 0 : state.byId[state.activeId]);
+	const statuses = require_sessionStore.useActiveSession((state) => state.statuses);
+	const widgets = require_sessionStore.useActiveSession((state) => state.widgets);
+	const slotProps = require_usePluginSlotProps.usePluginSlotProps(activeId, onOpenContent);
+	const tab = (0, _tanstack_react_store.useStore)(require_uiStore.uiStore, (state) => state.dockTab);
+	const dockFaces = require_composition.useDockFaces(activeId).filter((face) => face.requiredMinorMode === void 0 || slotProps.activeMinorModes?.includes(face.requiredMinorMode));
+	const selectedFace = dockFaces.find((face) => face.id === tab);
+	const mcpEnabled = mcp?.snapshot?.enabled === true;
+	const resolvedTab = tab === "context" || tab === "activity" || tab === "mcp" && mcpEnabled || selectedFace !== void 0 ? tab : "activity";
+	const DockPanel = selectedFace?.panel;
+	const automaticFace = dockFaces.find((face) => face.autoSelect === true);
+	const automaticFaceKey = `${activeId ?? ""}:${automaticFace?.id ?? ""}`;
+	const lastAutomaticFaceKey = (0, react.useRef)(void 0);
+	const workspaceId = (0, _tanstack_react_store.useStore)(require_sessionsStore.sessionsStore, (state) => state.activeId === null ? void 0 : state.byId[state.activeId]?.summary.workspaceId);
+	const compositionSnapshot = (0, _tanstack_react_store.useStore)(require_pluginCompositions.webPluginCompositionStore);
+	const compositionState = require_pluginCompositions.webPluginMountState(activeId === null ? { scope: "global" } : {
+		scope: "session",
+		sessionId: activeId,
+		workspaceId: workspaceId ?? ""
+	}, compositionSnapshot);
+	const groups = require_composition.useActivityGroups(statuses, widgets, activeId);
+	const ordinaryGroups = groups.filter((group) => group.placement !== "bottom");
+	const pinnedGroups = groups.filter((group) => group.placement === "bottom");
+	const busy = groups.filter((group) => group.active).length;
+	(0, react.useEffect)(() => {
+		if (lastAutomaticFaceKey.current === automaticFaceKey) return;
+		lastAutomaticFaceKey.current = automaticFaceKey;
+		if (automaticFace !== void 0) require_uiStore.setDockTab(automaticFace.id);
+	}, [automaticFace, automaticFaceKey]);
+	(0, react.useEffect)(() => {
+		if (resolvedTab !== tab) require_uiStore.setDockTab(resolvedTab);
+	}, [resolvedTab, tab]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+		"data-testid": "activity-dock",
+		className: "flex w-[min(360px,calc(100vw-48px))] shrink-0 flex-col overflow-hidden border-l border-doom-border-soft bg-doom-rail sm:w-[360px]",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex h-16 shrink-0 items-end gap-6 border-b border-doom-border-soft px-5",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DockTabs.DockTabs, {
+					contributed: dockFaces,
+					mcpEnabled
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "flex-1" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+					variant: "ghost",
+					size: "icon",
+					"data-testid": "activity-close",
+					"aria-label": "Hide activity",
+					title: "Hide activity",
+					onClick: onClose,
+					className: "mb-4 text-doom-dim",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.CloseIcon, {
+						"aria-hidden": true,
+						className: "size-3.5"
+					})
+				})
+			]
+		}), resolvedTab === "mcp" && mcp !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SessionMcp.SessionMcpTools, { state: mcp }, activeId) : DockPanel !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DockPanel, { ...slotProps }) : resolvedTab === "context" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ContextPanel.ContextPanel, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				"data-testid": "activity-scroll",
+				className: "flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-4",
+				children: [
+					connection?.attach === "offline" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("output", {
+						"data-testid": "activity-offline",
+						className: "block px-1 text-sm text-doom-dim",
+						children: connection.reason || "Reconnecting"
+					}) : null,
+					busy > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("output", {
+						"data-testid": "activity-busy",
+						className: "flex items-center gap-2 rounded-lg bg-doom-tint-yellow px-3 py-2 text-sm text-doom-yellow",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.LoaderIcon, {
+								"aria-hidden": true,
+								className: "size-3.5 animate-spin"
+							}),
+							busy,
+							" running in the background"
+						]
+					}) : null,
+					compositionState.phase === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						"data-testid": "activity-error",
+						role: "alert",
+						className: "flex items-center justify-between gap-3 rounded-lg border border-doom-border-soft px-4 py-3",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-sm text-doom-dim",
+							children: "Activity failed to load"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+							variant: "outline",
+							size: "xs",
+							"data-testid": "activity-retry",
+							onClick: () => void require_pluginCompositions.retryWebPluginCompositions().catch((error) => console.error(error)),
+							children: "Retry"
+						})]
+					}) : null,
+					groups.length === 0 && compositionState.phase === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Placeholder, {
+						testId: "activity-loading",
+						title: "Loading activity",
+						description: "Loading the package extensions that supervise work."
+					}) : null,
+					groups.length === 0 && compositionState.phase !== "loading" && compositionState.phase !== "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Placeholder, {
+						testId: "activity-empty",
+						title: "Nothing supervised yet",
+						description: "A package's group appears here once its extension reports in."
+					}) : null,
+					ordinaryGroups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityGroupView, {
+						group,
+						slotProps
+					}, group.name)),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PluginSurface.PluginSurface, {
+						slot: require_pluginRegistry.HOST_SLOTS.activity,
+						sessionId: activeId
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PromoPanel, {})
+				]
+			}),
+			pinnedGroups.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"data-testid": "activity-pinned",
+				className: "flex shrink-0 flex-col gap-3 px-4 pb-4",
+				children: pinnedGroups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityGroupView, {
+					group,
+					slotProps
+				}, group.name))
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				className: "flex shrink-0 gap-2 border-t border-doom-border-soft px-5 py-3 text-sm leading-relaxed text-doom-dim",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.LightbulbIcon, {
+					"aria-hidden": true,
+					className: "size-3.5 shrink-0"
+				}), "Each group is rendered by the package that owns it. The session's summary line stands in until that package publishes per-run detail."]
+			})
+		] })]
+	});
+}
+/** Plugin group names are lowercase identifiers; the heading reads in sentence case. */
+function sentenceCase(name) {
+	return name.charAt(0).toUpperCase() + name.slice(1);
+}
+function Placeholder({ testId, title, description }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": testId,
+		className: "flex flex-col gap-1 rounded-lg border border-dashed border-doom-border px-4 py-5",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-base font-semibold text-doom-hi",
+			children: title
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-sm text-doom-dim",
+			children: description
+		})]
+	});
+}
+/** Static and decorative: it names what the dock is for and offers no action. */
+function PromoPanel() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "relative shrink-0 overflow-hidden rounded-lg border border-doom-border-soft px-4 pt-3.5 pb-16",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.SparklesIcon, {
+				"aria-hidden": true,
+				className: "mt-0.5 size-5 shrink-0 text-doom-green"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-base font-semibold text-doom-hi",
+					children: "A more capable you"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-sm text-doom-dim",
+					children: "Agents, tools, and your codebase. All in one place."
+				})]
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			"aria-hidden": true,
+			viewBox: "0 0 320 80",
+			preserveAspectRatio: "none",
+			className: "absolute inset-x-0 bottom-0 h-16 w-full",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M0 50 C60 30 110 70 170 46 S280 18 320 34 V80 H0Z",
+					className: "fill-doom-tint-green"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M0 64 C70 46 120 78 190 58 S290 44 320 52 V80 H0Z",
+					className: "fill-doom-edge-green opacity-40"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M0 74 C80 62 150 82 220 70 S300 64 320 68 V80 H0Z",
+					className: "fill-doom-green opacity-20"
+				})
+			]
+		})]
+	});
+}
+function ActivityGroupView({ group, slotProps }) {
+	const GroupIcon = group.icon ?? _agimon_ai_po_web_components.ActivityIcon;
+	const label = sentenceCase(group.name);
+	const heading = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "min-w-0 flex-1 truncate text-left text-base font-semibold text-doom-hi",
+		children: label
+	}), group.keys ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Kbd, {
+		"data-testid": `activity-keys-${group.name}`,
+		className: "bg-doom-bg",
+		children: group.keys
+	}) : null] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": `activity-${group.name}`,
+		"data-active": group.active,
+		className: "flex shrink-0 gap-3 rounded-lg border border-doom-border-soft px-4 py-4",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupIcon, {
+			"aria-hidden": true,
+			className: `mt-0.5 size-5 shrink-0 ${group.active ? "text-doom-yellow" : "text-doom-hi"}`
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-2",
+			children: [group.transientTab === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "flex min-w-0 items-center gap-2",
+				children: heading
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.Button, {
+				variant: "ghost",
+				size: "xs",
+				"data-testid": `activity-open-${group.name}`,
+				title: `Open ${group.name}`,
+				onClick: () => {
+					const tab = group.transientTab?.();
+					if (tab !== void 0) slotProps.openTransientTab(tab);
+				},
+				className: "group/heading h-auto min-w-0 justify-start gap-2 px-0 py-0 hover:bg-transparent",
+				children: [heading, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.ChevronRightIcon, {
+					"aria-hidden": true,
+					className: "size-4 shrink-0 text-doom-faint group-hover/heading:text-doom-dim"
+				})]
+			}), require_pluginRegistry.slotFills(require_pluginRegistry.activityGroupSlot(group.name)).length > 0 ? slotProps.renderSlot(require_pluginRegistry.activityGroupSlot(group.name)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				"data-testid": `activity-summary-${group.name}`,
+				className: `text-sm first-letter:uppercase ${group.active ? "text-doom-yellow" : "text-doom-dim"}`,
+				children: group.summary || "Idle"
+			})]
+		})]
+	});
+}
+//#endregion
+exports.ActivityDock = ActivityDock;
+
+//# sourceMappingURL=ActivityDock.cjs.map

package/dist/web/features/activity/ActivityDock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityDock.cjs","names":["useStore","sessionsStore","useActiveSession","usePluginSlotProps","uiStore","useDockFaces","useRef","webPluginCompositionStore","webPluginMountState","useActivityGroups","DockTabs","Button","CloseIcon","SessionMcpTools","ContextPanel","LoaderIcon","retryWebPluginCompositions","PluginSurface","HOST_SLOTS","LightbulbIcon","SparklesIcon","ActivityIcon","Kbd","ChevronRightIcon","slotFills","activityGroupSlot"],"sources":["../../../../src/web/features/activity/ActivityDock.tsx"],"sourcesContent":["import {\n  ActivityIcon,\n  Button,\n  ChevronRightIcon,\n  CloseIcon,\n  Kbd,\n  LightbulbIcon,\n  LoaderIcon,\n  SparklesIcon,\n} from '@agimon-ai/po-web-components';\nimport { useStore } from '@tanstack/react-store';\nimport { useEffect, useRef } from 'react';\n\nimport { PluginSurface } from '../../components/PluginSurface';\nimport { SessionMcpTools } from '../../components/SessionMcp';\nimport { type ActivityGroup, useActivityGroups, useDockFaces } from '../../lib/composition';\nimport {\n  retryWebPluginCompositions,\n  webPluginCompositionStore,\n  webPluginMountState,\n} from '../../lib/pluginCompositions';\nimport { activityGroupSlot, HOST_SLOTS, slotFills } from '../../lib/pluginRegistry';\nimport type { SessionMcpViewState } from '../../lib/useSessionMcp';\nimport { sessionsStore } from '../../stores/sessionsStore';\nimport { useActiveSession } from '../../stores/sessionStore';\nimport { setDockTab, uiStore } from '../../stores/uiStore';\nimport { usePluginSlotProps } from '../../stores/usePluginSlotProps';\nimport { ContextPanel } from './ContextPanel';\nimport { DockTabs } from './DockTabs';\n\n/**\n * The column for everything that is not the transcript.\n *\n * `activity` is asynchronous work that outlives the turn that started it.\n * `context` is the composition that work runs under, and what carrying it costs.\n * `mcp` lists capabilities granted to this session's remote connections.\n *\n * On the activity face the host owns only the frame: which groups exist, their\n * key chips, and what they render come from the packages that declare them.\n * Each declared group opens the keyed slot activity.<name>; the sections any\n * plugin registers under that name render there, in slot order, and a group\n * nobody fills shows the one-line summary the session's footer publishes.\n */\nexport function ActivityDock({\n  onClose,\n  onOpenContent,\n  mcp,\n}: {\n  onClose: () => void;\n  onOpenContent: () => void;\n  mcp?: SessionMcpViewState;\n}) {\n  const activeId = useStore(sessionsStore, (state) => state.activeId);\n  const connection = useStore(sessionsStore, (state) =>\n    state.activeId === null ? undefined : state.byId[state.activeId],\n  );\n  const statuses = useActiveSession((state) => state.statuses);\n  const widgets = useActiveSession((state) => state.widgets);\n  const slotProps = usePluginSlotProps(activeId, onOpenContent);\n  const tab = useStore(uiStore, (state) => state.dockTab);\n  const dockFaces = useDockFaces(activeId).filter(\n    (face) => face.requiredMinorMode === undefined || slotProps.activeMinorModes?.includes(face.requiredMinorMode),\n  );\n  const selectedFace = dockFaces.find((face) => face.id === tab);\n  const mcpEnabled = mcp?.snapshot?.enabled === true;\n  const resolvedTab =\n    tab === 'context' || tab === 'activity' || (tab === 'mcp' && mcpEnabled) || selectedFace !== undefined\n      ? tab\n      : 'activity';\n  const DockPanel = selectedFace?.panel;\n  const automaticFace = dockFaces.find((face) => face.autoSelect === true);\n  const automaticFaceKey = `${activeId ?? ''}:${automaticFace?.id ?? ''}`;\n  const lastAutomaticFaceKey = useRef<string | undefined>(undefined);\n  const workspaceId = useStore(sessionsStore, (state) =>\n    state.activeId === null ? undefined : state.byId[state.activeId]?.summary.workspaceId,\n  );\n  const compositionSnapshot = useStore(webPluginCompositionStore);\n  const compositionState = webPluginMountState(\n    activeId === null ? { scope: 'global' } : { scope: 'session', sessionId: activeId, workspaceId: workspaceId ?? '' },\n    compositionSnapshot,\n  );\n  const groups = useActivityGroups(statuses, widgets, activeId);\n  const ordinaryGroups = groups.filter((group) => group.placement !== 'bottom');\n  const pinnedGroups = groups.filter((group) => group.placement === 'bottom');\n  const busy = groups.filter((group) => group.active).length;\n\n  useEffect(() => {\n    if (lastAutomaticFaceKey.current === automaticFaceKey) return;\n    lastAutomaticFaceKey.current = automaticFaceKey;\n    if (automaticFace !== undefined) setDockTab(automaticFace.id);\n  }, [automaticFace, automaticFaceKey]);\n  useEffect(() => {\n    if (resolvedTab !== tab) setDockTab(resolvedTab);\n  }, [resolvedTab, tab]);\n  return (\n    <aside\n      data-testid=\"activity-dock\"\n      className=\"flex w-[min(360px,calc(100vw-48px))] shrink-0 flex-col overflow-hidden border-l border-doom-border-soft bg-doom-rail sm:w-[360px]\"\n    >\n      <div className=\"flex h-16 shrink-0 items-end gap-6 border-b border-doom-border-soft px-5\">\n        <DockTabs contributed={dockFaces} mcpEnabled={mcpEnabled} />\n        <span className=\"flex-1\" />\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          data-testid=\"activity-close\"\n          aria-label=\"Hide activity\"\n          title=\"Hide activity\"\n          onClick={onClose}\n          className=\"mb-4 text-doom-dim\"\n        >\n          <CloseIcon aria-hidden className=\"size-3.5\" />\n        </Button>\n      </div>\n\n      {resolvedTab === 'mcp' && mcp !== undefined ? (\n        <SessionMcpTools key={activeId} state={mcp} />\n      ) : DockPanel !== undefined ? (\n        <DockPanel {...slotProps} />\n      ) : resolvedTab === 'context' ? (\n        <ContextPanel />\n      ) : (\n        <>\n          <div data-testid=\"activity-scroll\" className=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-4\">\n            {connection?.attach === 'offline' ? (\n              <output data-testid=\"activity-offline\" className=\"block px-1 text-sm text-doom-dim\">\n                {connection.reason || 'Reconnecting'}\n              </output>\n            ) : null}\n            {/* The count belongs to the activity face; on the context face it\n                would be a number about a list the reader is not looking at. */}\n            {busy > 0 ? (\n              <output\n                data-testid=\"activity-busy\"\n                className=\"flex items-center gap-2 rounded-lg bg-doom-tint-yellow px-3 py-2 text-sm text-doom-yellow\"\n              >\n                <LoaderIcon aria-hidden className=\"size-3.5 animate-spin\" />\n                {busy} running in the background\n              </output>\n            ) : null}\n            {compositionState.phase === 'error' ? (\n              <div\n                data-testid=\"activity-error\"\n                role=\"alert\"\n                className=\"flex items-center justify-between gap-3 rounded-lg border border-doom-border-soft px-4 py-3\"\n              >\n                <span className=\"text-sm text-doom-dim\">Activity failed to load</span>\n                <Button\n                  variant=\"outline\"\n                  size=\"xs\"\n                  data-testid=\"activity-retry\"\n                  onClick={() => void retryWebPluginCompositions().catch((error: unknown) => console.error(error))}\n                >\n                  Retry\n                </Button>\n              </div>\n            ) : null}\n            {groups.length === 0 && compositionState.phase === 'loading' ? (\n              <Placeholder\n                testId=\"activity-loading\"\n                title=\"Loading activity\"\n                description=\"Loading the package extensions that supervise work.\"\n              />\n            ) : null}\n            {groups.length === 0 && compositionState.phase !== 'loading' && compositionState.phase !== 'error' ? (\n              <Placeholder\n                testId=\"activity-empty\"\n                title=\"Nothing supervised yet\"\n                description=\"A package's group appears here once its extension reports in.\"\n              />\n            ) : null}\n            {ordinaryGroups.map((group) => (\n              <ActivityGroupView key={group.name} group={group} slotProps={slotProps} />\n            ))}\n\n            <PluginSurface slot={HOST_SLOTS.activity} sessionId={activeId} />\n            <PromoPanel />\n          </div>\n\n          {pinnedGroups.length > 0 ? (\n            <div data-testid=\"activity-pinned\" className=\"flex shrink-0 flex-col gap-3 px-4 pb-4\">\n              {pinnedGroups.map((group) => (\n                <ActivityGroupView key={group.name} group={group} slotProps={slotProps} />\n              ))}\n            </div>\n          ) : null}\n\n          <p className=\"flex shrink-0 gap-2 border-t border-doom-border-soft px-5 py-3 text-sm leading-relaxed text-doom-dim\">\n            <LightbulbIcon aria-hidden className=\"size-3.5 shrink-0\" />\n            Each group is rendered by the package that owns it. The session's summary line stands in until that package\n            publishes per-run detail.\n          </p>\n        </>\n      )}\n    </aside>\n  );\n}\n\n/** Plugin group names are lowercase identifiers; the heading reads in sentence case. */\nfunction sentenceCase(name: string): string {\n  return name.charAt(0).toUpperCase() + name.slice(1);\n}\n\nfunction Placeholder({ testId, title, description }: { testId: string; title: string; description: string }) {\n  return (\n    <div\n      data-testid={testId}\n      className=\"flex flex-col gap-1 rounded-lg border border-dashed border-doom-border px-4 py-5\"\n    >\n      <span className=\"text-base font-semibold text-doom-hi\">{title}</span>\n      <span className=\"text-sm text-doom-dim\">{description}</span>\n    </div>\n  );\n}\n\n/** Static and decorative: it names what the dock is for and offers no action. */\nfunction PromoPanel() {\n  return (\n    <div className=\"relative shrink-0 overflow-hidden rounded-lg border border-doom-border-soft px-4 pt-3.5 pb-16\">\n      <span className=\"flex items-start gap-3\">\n        <SparklesIcon aria-hidden className=\"mt-0.5 size-5 shrink-0 text-doom-green\" />\n        <span className=\"flex flex-col gap-1\">\n          <span className=\"text-base font-semibold text-doom-hi\">A more capable you</span>\n          <span className=\"text-sm text-doom-dim\">Agents, tools, and your codebase. All in one place.</span>\n        </span>\n      </span>\n      <svg\n        aria-hidden\n        viewBox=\"0 0 320 80\"\n        preserveAspectRatio=\"none\"\n        className=\"absolute inset-x-0 bottom-0 h-16 w-full\"\n      >\n        <path d=\"M0 50 C60 30 110 70 170 46 S280 18 320 34 V80 H0Z\" className=\"fill-doom-tint-green\" />\n        <path d=\"M0 64 C70 46 120 78 190 58 S290 44 320 52 V80 H0Z\" className=\"fill-doom-edge-green opacity-40\" />\n        <path d=\"M0 74 C80 62 150 82 220 70 S300 64 320 68 V80 H0Z\" className=\"fill-doom-green opacity-20\" />\n      </svg>\n    </div>\n  );\n}\n\nfunction ActivityGroupView({\n  group,\n  slotProps,\n}: {\n  group: ActivityGroup;\n  slotProps: ReturnType<typeof usePluginSlotProps>;\n}) {\n  // Plugins without icon metadata get the host's generic mark rather than nothing.\n  const GroupIcon = group.icon ?? ActivityIcon;\n  const label = sentenceCase(group.name);\n  const heading = (\n    <>\n      <span className=\"min-w-0 flex-1 truncate text-left text-base font-semibold text-doom-hi\">{label}</span>\n      {group.keys ? (\n        <Kbd data-testid={`activity-keys-${group.name}`} className=\"bg-doom-bg\">\n          {group.keys}\n        </Kbd>\n      ) : null}\n    </>\n  );\n  return (\n    <div\n      data-testid={`activity-${group.name}`}\n      data-active={group.active}\n      className=\"flex shrink-0 gap-3 rounded-lg border border-doom-border-soft px-4 py-4\"\n    >\n      {/* One marker per head, carrying the busy colour. */}\n      <GroupIcon\n        aria-hidden\n        className={`mt-0.5 size-5 shrink-0 ${group.active ? 'text-doom-yellow' : 'text-doom-hi'}`}\n      />\n      <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n        {/* A group that owns a panel opens it from its own name: the tab is\n            temporary, so the tab strip carries it only while the reader is\n            using it. Only those headings get a chevron. */}\n        {group.transientTab === undefined ? (\n          <span className=\"flex min-w-0 items-center gap-2\">{heading}</span>\n        ) : (\n          <Button\n            variant=\"ghost\"\n            size=\"xs\"\n            data-testid={`activity-open-${group.name}`}\n            title={`Open ${group.name}`}\n            onClick={() => {\n              const tab = group.transientTab?.();\n              if (tab !== undefined) slotProps.openTransientTab(tab);\n            }}\n            className=\"group/heading h-auto min-w-0 justify-start gap-2 px-0 py-0 hover:bg-transparent\"\n          >\n            {heading}\n            <ChevronRightIcon\n              aria-hidden\n              className=\"size-4 shrink-0 text-doom-faint group-hover/heading:text-doom-dim\"\n            />\n          </Button>\n        )}\n        {slotFills(activityGroupSlot(group.name)).length > 0 ? (\n          slotProps.renderSlot(activityGroupSlot(group.name))\n        ) : (\n          <p\n            data-testid={`activity-summary-${group.name}`}\n            className={`text-sm first-letter:uppercase ${group.active ? 'text-doom-yellow' : 'text-doom-dim'}`}\n          >\n            {group.summary || 'Idle'}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/web/features/activity/ActivityDock.d.mts

@@ -0,0 +1,22 @@
+import { SessionMcpViewState } from "../../lib/useSessionMcp.mjs";
+//#region src/web/features/activity/ActivityDock.d.ts
+/**
+ * The column for everything that is not the transcript.
+ *
+ * `activity` is asynchronous work that outlives the turn that started it.
+ * `context` is the composition that work runs under, and what carrying it costs.
+ * `mcp` lists capabilities granted to this session's remote connections.
+ *
+ * On the activity face the host owns only the frame: which groups exist, their
+ * key chips, and what they render come from the packages that declare them.
+ * Each declared group opens the keyed slot activity.<name>; the sections any
+ * plugin registers under that name render there, in slot order, and a group
+ * nobody fills shows the one-line summary the session's footer publishes.
+ */
+export declare function ActivityDock({ onClose, onOpenContent, mcp }: {
+  onClose: () => void;
+  onOpenContent: () => void;
+  mcp?: SessionMcpViewState;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=ActivityDock.d.mts.map

package/dist/web/features/activity/ActivityDock.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityDock.d.mts","names":[],"sources":["../../../../src/web/features/activity/ActivityDock.tsx"],"mappings":";;;;;;;;;;;;;;;wBA2CgB,eACd,SACA,eACA;EAEA;EACA;EACA,MAAM;oBACP,IAAA"}