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

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

@@ -0,0 +1,271 @@
+import { HOST_SLOTS, activityGroupSlot, slotFills } from "../../lib/pluginRegistry.mjs";
+import { useActivityGroups, useDockFaces } from "../../lib/composition.mjs";
+import { retryWebPluginCompositions, webPluginCompositionStore, webPluginMountState } from "../../lib/pluginCompositions.mjs";
+import { sessionsStore } from "../../stores/sessionsStore.mjs";
+import { useActiveSession } from "../../stores/sessionStore.mjs";
+import { setDockTab, uiStore } from "../../stores/uiStore.mjs";
+import { usePluginSlotProps } from "../../stores/usePluginSlotProps.mjs";
+import { PluginSurface } from "../../components/PluginSurface.mjs";
+import { SessionMcpTools } from "../../components/SessionMcp.mjs";
+import { ContextPanel } from "./ContextPanel.mjs";
+import { DockTabs } from "./DockTabs.mjs";
+import { useEffect, useRef } from "react";
+import { useStore } from "@tanstack/react-store";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ActivityIcon, Button, ChevronRightIcon, CloseIcon, Kbd, LightbulbIcon, LoaderIcon, SparklesIcon } from "@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 = useStore(sessionsStore, (state) => state.activeId);
+	const connection = useStore(sessionsStore, (state) => state.activeId === null ? void 0 : state.byId[state.activeId]);
+	const statuses = useActiveSession((state) => state.statuses);
+	const widgets = useActiveSession((state) => state.widgets);
+	const slotProps = usePluginSlotProps(activeId, onOpenContent);
+	const tab = useStore(uiStore, (state) => state.dockTab);
+	const dockFaces = 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 = useRef(void 0);
+	const workspaceId = useStore(sessionsStore, (state) => state.activeId === null ? void 0 : state.byId[state.activeId]?.summary.workspaceId);
+	const compositionSnapshot = useStore(webPluginCompositionStore);
+	const compositionState = webPluginMountState(activeId === null ? { scope: "global" } : {
+		scope: "session",
+		sessionId: activeId,
+		workspaceId: workspaceId ?? ""
+	}, compositionSnapshot);
+	const groups = 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;
+	useEffect(() => {
+		if (lastAutomaticFaceKey.current === automaticFaceKey) return;
+		lastAutomaticFaceKey.current = automaticFaceKey;
+		if (automaticFace !== void 0) setDockTab(automaticFace.id);
+	}, [automaticFace, automaticFaceKey]);
+	useEffect(() => {
+		if (resolvedTab !== tab) setDockTab(resolvedTab);
+	}, [resolvedTab, tab]);
+	return /* @__PURE__ */ 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__ */ jsxs("div", {
+			className: "flex h-16 shrink-0 items-end gap-6 border-b border-doom-border-soft px-5",
+			children: [
+				/* @__PURE__ */ jsx(DockTabs, {
+					contributed: dockFaces,
+					mcpEnabled
+				}),
+				/* @__PURE__ */ jsx("span", { className: "flex-1" }),
+				/* @__PURE__ */ jsx(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__ */ jsx(CloseIcon, {
+						"aria-hidden": true,
+						className: "size-3.5"
+					})
+				})
+			]
+		}), resolvedTab === "mcp" && mcp !== void 0 ? /* @__PURE__ */ jsx(SessionMcpTools, { state: mcp }, activeId) : DockPanel !== void 0 ? /* @__PURE__ */ jsx(DockPanel, { ...slotProps }) : resolvedTab === "context" ? /* @__PURE__ */ jsx(ContextPanel, {}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ 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__ */ jsx("output", {
+						"data-testid": "activity-offline",
+						className: "block px-1 text-sm text-doom-dim",
+						children: connection.reason || "Reconnecting"
+					}) : null,
+					busy > 0 ? /* @__PURE__ */ 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__ */ jsx(LoaderIcon, {
+								"aria-hidden": true,
+								className: "size-3.5 animate-spin"
+							}),
+							busy,
+							" running in the background"
+						]
+					}) : null,
+					compositionState.phase === "error" ? /* @__PURE__ */ 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__ */ jsx("span", {
+							className: "text-sm text-doom-dim",
+							children: "Activity failed to load"
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							size: "xs",
+							"data-testid": "activity-retry",
+							onClick: () => void retryWebPluginCompositions().catch((error) => console.error(error)),
+							children: "Retry"
+						})]
+					}) : null,
+					groups.length === 0 && compositionState.phase === "loading" ? /* @__PURE__ */ 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__ */ 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__ */ jsx(ActivityGroupView, {
+						group,
+						slotProps
+					}, group.name)),
+					/* @__PURE__ */ jsx(PluginSurface, {
+						slot: HOST_SLOTS.activity,
+						sessionId: activeId
+					}),
+					/* @__PURE__ */ jsx(PromoPanel, {})
+				]
+			}),
+			pinnedGroups.length > 0 ? /* @__PURE__ */ jsx("div", {
+				"data-testid": "activity-pinned",
+				className: "flex shrink-0 flex-col gap-3 px-4 pb-4",
+				children: pinnedGroups.map((group) => /* @__PURE__ */ jsx(ActivityGroupView, {
+					group,
+					slotProps
+				}, group.name))
+			}) : null,
+			/* @__PURE__ */ 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__ */ jsx(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__ */ 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__ */ jsx("span", {
+			className: "text-base font-semibold text-doom-hi",
+			children: title
+		}), /* @__PURE__ */ 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__ */ jsxs("div", {
+		className: "relative shrink-0 overflow-hidden rounded-lg border border-doom-border-soft px-4 pt-3.5 pb-16",
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ jsx(SparklesIcon, {
+				"aria-hidden": true,
+				className: "mt-0.5 size-5 shrink-0 text-doom-green"
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-base font-semibold text-doom-hi",
+					children: "A more capable you"
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-sm text-doom-dim",
+					children: "Agents, tools, and your codebase. All in one place."
+				})]
+			})]
+		}), /* @__PURE__ */ 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__ */ jsx("path", {
+					d: "M0 50 C60 30 110 70 170 46 S280 18 320 34 V80 H0Z",
+					className: "fill-doom-tint-green"
+				}),
+				/* @__PURE__ */ 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__ */ 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 ?? ActivityIcon;
+	const label = sentenceCase(group.name);
+	const heading = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+		className: "min-w-0 flex-1 truncate text-left text-base font-semibold text-doom-hi",
+		children: label
+	}), group.keys ? /* @__PURE__ */ jsx(Kbd, {
+		"data-testid": `activity-keys-${group.name}`,
+		className: "bg-doom-bg",
+		children: group.keys
+	}) : null] });
+	return /* @__PURE__ */ 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__ */ jsx(GroupIcon, {
+			"aria-hidden": true,
+			className: `mt-0.5 size-5 shrink-0 ${group.active ? "text-doom-yellow" : "text-doom-hi"}`
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 flex-col gap-2",
+			children: [group.transientTab === void 0 ? /* @__PURE__ */ jsx("span", {
+				className: "flex min-w-0 items-center gap-2",
+				children: heading
+			}) : /* @__PURE__ */ jsxs(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__ */ jsx(ChevronRightIcon, {
+					"aria-hidden": true,
+					className: "size-4 shrink-0 text-doom-faint group-hover/heading:text-doom-dim"
+				})]
+			}), slotFills(activityGroupSlot(group.name)).length > 0 ? slotProps.renderSlot(activityGroupSlot(group.name)) : /* @__PURE__ */ 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
+export { ActivityDock };
+
+//# sourceMappingURL=ActivityDock.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityDock.mjs","names":[],"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/ContextItemDialog.cjs

@@ -0,0 +1,276 @@
+const require_contextDetailApi = require("../../lib/contextDetailApi.cjs");
+let react = require("react");
+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/ContextItemDialog.tsx
+/**
+* What one row of the composition actually is.
+*
+* The panel answers "what does this cost"; a reader who clicks a row is asking
+* the follow-up, "and what am I paying for". That is the description the model
+* reads, the schema it is handed, and for a tool the split between the two,
+* because the two are cut differently: prose comes out with the package, a
+* schema only with the tool.
+*
+* Fetched on open rather than carried by the projection. The full text of every
+* tool in a composition is an order of magnitude larger than the figures, and
+* is wanted one row at a time.
+*/
+function tokens(value) {
+	return `~${value.toLocaleString()}`;
+}
+function ContextItemDialog({ sessionId, target, warnings, onClose }) {
+	const [detail, setDetail] = (0, react.useState)(null);
+	const [error, setError] = (0, react.useState)(null);
+	const itemKind = target?.itemKind ?? null;
+	const name = target?.name ?? null;
+	const request = sessionId === null || itemKind === null || name === null ? null : `${sessionId}\u0000${itemKind}\u0000${name}`;
+	const [shown, setShown] = (0, react.useState)(null);
+	if (shown !== request) {
+		setShown(request);
+		setDetail(null);
+		setError(null);
+	}
+	(0, react.useEffect)(() => {
+		if (sessionId === null || itemKind === null || name === null) return;
+		let live = true;
+		require_contextDetailApi.fetchContextItemDetail(sessionId, itemKind, name).then((result) => {
+			if (!live) return;
+			if (result.ok) setDetail(result.detail);
+			else setError(result.error);
+		});
+		return () => {
+			live = false;
+		};
+	}, [
+		sessionId,
+		itemKind,
+		name
+	]);
+	if (target === null) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Dialog, {
+		open: true,
+		onOpenChange: (next) => {
+			if (!next) onClose();
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogContent, {
+			width: "lg",
+			"data-testid": "context-item-dialog",
+			"aria-describedby": void 0,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.DialogTitle, {
+				"data-testid": "context-item-title",
+				children: target.itemKind === "prompt" ? "system prompt" : target.name
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "text-sm text-doom-dim",
+				children: [
+					target.itemKind,
+					" · ",
+					target.owner
+				]
+			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogBody, { children: [target.itemKind === "tool" && warnings && warnings.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+				title: "warnings",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+					"data-testid": "context-item-warnings",
+					"aria-live": "polite",
+					className: "flex flex-col gap-3",
+					children: warnings.map((warning, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+						className: "flex flex-col gap-1 text-sm break-words",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-doom-yellow",
+								children: warning.source
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-sm text-doom-dim",
+								children: warning.path
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "text-doom-text",
+								children: warning.message
+							})
+						]
+					}, index))
+				})
+			}) : null, error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				"data-testid": "context-item-error",
+				className: "text-sm text-doom-dim",
+				children: error
+			}) : detail === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				"data-testid": "context-item-loading",
+				className: "flex items-center gap-2 text-sm text-doom-dim",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Spinner, {}), "reading the session's inventory"]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextItemBody, { detail })] })]
+		})
+	});
+}
+function ContextItemBody({ detail }) {
+	if (detail.itemKind === "prompt") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PromptBody, { detail });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-3",
+		children: [
+			detail.itemKind === "tool" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolCost, { detail }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkillFacts, { detail }),
+			detail.itemKind === "skill" || detail.description !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+				title: "description",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					"data-testid": "context-item-description",
+					className: "text-base leading-relaxed whitespace-pre-wrap text-doom-text",
+					children: detail.description
+				})
+			}) : null,
+			detail.itemKind === "skill" && detail.body !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+				title: "body",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pre, {
+					testId: "context-item-body",
+					children: detail.body
+				})
+			}) : null,
+			detail.itemKind === "tool" && detail.promptSnippet !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+				title: "prompt snippet",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pre, {
+					testId: "context-item-snippet",
+					children: detail.promptSnippet
+				})
+			}) : null,
+			detail.itemKind === "tool" && detail.promptGuidelines !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+				title: "prompt guidelines",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+					"data-testid": "context-item-guidelines",
+					className: "flex flex-col gap-1",
+					children: detail.promptGuidelines.map((line) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+						className: "text-sm leading-relaxed text-doom-dim",
+						children: line
+					}, line))
+				})
+			}) : null,
+			detail.itemKind === "tool" && detail.parameters !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+				title: "parameters",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pre, {
+					testId: "context-item-schema",
+					children: JSON.stringify(detail.parameters, null, 2)
+				})
+			}) : null
+		]
+	});
+}
+function Section({ title, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-lg font-semibold text-doom-hi",
+			children: title
+		}), children]
+	});
+}
+function Pre({ testId, children, tall = false }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Panel, {
+		className: `overflow-auto bg-doom-deep px-3 py-2 ${tall ? "max-h-[60vh]" : "max-h-64"}`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+			"data-testid": testId,
+			className: "text-sm leading-relaxed whitespace-pre-wrap text-doom-dim",
+			children
+		})
+	});
+}
+/**
+* The whole prompt, and the two things a figure alone would mislead about.
+*
+* The count overlaps the panel's own total, because the tool prose and skill
+* listings priced there are inside this text. And a session that has sent
+* nothing has no built prompt to show: assembling one would fire the hooks that
+* a real turn fires, so the pre-hook base is shown and named as such.
+*/
+function PromptBody({ detail }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-3",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			"data-testid": "context-item-cost",
+			className: "flex flex-col gap-1",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+					label: "prompt",
+					value: tokens(detail.tokens),
+					strong: true
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-sm text-doom-dim",
+					children: "counted apart from the panel total: the tool and skill prose priced there is part of this text"
+				}),
+				detail.stage === "base" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					"data-testid": "context-item-stage",
+					className: "text-sm text-doom-dim",
+					children: "this session has sent nothing yet, so this is the prompt before packages add to it at the first message"
+				}) : null
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Section, {
+			title: "text",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pre, {
+				testId: "context-item-prompt",
+				tall: true,
+				children: detail.text
+			})
+		})]
+	});
+}
+/** A tool is paid twice, so the split is the useful figure rather than the total. */
+function ToolCost({ detail }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": "context-item-cost",
+		className: "flex flex-col gap-1",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "schema",
+				value: tokens(detail.tokens.schemaTokens)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "system prompt",
+				value: tokens(detail.tokens.promptTokens)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "total",
+				value: tokens(detail.tokens.totalTokens),
+				strong: true
+			}),
+			detail.active ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-doom-dim",
+				children: "not sent to the model; costs nothing until switched on"
+			})
+		]
+	});
+}
+function SkillFacts({ detail }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": "context-item-cost",
+		className: "flex flex-col gap-1",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "listing",
+				value: tokens(detail.tokens),
+				strong: true
+			}),
+			detail.filePath ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Row, {
+				label: "file",
+				value: detail.filePath
+			}) : null,
+			detail.modelInvocable ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-doom-dim",
+				children: "not offered to the model"
+			})
+		]
+	});
+}
+function Row({ label, value, strong = false }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-baseline justify-between gap-3",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-sm text-doom-dim",
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `truncate text-sm ${strong ? "font-semibold text-doom-text" : "text-doom-dim"}`,
+			children: value
+		})]
+	});
+}
+//#endregion
+exports.ContextItemDialog = ContextItemDialog;
+
+//# sourceMappingURL=ContextItemDialog.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextItemDialog.cjs","names":["useState","fetchContextItemDetail","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody","Spinner","Panel"],"sources":["../../../../src/web/features/activity/ContextItemDialog.tsx"],"sourcesContent":["import type { ContextItemDetail, ContextItemKind, ContextToolWarning } from '@agimon-ai/po-core/contextApi';\nimport {\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  Panel,\n  Spinner,\n} from '@agimon-ai/po-web-components';\nimport { useEffect, useState } from 'react';\n\nimport { fetchContextItemDetail } from '../../lib/contextDetailApi';\n\n/**\n * What one row of the composition actually is.\n *\n * The panel answers \"what does this cost\"; a reader who clicks a row is asking\n * the follow-up, \"and what am I paying for\". That is the description the model\n * reads, the schema it is handed, and for a tool the split between the two,\n * because the two are cut differently: prose comes out with the package, a\n * schema only with the tool.\n *\n * Fetched on open rather than carried by the projection. The full text of every\n * tool in a composition is an order of magnitude larger than the figures, and\n * is wanted one row at a time.\n */\n\nfunction tokens(value: number): string {\n  return `~${value.toLocaleString()}`;\n}\n\ninterface Target {\n  itemKind: ContextItemKind;\n  name: string;\n  owner: string;\n}\n\nexport interface ContextItemDialogProps {\n  sessionId: string | null;\n  target: Target | null;\n  warnings?: readonly ContextToolWarning[];\n  onClose: () => void;\n}\n\nexport function ContextItemDialog({ sessionId, target, warnings, onClose }: ContextItemDialogProps) {\n  const [detail, setDetail] = useState<ContextItemDetail | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const itemKind = target?.itemKind ?? null;\n  const name = target?.name ?? null;\n\n  // A second click must not show the first row's answer for a frame, so the\n  // reset happens during render rather than in the effect that refetches.\n  const request =\n    sessionId === null || itemKind === null || name === null ? null : `${sessionId}\\u0000${itemKind}\\u0000${name}`;\n  const [shown, setShown] = useState<string | null>(null);\n  if (shown !== request) {\n    setShown(request);\n    setDetail(null);\n    setError(null);\n  }\n\n  useEffect(() => {\n    if (sessionId === null || itemKind === null || name === null) return;\n    // A reply that lands after the reader moved on belongs to a row that is no\n    // longer open, so it is dropped rather than painted.\n    let live = true;\n    void fetchContextItemDetail(sessionId, itemKind, name).then((result) => {\n      if (!live) return;\n      if (result.ok) setDetail(result.detail);\n      else setError(result.error);\n    });\n    return () => {\n      live = false;\n    };\n  }, [sessionId, itemKind, name]);\n\n  if (target === null) return null;\n\n  return (\n    <Dialog\n      open\n      onOpenChange={(next) => {\n        if (!next) onClose();\n      }}\n    >\n      <DialogContent width=\"lg\" data-testid=\"context-item-dialog\" aria-describedby={undefined}>\n        <DialogHeader>\n          <DialogTitle data-testid=\"context-item-title\">\n            {target.itemKind === 'prompt' ? 'system prompt' : target.name}\n          </DialogTitle>\n          <span className=\"text-sm text-doom-dim\">\n            {target.itemKind} · {target.owner}\n          </span>\n        </DialogHeader>\n        <DialogBody>\n          {target.itemKind === 'tool' && warnings && warnings.length > 0 ? (\n            <Section title=\"warnings\">\n              <ul data-testid=\"context-item-warnings\" aria-live=\"polite\" className=\"flex flex-col gap-3\">\n                {warnings.map((warning, index) => (\n                  <li key={index} className=\"flex flex-col gap-1 text-sm break-words\">\n                    <span className=\"text-doom-yellow\">{warning.source}</span>\n                    <span className=\"text-sm text-doom-dim\">{warning.path}</span>\n                    <p className=\"text-doom-text\">{warning.message}</p>\n                  </li>\n                ))}\n              </ul>\n            </Section>\n          ) : null}\n          {error !== null ? (\n            <p data-testid=\"context-item-error\" className=\"text-sm text-doom-dim\">\n              {error}\n            </p>\n          ) : detail === null ? (\n            <p data-testid=\"context-item-loading\" className=\"flex items-center gap-2 text-sm text-doom-dim\">\n              <Spinner />\n              reading the session's inventory\n            </p>\n          ) : (\n            <ContextItemBody detail={detail} />\n          )}\n        </DialogBody>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction ContextItemBody({ detail }: { detail: ContextItemDetail }) {\n  if (detail.itemKind === 'prompt') return <PromptBody detail={detail} />;\n  return (\n    <div className=\"flex flex-col gap-3\">\n      {detail.itemKind === 'tool' ? <ToolCost detail={detail} /> : <SkillFacts detail={detail} />}\n\n      {detail.itemKind === 'skill' || detail.description !== undefined ? (\n        <Section title=\"description\">\n          <p\n            data-testid=\"context-item-description\"\n            className=\"text-base leading-relaxed whitespace-pre-wrap text-doom-text\"\n          >\n            {detail.description}\n          </p>\n        </Section>\n      ) : null}\n\n      {detail.itemKind === 'skill' && detail.body !== undefined ? (\n        <Section title=\"body\">\n          <Pre testId=\"context-item-body\">{detail.body}</Pre>\n        </Section>\n      ) : null}\n\n      {detail.itemKind === 'tool' && detail.promptSnippet !== undefined ? (\n        <Section title=\"prompt snippet\">\n          <Pre testId=\"context-item-snippet\">{detail.promptSnippet}</Pre>\n        </Section>\n      ) : null}\n\n      {detail.itemKind === 'tool' && detail.promptGuidelines !== undefined ? (\n        <Section title=\"prompt guidelines\">\n          <ul data-testid=\"context-item-guidelines\" className=\"flex flex-col gap-1\">\n            {detail.promptGuidelines.map((line) => (\n              <li key={line} className=\"text-sm leading-relaxed text-doom-dim\">\n                {line}\n              </li>\n            ))}\n          </ul>\n        </Section>\n      ) : null}\n\n      {detail.itemKind === 'tool' && detail.parameters !== undefined ? (\n        <Section title=\"parameters\">\n          <Pre testId=\"context-item-schema\">{JSON.stringify(detail.parameters, null, 2)}</Pre>\n        </Section>\n      ) : null}\n    </div>\n  );\n}\n\nfunction Section({ title, children }: { title: string; children: React.ReactNode }) {\n  return (\n    <div className=\"flex flex-col gap-1\">\n      <span className=\"text-lg font-semibold text-doom-hi\">{title}</span>\n      {children}\n    </div>\n  );\n}\n\nfunction Pre({ testId, children, tall = false }: { testId: string; children: string; tall?: boolean }) {\n  return (\n    <Panel className={`overflow-auto bg-doom-deep px-3 py-2 ${tall ? 'max-h-[60vh]' : 'max-h-64'}`}>\n      <pre data-testid={testId} className=\"text-sm leading-relaxed whitespace-pre-wrap text-doom-dim\">\n        {children}\n      </pre>\n    </Panel>\n  );\n}\n\n/**\n * The whole prompt, and the two things a figure alone would mislead about.\n *\n * The count overlaps the panel's own total, because the tool prose and skill\n * listings priced there are inside this text. And a session that has sent\n * nothing has no built prompt to show: assembling one would fire the hooks that\n * a real turn fires, so the pre-hook base is shown and named as such.\n */\nfunction PromptBody({ detail }: { detail: Extract<ContextItemDetail, { itemKind: 'prompt' }> }) {\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div data-testid=\"context-item-cost\" className=\"flex flex-col gap-1\">\n        <Row label=\"prompt\" value={tokens(detail.tokens)} strong />\n        <p className=\"text-sm text-doom-dim\">\n          counted apart from the panel total: the tool and skill prose priced there is part of this text\n        </p>\n        {detail.stage === 'base' ? (\n          <p data-testid=\"context-item-stage\" className=\"text-sm text-doom-dim\">\n            this session has sent nothing yet, so this is the prompt before packages add to it at the first message\n          </p>\n        ) : null}\n      </div>\n      <Section title=\"text\">\n        <Pre testId=\"context-item-prompt\" tall>\n          {detail.text}\n        </Pre>\n      </Section>\n    </div>\n  );\n}\n\n/** A tool is paid twice, so the split is the useful figure rather than the total. */\nfunction ToolCost({ detail }: { detail: Extract<ContextItemDetail, { itemKind: 'tool' }> }) {\n  return (\n    <div data-testid=\"context-item-cost\" className=\"flex flex-col gap-1\">\n      <Row label=\"schema\" value={tokens(detail.tokens.schemaTokens)} />\n      <Row label=\"system prompt\" value={tokens(detail.tokens.promptTokens)} />\n      <Row label=\"total\" value={tokens(detail.tokens.totalTokens)} strong />\n      {detail.active ? null : (\n        <p className=\"text-sm text-doom-dim\">not sent to the model; costs nothing until switched on</p>\n      )}\n    </div>\n  );\n}\n\nfunction SkillFacts({ detail }: { detail: Extract<ContextItemDetail, { itemKind: 'skill' }> }) {\n  return (\n    <div data-testid=\"context-item-cost\" className=\"flex flex-col gap-1\">\n      <Row label=\"listing\" value={tokens(detail.tokens)} strong />\n      {detail.filePath ? <Row label=\"file\" value={detail.filePath} /> : null}\n      {detail.modelInvocable ? null : <p className=\"text-sm text-doom-dim\">not offered to the model</p>}\n    </div>\n  );\n}\n\nfunction Row({ label, value, strong = false }: { label: string; value: string; strong?: boolean }) {\n  return (\n    <div className=\"flex items-baseline justify-between gap-3\">\n      <span className=\"text-sm text-doom-dim\">{label}</span>\n      <span className={`truncate text-sm ${strong ? 'font-semibold text-doom-text' : 'text-doom-dim'}`}>{value}</span>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { ContextItemKind, ContextToolWarning } from "@agimon-ai/po-core/contextApi";
+//#region src/web/features/activity/ContextItemDialog.d.ts
+interface Target {
+  itemKind: ContextItemKind;
+  name: string;
+  owner: string;
+}
+export interface ContextItemDialogProps {
+  sessionId: string | null;
+  target: Target | null;
+  warnings?: readonly ContextToolWarning[];
+  onClose: () => void;
+}
+export declare function ContextItemDialog({ sessionId, target, warnings, onClose }: ContextItemDialogProps): import("react").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=ContextItemDialog.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextItemDialog.d.mts","names":[],"sources":["../../../../src/web/features/activity/ContextItemDialog.tsx"],"mappings":";;UAgCU;EACR,UAAU;EACV;EACA;;iBAGe;EACf;EACA,QAAQ;EACR,oBAAoB;EACpB;;wBAGc,oBAAoB,WAAW,QAAQ,UAAU,WAAW,yCAAsB,IAAA"}