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

package/dist/web/features/session/QueueSheet.mjs

@@ -0,0 +1,189 @@
+import { useDashboardState } from "../../stores/dashboardStateStore.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, ChevronUpIcon, Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle, RefreshIcon, TrashIcon } from "@agimon-ai/po-web-components";
+//#region src/web/features/session/QueueSheet.tsx
+function QueueSheet({ sessionId, count, disabled = false, entries, onClear, onDelete, onPromote, onResume, operationId, paused = false }) {
+	const key = JSON.stringify(["queue", sessionId]);
+	const [open, setOpen] = useDashboardState(`${key}/open`, false);
+	const [pending, setPending, pendingState] = useDashboardState(`${key}/pending`, null);
+	const [error, setError] = useDashboardState(`${key}/error`, null);
+	const [clearAcknowledged, setClearAcknowledged] = useDashboardState(`${key}/cleared`, false);
+	const unlisted = Math.max(0, count - entries.length);
+	const label = `${String(count)} queued message${count === 1 ? "" : "s"}`;
+	if (count === 0 && pending === null && (open || clearAcknowledged) && (clearAcknowledged || error === null)) {
+		setClearAcknowledged(false);
+		setOpen(false);
+	}
+	const act = async (action, command) => {
+		if (disabled || pendingState.state !== null) return;
+		setPending(action);
+		setError(null);
+		setClearAcknowledged(false);
+		try {
+			await command();
+			if (action === "clear") setClearAcknowledged(true);
+		} catch (failure) {
+			setError(failure instanceof Error ? failure.message : String(failure));
+		} finally {
+			setPending(null);
+		}
+	};
+	const actionDisabled = disabled || pending !== null;
+	if (count === 0 && !open) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [count > 0 ? /* @__PURE__ */ jsxs(Button, {
+		variant: "subtle",
+		size: "sm",
+		"data-testid": "composer-queued",
+		"aria-haspopup": "dialog",
+		"aria-expanded": open,
+		onClick: () => setOpen(true),
+		className: "mb-2 h-7 w-full justify-between rounded-md border border-doom-border-soft bg-doom-panel/60 px-2.5 text-base font-medium text-doom-dim hover:text-doom-hi",
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [
+				/* @__PURE__ */ jsx(RefreshIcon, { className: "h-3 w-3 shrink-0 text-doom-cyan" }),
+				/* @__PURE__ */ jsx("span", {
+					className: "shrink-0 font-semibold text-doom-hi",
+					children: label
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 truncate text-sm font-normal text-doom-dim",
+					children: paused ? "paused until resumed" : "waiting for the current run"
+				})
+			]
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "flex shrink-0 items-center gap-1 text-sm text-doom-dim",
+			children: ["view queue", /* @__PURE__ */ jsx(ChevronUpIcon, { className: "h-3 w-3" })]
+		})]
+	}) : null, /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange: setOpen,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			width: "lg",
+			"data-testid": "queue-sheet",
+			"aria-describedby": void 0,
+			className: "top-auto bottom-0 left-1/2 max-h-[min(72dvh,560px)] !w-full !max-w-2xl -translate-x-1/2 translate-y-0 rounded-t-xl rounded-b-none border-b-0 data-[state=open]:animate-none",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					className: "mx-auto mt-2 h-1 w-10 shrink-0 rounded-full bg-doom-border"
+				}),
+				/* @__PURE__ */ jsxs(DialogHeader, {
+					dismissible: true,
+					closeLabel: "close queued messages",
+					className: "py-2.5",
+					children: [/* @__PURE__ */ jsx(DialogTitle, { children: "queued messages" }), /* @__PURE__ */ jsx("span", {
+						className: "text-sm text-doom-dim",
+						children: paused ? "paused" : `${label} waiting`
+					})]
+				}),
+				/* @__PURE__ */ jsxs(DialogBody, {
+					className: "overflow-y-auto p-2 pb-[max(0.75rem,env(safe-area-inset-bottom))]",
+					children: [
+						/* @__PURE__ */ jsxs("ol", {
+							className: "flex flex-col gap-1.5",
+							children: [entries.map((entry, index) => /* @__PURE__ */ jsxs("li", {
+								"data-testid": "queue-sheet-item",
+								className: "flex min-w-0 gap-3 rounded-md border border-doom-border-soft bg-doom-deep px-3 py-2.5",
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "pt-0.5 text-xs font-semibold text-doom-cyan",
+										children: String(index + 1).padStart(2, "0")
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "min-w-0 flex-1",
+										children: [
+											/* @__PURE__ */ jsx("p", {
+												className: "whitespace-pre-wrap break-words text-lg leading-relaxed text-doom-text",
+												children: entry.text
+											}),
+											entry.images && entry.images.length > 0 ? /* @__PURE__ */ jsxs("p", {
+												className: "mt-1 text-sm text-doom-dim",
+												children: [
+													entry.images.length,
+													" image",
+													entry.images.length === 1 ? "" : "s",
+													" attached"
+												]
+											}) : null,
+											entry.disposition === "uncertain" ? /* @__PURE__ */ jsx("p", {
+												className: "mt-1 text-sm text-doom-red",
+												children: "delivery uncertain; not resending automatically"
+											}) : null
+										]
+									}),
+									entry.disposition === "pending" && onPromote ? /* @__PURE__ */ jsx(Button, {
+										variant: "ghost",
+										size: "sm",
+										"data-testid": `queue-steer-${String(index)}`,
+										"aria-label": `${operationId === void 0 ? "send now" : "steer"} queued message ${String(index + 1)}`,
+										disabled: actionDisabled,
+										onClick: () => void act(`send:${entry.id}`, () => onPromote(entry.id, operationId)),
+										className: "h-7 shrink-0 text-doom-cyan",
+										children: pending === `send:${entry.id}` ? "sending…" : operationId === void 0 ? "send now" : "steer"
+									}) : null,
+									/* @__PURE__ */ jsx(Button, {
+										variant: "ghost",
+										size: "icon",
+										"data-testid": `queue-delete-${String(index)}`,
+										"aria-label": `delete queued message ${String(index + 1)}`,
+										title: entry.disposition === "uncertain" ? "Delivery is uncertain; refresh the session first" : entry.disposition === "handoff" ? "This message is already being delivered" : "Delete this message",
+										disabled: actionDisabled || entry.disposition !== "pending",
+										onClick: () => void act(`delete:${entry.id}`, () => onDelete(entry.id)),
+										className: "h-7 w-7 shrink-0 text-doom-faint hover:text-doom-red",
+										children: /* @__PURE__ */ jsx(TrashIcon, { className: "h-3.5 w-3.5" })
+									})
+								]
+							}, entry.id)), unlisted > 0 ? /* @__PURE__ */ jsxs("li", {
+								"data-testid": "queue-sheet-unlisted",
+								className: "rounded-md border border-dashed border-doom-border px-3 py-2.5 text-sm text-doom-dim",
+								children: [
+									unlisted,
+									" more queued message",
+									unlisted === 1 ? " is" : "s are",
+									" waiting in the session. Their text is not available in this browser."
+								]
+							}) : null]
+						}),
+						paused && onResume ? /* @__PURE__ */ jsx(Button, {
+							variant: "subtle",
+							size: "sm",
+							"data-testid": "queue-resume",
+							className: "mt-2 w-full",
+							disabled: actionDisabled,
+							onClick: () => void act("resume", onResume),
+							children: pending === "resume" ? "resuming…" : "resume queued messages"
+						}) : null,
+						count > 0 ? /* @__PURE__ */ jsx(Button, {
+							variant: "danger",
+							size: "sm",
+							"data-testid": "queue-clear",
+							className: "mt-2 w-full",
+							disabled: actionDisabled,
+							onClick: () => void act("clear", onClear),
+							children: pending === "clear" ? "deleting…" : "delete all queued messages"
+						}) : null,
+						pending !== null ? /* @__PURE__ */ jsx("output", {
+							className: "mt-2 block text-sm text-doom-dim",
+							children: "waiting for the session to acknowledge this action…"
+						}) : null,
+						error !== null ? /* @__PURE__ */ jsx("p", {
+							role: "alert",
+							"data-testid": "queue-error",
+							className: "mt-2 text-sm text-doom-red",
+							children: error
+						}) : clearAcknowledged && count > 0 ? /* @__PURE__ */ jsx("output", {
+							"data-testid": "queue-clear-remaining",
+							className: "mt-2 block text-sm text-doom-dim",
+							children: "Messages remain or await confirmation. Messages being delivered or with uncertain delivery cannot be cleared."
+						}) : null
+					]
+				})
+			]
+		})
+	})] });
+}
+//#endregion
+export { QueueSheet };
+
+//# sourceMappingURL=QueueSheet.mjs.map

package/dist/web/features/session/QueueSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueueSheet.mjs","names":[],"sources":["../../../../src/web/features/session/QueueSheet.tsx"],"sourcesContent":["import {\n  Button,\n  ChevronUpIcon,\n  Dialog,\n  DialogBody,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  RefreshIcon,\n  TrashIcon,\n} from '@agimon-ai/po-web-components';\n\nimport type { QueuedEntry } from '../../lib/sessionModel';\nimport { useDashboardState } from '../../stores/dashboardStateStore';\n\nexport function QueueSheet({\n  sessionId,\n  count,\n  disabled = false,\n  entries,\n  onClear,\n  onDelete,\n  onPromote,\n  onResume,\n  operationId,\n  paused = false,\n}: {\n  sessionId: string | null;\n  count: number;\n  disabled?: boolean;\n  entries: readonly QueuedEntry[];\n  onClear: () => Promise<void>;\n  onDelete: (id: string) => Promise<void>;\n  onPromote?: (id: string, operationId?: string) => Promise<void>;\n  onResume?: () => Promise<void>;\n  operationId?: string;\n  paused?: boolean;\n}) {\n  const key = JSON.stringify(['queue', sessionId]);\n  const [open, setOpen] = useDashboardState(`${key}/open`, false);\n  const [pending, setPending, pendingState] = useDashboardState<string | null>(`${key}/pending`, null);\n  const [error, setError] = useDashboardState<string | null>(`${key}/error`, null);\n  const [clearAcknowledged, setClearAcknowledged] = useDashboardState(`${key}/cleared`, false);\n  const unlisted = Math.max(0, count - entries.length);\n  const label = `${String(count)} queued message${count === 1 ? '' : 's'}`;\n\n  // Automatic delivery closes an empty queue, but explicit actions still need acknowledgement.\n  if (count === 0 && pending === null && (open || clearAcknowledged) && (clearAcknowledged || error === null)) {\n    setClearAcknowledged(false);\n    setOpen(false);\n  }\n\n  const act = async (action: string, command: () => Promise<void>): Promise<void> => {\n    if (disabled || pendingState.state !== null) return;\n    setPending(action);\n    setError(null);\n    setClearAcknowledged(false);\n    try {\n      await command();\n      if (action === 'clear') setClearAcknowledged(true);\n    } catch (failure) {\n      setError(failure instanceof Error ? failure.message : String(failure));\n    } finally {\n      setPending(null);\n    }\n  };\n  const actionDisabled = disabled || pending !== null;\n\n  if (count === 0 && !open) return null;\n\n  return (\n    <>\n      {count > 0 ? (\n        <Button\n          variant=\"subtle\"\n          size=\"sm\"\n          data-testid=\"composer-queued\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          onClick={() => setOpen(true)}\n          className=\"mb-2 h-7 w-full justify-between rounded-md border border-doom-border-soft bg-doom-panel/60 px-2.5 text-base font-medium text-doom-dim hover:text-doom-hi\"\n        >\n          <span className=\"flex min-w-0 items-center gap-2\">\n            <RefreshIcon className=\"h-3 w-3 shrink-0 text-doom-cyan\" />\n            <span className=\"shrink-0 font-semibold text-doom-hi\">{label}</span>\n            <span className=\"min-w-0 truncate text-sm font-normal text-doom-dim\">\n              {paused ? 'paused until resumed' : 'waiting for the current run'}\n            </span>\n          </span>\n          <span className=\"flex shrink-0 items-center gap-1 text-sm text-doom-dim\">\n            view queue\n            <ChevronUpIcon className=\"h-3 w-3\" />\n          </span>\n        </Button>\n      ) : null}\n\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent\n          width=\"lg\"\n          data-testid=\"queue-sheet\"\n          aria-describedby={undefined}\n          className=\"top-auto bottom-0 left-1/2 max-h-[min(72dvh,560px)] !w-full !max-w-2xl -translate-x-1/2 translate-y-0 rounded-t-xl rounded-b-none border-b-0 data-[state=open]:animate-none\"\n        >\n          <span aria-hidden className=\"mx-auto mt-2 h-1 w-10 shrink-0 rounded-full bg-doom-border\" />\n          <DialogHeader dismissible closeLabel=\"close queued messages\" className=\"py-2.5\">\n            <DialogTitle>queued messages</DialogTitle>\n            <span className=\"text-sm text-doom-dim\">{paused ? 'paused' : `${label} waiting`}</span>\n          </DialogHeader>\n          <DialogBody className=\"overflow-y-auto p-2 pb-[max(0.75rem,env(safe-area-inset-bottom))]\">\n            <ol className=\"flex flex-col gap-1.5\">\n              {entries.map((entry, index) => (\n                <li\n                  key={entry.id}\n                  data-testid=\"queue-sheet-item\"\n                  className=\"flex min-w-0 gap-3 rounded-md border border-doom-border-soft bg-doom-deep px-3 py-2.5\"\n                >\n                  <span className=\"pt-0.5 text-xs font-semibold text-doom-cyan\">\n                    {String(index + 1).padStart(2, '0')}\n                  </span>\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"whitespace-pre-wrap break-words text-lg leading-relaxed text-doom-text\">\n                      {entry.text}\n                    </p>\n                    {entry.images && entry.images.length > 0 ? (\n                      <p className=\"mt-1 text-sm text-doom-dim\">\n                        {entry.images.length} image{entry.images.length === 1 ? '' : 's'} attached\n                      </p>\n                    ) : null}\n                    {entry.disposition === 'uncertain' ? (\n                      <p className=\"mt-1 text-sm text-doom-red\">delivery uncertain; not resending automatically</p>\n                    ) : null}\n                  </div>\n                  {entry.disposition === 'pending' && onPromote ? (\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      data-testid={`queue-steer-${String(index)}`}\n                      aria-label={`${operationId === undefined ? 'send now' : 'steer'} queued message ${String(index + 1)}`}\n                      disabled={actionDisabled}\n                      onClick={() => void act(`send:${entry.id}`, () => onPromote(entry.id, operationId))}\n                      className=\"h-7 shrink-0 text-doom-cyan\"\n                    >\n                      {pending === `send:${entry.id}` ? 'sending…' : operationId === undefined ? 'send now' : 'steer'}\n                    </Button>\n                  ) : null}\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    data-testid={`queue-delete-${String(index)}`}\n                    aria-label={`delete queued message ${String(index + 1)}`}\n                    title={\n                      entry.disposition === 'uncertain'\n                        ? 'Delivery is uncertain; refresh the session first'\n                        : entry.disposition === 'handoff'\n                          ? 'This message is already being delivered'\n                          : 'Delete this message'\n                    }\n                    disabled={actionDisabled || entry.disposition !== 'pending'}\n                    onClick={() => void act(`delete:${entry.id}`, () => onDelete(entry.id))}\n                    className=\"h-7 w-7 shrink-0 text-doom-faint hover:text-doom-red\"\n                  >\n                    <TrashIcon className=\"h-3.5 w-3.5\" />\n                  </Button>\n                </li>\n              ))}\n              {unlisted > 0 ? (\n                <li\n                  data-testid=\"queue-sheet-unlisted\"\n                  className=\"rounded-md border border-dashed border-doom-border px-3 py-2.5 text-sm text-doom-dim\"\n                >\n                  {unlisted} more queued message{unlisted === 1 ? ' is' : 's are'} waiting in the session. Their text is\n                  not available in this browser.\n                </li>\n              ) : null}\n            </ol>\n            {paused && onResume ? (\n              <Button\n                variant=\"subtle\"\n                size=\"sm\"\n                data-testid=\"queue-resume\"\n                className=\"mt-2 w-full\"\n                disabled={actionDisabled}\n                onClick={() => void act('resume', onResume)}\n              >\n                {pending === 'resume' ? 'resuming…' : 'resume queued messages'}\n              </Button>\n            ) : null}\n            {count > 0 ? (\n              <Button\n                variant=\"danger\"\n                size=\"sm\"\n                data-testid=\"queue-clear\"\n                className=\"mt-2 w-full\"\n                disabled={actionDisabled}\n                onClick={() => void act('clear', onClear)}\n              >\n                {pending === 'clear' ? 'deleting…' : 'delete all queued messages'}\n              </Button>\n            ) : null}\n            {pending !== null ? (\n              <output className=\"mt-2 block text-sm text-doom-dim\">\n                waiting for the session to acknowledge this action…\n              </output>\n            ) : null}\n            {error !== null ? (\n              <p role=\"alert\" data-testid=\"queue-error\" className=\"mt-2 text-sm text-doom-red\">\n                {error}\n              </p>\n            ) : clearAcknowledged && count > 0 ? (\n              <output data-testid=\"queue-clear-remaining\" className=\"mt-2 block text-sm text-doom-dim\">\n                Messages remain or await confirmation. Messages being delivered or with uncertain delivery cannot be\n                cleared.\n              </output>\n            ) : null}\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/web/features/session/SessionActivity.cjs

@@ -0,0 +1,88 @@
+const require_sessionsStore = require("../../stores/sessionsStore.cjs");
+const require_sessionStore = require("../../stores/sessionStore.cjs");
+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/session/SessionActivity.tsx
+function latestAssistantText(entries) {
+	const entry = entries.findLast((item) => item.kind === "assistant" && item.text.trim() !== "");
+	return entry?.kind === "assistant" ? entry.text : void 0;
+}
+function status(meta, state) {
+	if (meta === void 0) return {
+		status: "unavailable",
+		tone: "dim"
+	};
+	if (meta.attach === "refused") return {
+		status: "another cockpit holds this session",
+		tone: "red"
+	};
+	if (meta.summary.dormant === true || meta.attach === "closed") return {
+		status: "stopped",
+		tone: "dim"
+	};
+	if (meta.attach === "offline" || meta.attach === "detached") return {
+		status: "disconnected",
+		tone: "red"
+	};
+	if (meta.attach === "connecting") return {
+		status: "connecting",
+		tone: "yellow"
+	};
+	if (meta.summary.awaitingInput) return {
+		status: "waiting for your input",
+		tone: "yellow"
+	};
+	if (meta.summary.phase !== "idle" || !state.hasNewerHistory && state.streaming) return {
+		status: "working",
+		tone: "yellow"
+	};
+	return {
+		status: "idle",
+		tone: "green"
+	};
+}
+/** The host's current session state, kept separate from Author request lifecycle. */
+function sessionActivity(meta, state) {
+	return {
+		...status(meta, state),
+		message: state.hasNewerHistory ? "Latest message unavailable while viewing older history." : latestAssistantText(state.entries) ?? "No assistant message in loaded history."
+	};
+}
+function SessionActivity({ sessionId, onOpenConversation }) {
+	const state = (0, _tanstack_react_store.useStore)(require_sessionStore.sessionStoreFor(sessionId), (current) => current);
+	const activity = sessionActivity((0, _tanstack_react_store.useStore)(require_sessionsStore.sessionsStore, (current) => current.byId[sessionId]), state);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		"data-testid": "session-activity",
+		"aria-label": "Session activity",
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between gap-2 text-sm",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex items-center gap-1.5 text-lg font-semibold text-doom-hi",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Dot, { tone: activity.tone === "dim" ? "neutral" : activity.tone }), "session activity"]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "truncate text-sm text-doom-dim",
+					children: activity.status
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "max-h-[5.5rem] overflow-y-auto text-base leading-snug break-words text-doom-text",
+				children: activity.message
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Button, {
+				variant: "ghost",
+				size: "sm",
+				className: "h-auto px-0 text-doom-dim hover:text-doom-hi",
+				onClick: onOpenConversation,
+				children: "open conversation"
+			})
+		]
+	});
+}
+//#endregion
+exports.SessionActivity = SessionActivity;
+exports.sessionActivity = sessionActivity;
+
+//# sourceMappingURL=SessionActivity.cjs.map

package/dist/web/features/session/SessionActivity.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionActivity.cjs","names":["useStore","sessionStoreFor","sessionsStore","Dot","Button"],"sources":["../../../../src/web/features/session/SessionActivity.tsx"],"sourcesContent":["import { Button, Dot } from '@agimon-ai/po-web-components';\nimport { useStore } from '@tanstack/react-store';\n\nimport type { SessionState, TimelineEntry } from '../../lib/sessionModel';\nimport type { SessionMeta } from '../../stores/sessionsStore';\nimport { sessionsStore } from '../../stores/sessionsStore';\nimport { sessionStoreFor } from '../../stores/sessionStore';\n\nexport interface SessionActivityView {\n  status: string;\n  tone: 'yellow' | 'green' | 'red' | 'dim';\n  message: string;\n}\n\nfunction latestAssistantText(entries: readonly TimelineEntry[]): string | undefined {\n  const entry = entries.findLast((item) => item.kind === 'assistant' && item.text.trim() !== '');\n  return entry?.kind === 'assistant' ? entry.text : undefined;\n}\n\nfunction status(meta: SessionMeta | undefined, state: SessionState): Pick<SessionActivityView, 'status' | 'tone'> {\n  if (meta === undefined) return { status: 'unavailable', tone: 'dim' };\n  if (meta.attach === 'refused') return { status: 'another cockpit holds this session', tone: 'red' };\n  if (meta.summary.dormant === true || meta.attach === 'closed') return { status: 'stopped', tone: 'dim' };\n  if (meta.attach === 'offline' || meta.attach === 'detached') return { status: 'disconnected', tone: 'red' };\n  if (meta.attach === 'connecting') return { status: 'connecting', tone: 'yellow' };\n  if (meta.summary.awaitingInput) return { status: 'waiting for your input', tone: 'yellow' };\n  if (meta.summary.phase !== 'idle' || (!state.hasNewerHistory && state.streaming))\n    return { status: 'working', tone: 'yellow' };\n  return { status: 'idle', tone: 'green' };\n}\n\n/** The host's current session state, kept separate from Author request lifecycle. */\nexport function sessionActivity(meta: SessionMeta | undefined, state: SessionState): SessionActivityView {\n  return {\n    ...status(meta, state),\n    message: state.hasNewerHistory\n      ? 'Latest message unavailable while viewing older history.'\n      : (latestAssistantText(state.entries) ?? 'No assistant message in loaded history.'),\n  };\n}\n\nexport function SessionActivity({\n  sessionId,\n  onOpenConversation,\n}: {\n  sessionId: string;\n  onOpenConversation: () => void;\n}) {\n  const state = useStore(sessionStoreFor(sessionId), (current) => current);\n  const meta = useStore(sessionsStore, (current) => current.byId[sessionId]);\n  const activity = sessionActivity(meta, state);\n\n  return (\n    <section data-testid=\"session-activity\" aria-label=\"Session activity\" className=\"space-y-2\">\n      <div className=\"flex items-center justify-between gap-2 text-sm\">\n        <span className=\"flex items-center gap-1.5 text-lg font-semibold text-doom-hi\">\n          <Dot tone={activity.tone === 'dim' ? 'neutral' : activity.tone} />\n          session activity\n        </span>\n        <span className=\"truncate text-sm text-doom-dim\">{activity.status}</span>\n      </div>\n      <p className=\"max-h-[5.5rem] overflow-y-auto text-base leading-snug break-words text-doom-text\">\n        {activity.message}\n      </p>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"h-auto px-0 text-doom-dim hover:text-doom-hi\"\n        onClick={onOpenConversation}\n      >\n        open conversation\n      </Button>\n    </section>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAS,oBAAoB,SAAuD;CAClF,MAAM,QAAQ,QAAQ,UAAU,SAAS,KAAK,SAAS,eAAe,KAAK,KAAK,KAAK,MAAM,EAAE;CAC7F,OAAO,OAAO,SAAS,cAAc,MAAM,OAAO,KAAA;AACpD;AAEA,SAAS,OAAO,MAA+B,OAAmE;CAChH,IAAI,SAAS,KAAA,GAAW,OAAO;EAAE,QAAQ;EAAe,MAAM;CAAM;CACpE,IAAI,KAAK,WAAW,WAAW,OAAO;EAAE,QAAQ;EAAsC,MAAM;CAAM;CAClG,IAAI,KAAK,QAAQ,YAAY,QAAQ,KAAK,WAAW,UAAU,OAAO;EAAE,QAAQ;EAAW,MAAM;CAAM;CACvG,IAAI,KAAK,WAAW,aAAa,KAAK,WAAW,YAAY,OAAO;EAAE,QAAQ;EAAgB,MAAM;CAAM;CAC1G,IAAI,KAAK,WAAW,cAAc,OAAO;EAAE,QAAQ;EAAc,MAAM;CAAS;CAChF,IAAI,KAAK,QAAQ,eAAe,OAAO;EAAE,QAAQ;EAA0B,MAAM;CAAS;CAC1F,IAAI,KAAK,QAAQ,UAAU,UAAW,CAAC,MAAM,mBAAmB,MAAM,WACpE,OAAO;EAAE,QAAQ;EAAW,MAAM;CAAS;CAC7C,OAAO;EAAE,QAAQ;EAAQ,MAAM;CAAQ;AACzC;;AAGA,SAAgB,gBAAgB,MAA+B,OAA0C;CACvG,OAAO;EACL,GAAG,OAAO,MAAM,KAAK;EACrB,SAAS,MAAM,kBACX,4DACC,oBAAoB,MAAM,OAAO,KAAK;CAC7C;AACF;AAEA,SAAgB,gBAAgB,EAC9B,WACA,sBAIC;CACD,MAAM,SAAA,GAAQA,sBAAAA,SAAAA,CAASC,qBAAAA,gBAAgB,SAAS,IAAI,YAAY,OAAO;CAEvE,MAAM,WAAW,iBAAA,GADJD,sBAAAA,SAAAA,CAASE,sBAAAA,gBAAgB,YAAY,QAAQ,KAAK,UAC3B,GAAG,KAAK;CAE5C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;EAAS,eAAY;EAAmB,cAAW;EAAmB,WAAU;EAAhF,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,KAAD,EAAK,MAAM,SAAS,SAAS,QAAQ,YAAY,SAAS,KAAO,CAAA,GAAC,kBAE9D;IACN,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAAkC,UAAA,SAAS;IAAa,CAAA,CACrE;;GACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IACV,UAAA,SAAS;GACT,CAAA;GACH,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,QAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAU;IACV,SAAS;IACV,UAAA;GAEO,CAAA;EACD;;AAEb"}

package/dist/web/features/session/SessionActivity.d.mts

@@ -0,0 +1,16 @@
+import { SessionState } from "../../lib/sessionModel.mjs";
+import { SessionMeta } from "../../stores/sessionsStore.mjs";
+//#region src/web/features/session/SessionActivity.d.ts
+export interface SessionActivityView {
+  status: string;
+  tone: 'yellow' | 'green' | 'red' | 'dim';
+  message: string;
+}
+/** The host's current session state, kept separate from Author request lifecycle. */
+export declare function sessionActivity(meta: SessionMeta | undefined, state: SessionState): SessionActivityView;
+export declare function SessionActivity({ sessionId, onOpenConversation }: {
+  sessionId: string;
+  onOpenConversation: () => void;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=SessionActivity.d.mts.map

package/dist/web/features/session/SessionActivity.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionActivity.d.mts","names":[],"sources":["../../../../src/web/features/session/SessionActivity.tsx"],"mappings":";;;iBAQiB;EACf;EACA;EACA;;;wBAqBc,gBAAgB,MAAM,yBAAyB,OAAO,eAAe;wBASrE,kBACd,WACA;EAEA;EACA;oBACD,IAAA"}

package/dist/web/features/session/SessionActivity.mjs

@@ -0,0 +1,87 @@
+import { sessionsStore } from "../../stores/sessionsStore.mjs";
+import { sessionStoreFor } from "../../stores/sessionStore.mjs";
+import { useStore } from "@tanstack/react-store";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Dot } from "@agimon-ai/po-web-components";
+//#region src/web/features/session/SessionActivity.tsx
+function latestAssistantText(entries) {
+	const entry = entries.findLast((item) => item.kind === "assistant" && item.text.trim() !== "");
+	return entry?.kind === "assistant" ? entry.text : void 0;
+}
+function status(meta, state) {
+	if (meta === void 0) return {
+		status: "unavailable",
+		tone: "dim"
+	};
+	if (meta.attach === "refused") return {
+		status: "another cockpit holds this session",
+		tone: "red"
+	};
+	if (meta.summary.dormant === true || meta.attach === "closed") return {
+		status: "stopped",
+		tone: "dim"
+	};
+	if (meta.attach === "offline" || meta.attach === "detached") return {
+		status: "disconnected",
+		tone: "red"
+	};
+	if (meta.attach === "connecting") return {
+		status: "connecting",
+		tone: "yellow"
+	};
+	if (meta.summary.awaitingInput) return {
+		status: "waiting for your input",
+		tone: "yellow"
+	};
+	if (meta.summary.phase !== "idle" || !state.hasNewerHistory && state.streaming) return {
+		status: "working",
+		tone: "yellow"
+	};
+	return {
+		status: "idle",
+		tone: "green"
+	};
+}
+/** The host's current session state, kept separate from Author request lifecycle. */
+function sessionActivity(meta, state) {
+	return {
+		...status(meta, state),
+		message: state.hasNewerHistory ? "Latest message unavailable while viewing older history." : latestAssistantText(state.entries) ?? "No assistant message in loaded history."
+	};
+}
+function SessionActivity({ sessionId, onOpenConversation }) {
+	const state = useStore(sessionStoreFor(sessionId), (current) => current);
+	const activity = sessionActivity(useStore(sessionsStore, (current) => current.byId[sessionId]), state);
+	return /* @__PURE__ */ jsxs("section", {
+		"data-testid": "session-activity",
+		"aria-label": "Session activity",
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-2 text-sm",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-1.5 text-lg font-semibold text-doom-hi",
+					children: [/* @__PURE__ */ jsx(Dot, { tone: activity.tone === "dim" ? "neutral" : activity.tone }), "session activity"]
+				}), /* @__PURE__ */ jsx("span", {
+					className: "truncate text-sm text-doom-dim",
+					children: activity.status
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "max-h-[5.5rem] overflow-y-auto text-base leading-snug break-words text-doom-text",
+				children: activity.message
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "sm",
+				className: "h-auto px-0 text-doom-dim hover:text-doom-hi",
+				onClick: onOpenConversation,
+				children: "open conversation"
+			})
+		]
+	});
+}
+//#endregion
+export { SessionActivity, sessionActivity };
+
+//# sourceMappingURL=SessionActivity.mjs.map

package/dist/web/features/session/SessionActivity.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionActivity.mjs","names":[],"sources":["../../../../src/web/features/session/SessionActivity.tsx"],"sourcesContent":["import { Button, Dot } from '@agimon-ai/po-web-components';\nimport { useStore } from '@tanstack/react-store';\n\nimport type { SessionState, TimelineEntry } from '../../lib/sessionModel';\nimport type { SessionMeta } from '../../stores/sessionsStore';\nimport { sessionsStore } from '../../stores/sessionsStore';\nimport { sessionStoreFor } from '../../stores/sessionStore';\n\nexport interface SessionActivityView {\n  status: string;\n  tone: 'yellow' | 'green' | 'red' | 'dim';\n  message: string;\n}\n\nfunction latestAssistantText(entries: readonly TimelineEntry[]): string | undefined {\n  const entry = entries.findLast((item) => item.kind === 'assistant' && item.text.trim() !== '');\n  return entry?.kind === 'assistant' ? entry.text : undefined;\n}\n\nfunction status(meta: SessionMeta | undefined, state: SessionState): Pick<SessionActivityView, 'status' | 'tone'> {\n  if (meta === undefined) return { status: 'unavailable', tone: 'dim' };\n  if (meta.attach === 'refused') return { status: 'another cockpit holds this session', tone: 'red' };\n  if (meta.summary.dormant === true || meta.attach === 'closed') return { status: 'stopped', tone: 'dim' };\n  if (meta.attach === 'offline' || meta.attach === 'detached') return { status: 'disconnected', tone: 'red' };\n  if (meta.attach === 'connecting') return { status: 'connecting', tone: 'yellow' };\n  if (meta.summary.awaitingInput) return { status: 'waiting for your input', tone: 'yellow' };\n  if (meta.summary.phase !== 'idle' || (!state.hasNewerHistory && state.streaming))\n    return { status: 'working', tone: 'yellow' };\n  return { status: 'idle', tone: 'green' };\n}\n\n/** The host's current session state, kept separate from Author request lifecycle. */\nexport function sessionActivity(meta: SessionMeta | undefined, state: SessionState): SessionActivityView {\n  return {\n    ...status(meta, state),\n    message: state.hasNewerHistory\n      ? 'Latest message unavailable while viewing older history.'\n      : (latestAssistantText(state.entries) ?? 'No assistant message in loaded history.'),\n  };\n}\n\nexport function SessionActivity({\n  sessionId,\n  onOpenConversation,\n}: {\n  sessionId: string;\n  onOpenConversation: () => void;\n}) {\n  const state = useStore(sessionStoreFor(sessionId), (current) => current);\n  const meta = useStore(sessionsStore, (current) => current.byId[sessionId]);\n  const activity = sessionActivity(meta, state);\n\n  return (\n    <section data-testid=\"session-activity\" aria-label=\"Session activity\" className=\"space-y-2\">\n      <div className=\"flex items-center justify-between gap-2 text-sm\">\n        <span className=\"flex items-center gap-1.5 text-lg font-semibold text-doom-hi\">\n          <Dot tone={activity.tone === 'dim' ? 'neutral' : activity.tone} />\n          session activity\n        </span>\n        <span className=\"truncate text-sm text-doom-dim\">{activity.status}</span>\n      </div>\n      <p className=\"max-h-[5.5rem] overflow-y-auto text-base leading-snug break-words text-doom-text\">\n        {activity.message}\n      </p>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"h-auto px-0 text-doom-dim hover:text-doom-hi\"\n        onClick={onOpenConversation}\n      >\n        open conversation\n      </Button>\n    </section>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAS,oBAAoB,SAAuD;CAClF,MAAM,QAAQ,QAAQ,UAAU,SAAS,KAAK,SAAS,eAAe,KAAK,KAAK,KAAK,MAAM,EAAE;CAC7F,OAAO,OAAO,SAAS,cAAc,MAAM,OAAO,KAAA;AACpD;AAEA,SAAS,OAAO,MAA+B,OAAmE;CAChH,IAAI,SAAS,KAAA,GAAW,OAAO;EAAE,QAAQ;EAAe,MAAM;CAAM;CACpE,IAAI,KAAK,WAAW,WAAW,OAAO;EAAE,QAAQ;EAAsC,MAAM;CAAM;CAClG,IAAI,KAAK,QAAQ,YAAY,QAAQ,KAAK,WAAW,UAAU,OAAO;EAAE,QAAQ;EAAW,MAAM;CAAM;CACvG,IAAI,KAAK,WAAW,aAAa,KAAK,WAAW,YAAY,OAAO;EAAE,QAAQ;EAAgB,MAAM;CAAM;CAC1G,IAAI,KAAK,WAAW,cAAc,OAAO;EAAE,QAAQ;EAAc,MAAM;CAAS;CAChF,IAAI,KAAK,QAAQ,eAAe,OAAO;EAAE,QAAQ;EAA0B,MAAM;CAAS;CAC1F,IAAI,KAAK,QAAQ,UAAU,UAAW,CAAC,MAAM,mBAAmB,MAAM,WACpE,OAAO;EAAE,QAAQ;EAAW,MAAM;CAAS;CAC7C,OAAO;EAAE,QAAQ;EAAQ,MAAM;CAAQ;AACzC;;AAGA,SAAgB,gBAAgB,MAA+B,OAA0C;CACvG,OAAO;EACL,GAAG,OAAO,MAAM,KAAK;EACrB,SAAS,MAAM,kBACX,4DACC,oBAAoB,MAAM,OAAO,KAAK;CAC7C;AACF;AAEA,SAAgB,gBAAgB,EAC9B,WACA,sBAIC;CACD,MAAM,QAAQ,SAAS,gBAAgB,SAAS,IAAI,YAAY,OAAO;CAEvE,MAAM,WAAW,gBADJ,SAAS,gBAAgB,YAAY,QAAQ,KAAK,UAC3B,GAAG,KAAK;CAE5C,OACE,qBAAC,WAAD;EAAS,eAAY;EAAmB,cAAW;EAAmB,WAAU;EAAhF,UAAA;GACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACE,oBAAC,KAAD,EAAK,MAAM,SAAS,SAAS,QAAQ,YAAY,SAAS,KAAO,CAAA,GAAC,kBAE9D;IACN,CAAA,GAAA,oBAAC,QAAD;KAAM,WAAU;KAAkC,UAAA,SAAS;IAAa,CAAA,CACrE;;GACL,oBAAC,KAAD;IAAG,WAAU;IACV,UAAA,SAAS;GACT,CAAA;GACH,oBAAC,QAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAU;IACV,SAAS;IACV,UAAA;GAEO,CAAA;EACD;;AAEb"}

package/dist/web/features/session/SessionTranscriptView.cjs

@@ -0,0 +1,34 @@
+const require_sessionStore = require("../../stores/sessionStore.cjs");
+const require_Timeline = require("./Timeline.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/session/SessionTranscriptView.tsx
+const SESSION_TRANSCRIPT_TEST_ID = "session-transcript";
+/**
+* Another session's conversation, drawn inside a plugin panel of the focused one.
+*
+* It reads the same store the session's own tab reads. `watch` is what fills
+* that store while this is mounted without focusing the session; the app owns
+* it because only the app can open a protocol connection.
+*/
+function SessionTranscriptView({ sessionId, options, watch }) {
+	(0, react.useEffect)(() => watch(sessionId), [sessionId, watch]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Timeline.Transcript, {
+		store: require_sessionStore.sessionStoreFor(sessionId),
+		sessionId,
+		historyKey: sessionId,
+		testId: SESSION_TRANSCRIPT_TEST_ID,
+		limit: options?.limit,
+		compact: options?.compact,
+		empty: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.EmptyState, {
+			"data-testid": "session-transcript-empty",
+			title: "no messages yet",
+			description: "the session's conversation shows here as soon as its agent starts."
+		})
+	});
+}
+//#endregion
+exports.SessionTranscriptView = SessionTranscriptView;
+
+//# sourceMappingURL=SessionTranscriptView.cjs.map

package/dist/web/features/session/SessionTranscriptView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionTranscriptView.cjs","names":["Transcript","sessionStoreFor","EmptyState"],"sources":["../../../../src/web/features/session/SessionTranscriptView.tsx"],"sourcesContent":["import type { ThreadViewOptions } from '@agimon-ai/po-core/web';\nimport { EmptyState } from '@agimon-ai/po-web-components';\nimport { useEffect } from 'react';\n\nimport { sessionStoreFor } from '../../stores/sessionStore';\nimport { Transcript } from './Timeline';\n\nconst SESSION_TRANSCRIPT_TEST_ID = 'session-transcript';\n\n/**\n * Another session's conversation, drawn inside a plugin panel of the focused one.\n *\n * It reads the same store the session's own tab reads. `watch` is what fills\n * that store while this is mounted without focusing the session; the app owns\n * it because only the app can open a protocol connection.\n */\nexport function SessionTranscriptView({\n  sessionId,\n  options,\n  watch,\n}: {\n  sessionId: string;\n  options?: ThreadViewOptions;\n  watch: (sessionId: string) => () => void;\n}) {\n  useEffect(() => watch(sessionId), [sessionId, watch]);\n\n  return (\n    <Transcript\n      store={sessionStoreFor(sessionId)}\n      sessionId={sessionId}\n      historyKey={sessionId}\n      testId={SESSION_TRANSCRIPT_TEST_ID}\n      limit={options?.limit}\n      compact={options?.compact}\n      empty={\n        <EmptyState\n          data-testid=\"session-transcript-empty\"\n          title=\"no messages yet\"\n          description=\"the session's conversation shows here as soon as its agent starts.\"\n        />\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;AAOA,MAAM,6BAA6B;;;;;;;;AASnC,SAAgB,sBAAsB,EACpC,WACA,SACA,SAKC;CACD,CAAA,GAAA,MAAA,UAAA,OAAgB,MAAM,SAAS,GAAG,CAAC,WAAW,KAAK,CAAC;CAEpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,iBAAAA,YAAD;EACE,OAAOC,qBAAAA,gBAAgB,SAAS;EACrB;EACX,YAAY;EACZ,QAAQ;EACR,OAAO,SAAS;EAChB,SAAS,SAAS;EAClB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,YAAD;GACE,eAAY;GACZ,OAAM;GACN,aAAY;EACb,CAAA;CAEJ,CAAA;AAEL"}

package/dist/web/features/session/SessionTranscriptView.d.mts

@@ -0,0 +1,16 @@
+import { ThreadViewOptions } from "@agimon-ai/po-core/web";
+//#region src/web/features/session/SessionTranscriptView.d.ts
+/**
+ * Another session's conversation, drawn inside a plugin panel of the focused one.
+ *
+ * It reads the same store the session's own tab reads. `watch` is what fills
+ * that store while this is mounted without focusing the session; the app owns
+ * it because only the app can open a protocol connection.
+ */
+export declare function SessionTranscriptView({ sessionId, options, watch }: {
+  sessionId: string;
+  options?: ThreadViewOptions;
+  watch: (sessionId: string) => () => void;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=SessionTranscriptView.d.mts.map

package/dist/web/features/session/SessionTranscriptView.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionTranscriptView.d.mts","names":[],"sources":["../../../../src/web/features/session/SessionTranscriptView.tsx"],"mappings":";;;;;;;;;wBAgBgB,wBACd,WACA,SACA;EAEA;EACA,UAAU;EACV,QAAQ;oBACT,IAAA"}

package/dist/web/features/session/SessionTranscriptView.mjs

@@ -0,0 +1,34 @@
+import { sessionStoreFor } from "../../stores/sessionStore.mjs";
+import { Transcript } from "./Timeline.mjs";
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+import { EmptyState } from "@agimon-ai/po-web-components";
+//#region src/web/features/session/SessionTranscriptView.tsx
+const SESSION_TRANSCRIPT_TEST_ID = "session-transcript";
+/**
+* Another session's conversation, drawn inside a plugin panel of the focused one.
+*
+* It reads the same store the session's own tab reads. `watch` is what fills
+* that store while this is mounted without focusing the session; the app owns
+* it because only the app can open a protocol connection.
+*/
+function SessionTranscriptView({ sessionId, options, watch }) {
+	useEffect(() => watch(sessionId), [sessionId, watch]);
+	return /* @__PURE__ */ jsx(Transcript, {
+		store: sessionStoreFor(sessionId),
+		sessionId,
+		historyKey: sessionId,
+		testId: SESSION_TRANSCRIPT_TEST_ID,
+		limit: options?.limit,
+		compact: options?.compact,
+		empty: /* @__PURE__ */ jsx(EmptyState, {
+			"data-testid": "session-transcript-empty",
+			title: "no messages yet",
+			description: "the session's conversation shows here as soon as its agent starts."
+		})
+	});
+}
+//#endregion
+export { SessionTranscriptView };
+
+//# sourceMappingURL=SessionTranscriptView.mjs.map

package/dist/web/features/session/SessionTranscriptView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionTranscriptView.mjs","names":[],"sources":["../../../../src/web/features/session/SessionTranscriptView.tsx"],"sourcesContent":["import type { ThreadViewOptions } from '@agimon-ai/po-core/web';\nimport { EmptyState } from '@agimon-ai/po-web-components';\nimport { useEffect } from 'react';\n\nimport { sessionStoreFor } from '../../stores/sessionStore';\nimport { Transcript } from './Timeline';\n\nconst SESSION_TRANSCRIPT_TEST_ID = 'session-transcript';\n\n/**\n * Another session's conversation, drawn inside a plugin panel of the focused one.\n *\n * It reads the same store the session's own tab reads. `watch` is what fills\n * that store while this is mounted without focusing the session; the app owns\n * it because only the app can open a protocol connection.\n */\nexport function SessionTranscriptView({\n  sessionId,\n  options,\n  watch,\n}: {\n  sessionId: string;\n  options?: ThreadViewOptions;\n  watch: (sessionId: string) => () => void;\n}) {\n  useEffect(() => watch(sessionId), [sessionId, watch]);\n\n  return (\n    <Transcript\n      store={sessionStoreFor(sessionId)}\n      sessionId={sessionId}\n      historyKey={sessionId}\n      testId={SESSION_TRANSCRIPT_TEST_ID}\n      limit={options?.limit}\n      compact={options?.compact}\n      empty={\n        <EmptyState\n          data-testid=\"session-transcript-empty\"\n          title=\"no messages yet\"\n          description=\"the session's conversation shows here as soon as its agent starts.\"\n        />\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;AAOA,MAAM,6BAA6B;;;;;;;;AASnC,SAAgB,sBAAsB,EACpC,WACA,SACA,SAKC;CACD,gBAAgB,MAAM,SAAS,GAAG,CAAC,WAAW,KAAK,CAAC;CAEpD,OACE,oBAAC,YAAD;EACE,OAAO,gBAAgB,SAAS;EACrB;EACX,YAAY;EACZ,QAAQ;EACR,OAAO,SAAS;EAChB,SAAS,SAAS;EAClB,OACE,oBAAC,YAAD;GACE,eAAY;GACZ,OAAM;GACN,aAAY;EACb,CAAA;CAEJ,CAAA;AAEL"}

package/dist/web/features/session/ThreadView.cjs

@@ -0,0 +1,40 @@
+const require_sessionStore = require("../../stores/sessionStore.cjs");
+const require_threadStore = require("../../stores/threadStore.cjs");
+const require_Timeline = require("./Timeline.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/session/ThreadView.tsx
+const THREAD_TEST_ID = "thread-timeline";
+/**
+* A thread of the focused session, such as a subagent run's own journal, on
+* the same transcript as the session itself and followed only while shown.
+* The parent session id goes down with it so tool cards resolve renderers
+* and slot props exactly as the main thread does.
+*
+* `options` is how a caller that is not a whole tab asks for less: a grid card
+* shows the newest few entries at card scale.
+*/
+function ThreadView({ sessionId, threadId, options }) {
+	(0, react.useEffect)(() => {
+		require_threadStore.subscribeThread(sessionId, threadId);
+		return () => require_threadStore.unsubscribeThread(sessionId, threadId);
+	}, [sessionId, threadId]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Timeline.Transcript, {
+		store: require_sessionStore.sessionStoreFor(require_threadStore.threadStoreKey(sessionId, threadId)),
+		sessionId,
+		historyKey: require_threadStore.threadStoreKey(sessionId, threadId),
+		testId: THREAD_TEST_ID,
+		limit: options?.limit,
+		compact: options?.compact,
+		empty: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.EmptyState, {
+			"data-testid": "thread-empty",
+			title: "no messages yet",
+			description: "the agent's journal shows here as soon as it starts writing."
+		})
+	});
+}
+//#endregion
+exports.ThreadView = ThreadView;
+
+//# sourceMappingURL=ThreadView.cjs.map

package/dist/web/features/session/ThreadView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadView.cjs","names":["unsubscribeThread","Transcript","sessionStoreFor","threadStoreKey","EmptyState"],"sources":["../../../../src/web/features/session/ThreadView.tsx"],"sourcesContent":["import type { ThreadViewOptions } from '@agimon-ai/po-core/web';\nimport { EmptyState } from '@agimon-ai/po-web-components';\nimport { useEffect } from 'react';\n\nimport { sessionStoreFor } from '../../stores/sessionStore';\nimport { subscribeThread, threadStoreKey, unsubscribeThread } from '../../stores/threadStore';\nimport { Transcript } from './Timeline';\n\nconst THREAD_TEST_ID = 'thread-timeline';\n\n/**\n * A thread of the focused session, such as a subagent run's own journal, on\n * the same transcript as the session itself and followed only while shown.\n * The parent session id goes down with it so tool cards resolve renderers\n * and slot props exactly as the main thread does.\n *\n * `options` is how a caller that is not a whole tab asks for less: a grid card\n * shows the newest few entries at card scale.\n */\nexport function ThreadView({\n  sessionId,\n  threadId,\n  options,\n}: {\n  sessionId: string;\n  threadId: string;\n  options?: ThreadViewOptions;\n}) {\n  useEffect(() => {\n    subscribeThread(sessionId, threadId);\n    return () => unsubscribeThread(sessionId, threadId);\n  }, [sessionId, threadId]);\n\n  return (\n    <Transcript\n      store={sessionStoreFor(threadStoreKey(sessionId, threadId))}\n      sessionId={sessionId}\n      historyKey={threadStoreKey(sessionId, threadId)}\n      testId={THREAD_TEST_ID}\n      limit={options?.limit}\n      compact={options?.compact}\n      empty={\n        <EmptyState\n          data-testid=\"thread-empty\"\n          title=\"no messages yet\"\n          description=\"the agent's journal shows here as soon as it starts writing.\"\n        />\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;AAQA,MAAM,iBAAiB;;;;;;;;;;AAWvB,SAAgB,WAAW,EACzB,WACA,UACA,WAKC;CACD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,oBAAA,gBAAgB,WAAW,QAAQ;EACnC,aAAaA,oBAAAA,kBAAkB,WAAW,QAAQ;CACpD,GAAG,CAAC,WAAW,QAAQ,CAAC;CAExB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,YAAD;EACE,OAAOC,qBAAAA,gBAAgBC,oBAAAA,eAAe,WAAW,QAAQ,CAAC;EAC/C;EACX,YAAYA,oBAAAA,eAAe,WAAW,QAAQ;EAC9C,QAAQ;EACR,OAAO,SAAS;EAChB,SAAS,SAAS;EAClB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,YAAD;GACE,eAAY;GACZ,OAAM;GACN,aAAY;EACb,CAAA;CAEJ,CAAA;AAEL"}

package/dist/web/features/session/ThreadView.d.mts

@@ -0,0 +1,18 @@
+import { ThreadViewOptions } from "@agimon-ai/po-core/web";
+//#region src/web/features/session/ThreadView.d.ts
+/**
+ * A thread of the focused session, such as a subagent run's own journal, on
+ * the same transcript as the session itself and followed only while shown.
+ * The parent session id goes down with it so tool cards resolve renderers
+ * and slot props exactly as the main thread does.
+ *
+ * `options` is how a caller that is not a whole tab asks for less: a grid card
+ * shows the newest few entries at card scale.
+ */
+export declare function ThreadView({ sessionId, threadId, options }: {
+  sessionId: string;
+  threadId: string;
+  options?: ThreadViewOptions;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=ThreadView.d.mts.map

package/dist/web/features/session/ThreadView.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadView.d.mts","names":[],"sources":["../../../../src/web/features/session/ThreadView.tsx"],"mappings":";;;;;;;;;;;wBAmBgB,aACd,WACA,UACA;EAEA;EACA;EACA,UAAU;oBACX,IAAA"}