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

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

@@ -0,0 +1,127 @@
+import { loadSessionAsset } from "../../lib/sessionAsset.mjs";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, FileIcon } from "@agimon-ai/po-web-components";
+//#region src/web/features/session/MentionPreviews.tsx
+function downloadName(filePath) {
+	return filePath.split("/").at(-1) || "download";
+}
+function MentionPreviewAsset({ mention, asset, openFile }) {
+	if (mention.kind === "image") {
+		const image = /* @__PURE__ */ jsx("img", {
+			src: asset.url,
+			alt: mention.path,
+			className: "max-h-[360px] max-w-full rounded border border-doom-border"
+		});
+		if (asset.contentType !== "image/svg+xml") return /* @__PURE__ */ jsx("a", {
+			href: asset.url,
+			target: "_blank",
+			rel: "noreferrer",
+			children: image
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-start gap-1",
+			children: [image, /* @__PURE__ */ jsx(Badge, {
+				asChild: true,
+				size: "md",
+				className: "max-w-full whitespace-normal break-all bg-doom-panel text-doom-text hover:border-doom-blue/50",
+				children: /* @__PURE__ */ jsxs("a", {
+					href: asset.url,
+					download: downloadName(mention.path),
+					children: [
+						/* @__PURE__ */ jsx(FileIcon, { className: "h-3 w-3 shrink-0 text-doom-faint" }),
+						"Download ",
+						downloadName(mention.path)
+					]
+				})
+			})]
+		});
+	}
+	if (mention.kind === "video") return /* @__PURE__ */ jsx("video", {
+		src: asset.url,
+		controls: true,
+		preload: "metadata",
+		className: "max-h-[360px] max-w-full rounded border border-doom-border",
+		children: /* @__PURE__ */ jsx("track", { kind: "captions" })
+	});
+	if (mention.kind === "pdf") return /* @__PURE__ */ jsx("iframe", {
+		src: asset.url,
+		title: mention.path,
+		sandbox: "",
+		className: "h-[480px] w-full rounded border border-doom-border bg-doom-deep"
+	});
+	if (openFile) return /* @__PURE__ */ jsx(Badge, {
+		asChild: true,
+		size: "md",
+		className: "max-w-full self-start whitespace-normal break-all bg-doom-panel text-doom-text hover:border-doom-blue/50",
+		children: /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick: openFile,
+			children: [/* @__PURE__ */ jsx(FileIcon, { className: "h-3 w-3 shrink-0 text-doom-faint" }), mention.path]
+		})
+	});
+	return /* @__PURE__ */ jsx(Badge, {
+		asChild: true,
+		size: "md",
+		className: "max-w-full self-start whitespace-normal break-all bg-doom-panel text-doom-text hover:border-doom-blue/50",
+		children: /* @__PURE__ */ jsxs("a", {
+			href: asset.url,
+			download: downloadName(mention.path),
+			children: [/* @__PURE__ */ jsx(FileIcon, { className: "h-3 w-3 shrink-0 text-doom-faint" }), mention.path]
+		})
+	});
+}
+function MentionPreview({ sessionId, mention, onFileLink }) {
+	const [asset, setAsset] = useState();
+	useEffect(() => {
+		let active = true;
+		let held;
+		loadSessionAsset(sessionId, mention.path).then((loaded) => {
+			if (!active) {
+				loaded.dispose();
+				return;
+			}
+			held = loaded;
+			setAsset(loaded);
+		}).catch(() => {
+			if (active) setAsset(null);
+		});
+		return () => {
+			active = false;
+			held?.dispose();
+		};
+	}, [mention.path, sessionId]);
+	if (asset) return /* @__PURE__ */ jsx(MentionPreviewAsset, {
+		mention,
+		asset,
+		openFile: onFileLink?.(mention.path, true)
+	});
+	return /* @__PURE__ */ jsxs(Badge, {
+		size: "md",
+		className: "max-w-full self-start whitespace-normal break-all bg-doom-panel text-doom-dim",
+		children: [/* @__PURE__ */ jsx(FileIcon, { className: "h-3 w-3 shrink-0" }), asset === null ? `Could not load ${mention.path}` : mention.path]
+	});
+}
+/** The cwd-scoped files mentioned by a message, fetched through the sealed HTTP channel. */
+function MentionPreviews({ sessionId, mentions, onFileLink }) {
+	const previewable = mentions.filter((mention) => mention.kind !== "directory");
+	if (previewable.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": "mention-previews",
+		className: "flex flex-col gap-2",
+		children: previewable.map((mention) => /* @__PURE__ */ jsx("div", {
+			"data-testid": "mention-preview",
+			"data-kind": mention.kind,
+			"data-path": mention.path,
+			children: /* @__PURE__ */ jsx(MentionPreview, {
+				sessionId,
+				mention,
+				onFileLink
+			}, `${sessionId}\u0000${mention.path}`)
+		}, mention.path))
+	});
+}
+//#endregion
+export { MentionPreviewAsset, MentionPreviews };
+
+//# sourceMappingURL=MentionPreviews.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionPreviews.mjs","names":[],"sources":["../../../../src/web/features/session/MentionPreviews.tsx"],"sourcesContent":["import { Badge, FileIcon } from '@agimon-ai/po-web-components';\nimport { useEffect, useState } from 'react';\n\nimport type { FileMention } from '../../lib/fileMentions';\nimport { loadSessionAsset, type SessionAsset } from '../../lib/sessionAsset';\nimport type { MessageFileLinkHandler } from './MessageMarkdown';\n\nfunction downloadName(filePath: string): string {\n  return filePath.split('/').at(-1) || 'download';\n}\n\nexport function MentionPreviewAsset({\n  mention,\n  asset,\n  openFile,\n}: {\n  mention: FileMention;\n  asset: SessionAsset;\n  openFile?: () => void;\n}) {\n  if (mention.kind === 'image') {\n    const image = (\n      <img src={asset.url} alt={mention.path} className=\"max-h-[360px] max-w-full rounded border border-doom-border\" />\n    );\n    if (asset.contentType !== 'image/svg+xml') {\n      return (\n        <a href={asset.url} target=\"_blank\" rel=\"noreferrer\">\n          {image}\n        </a>\n      );\n    }\n    return (\n      <div className=\"flex flex-col items-start gap-1\">\n        {image}\n        <Badge\n          asChild\n          size=\"md\"\n          className=\"max-w-full whitespace-normal break-all bg-doom-panel text-doom-text hover:border-doom-blue/50\"\n        >\n          <a href={asset.url} download={downloadName(mention.path)}>\n            <FileIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n            Download {downloadName(mention.path)}\n          </a>\n        </Badge>\n      </div>\n    );\n  }\n  if (mention.kind === 'video') {\n    return (\n      <video\n        src={asset.url}\n        controls\n        preload=\"metadata\"\n        className=\"max-h-[360px] max-w-full rounded border border-doom-border\"\n      >\n        <track kind=\"captions\" />\n      </video>\n    );\n  }\n  if (mention.kind === 'pdf') {\n    return (\n      <iframe\n        src={asset.url}\n        title={mention.path}\n        sandbox=\"\"\n        className=\"h-[480px] w-full rounded border border-doom-border bg-doom-deep\"\n      />\n    );\n  }\n  if (openFile) {\n    return (\n      <Badge\n        asChild\n        size=\"md\"\n        className=\"max-w-full self-start whitespace-normal break-all bg-doom-panel text-doom-text hover:border-doom-blue/50\"\n      >\n        <button type=\"button\" onClick={openFile}>\n          <FileIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n          {mention.path}\n        </button>\n      </Badge>\n    );\n  }\n  return (\n    <Badge\n      asChild\n      size=\"md\"\n      className=\"max-w-full self-start whitespace-normal break-all bg-doom-panel text-doom-text hover:border-doom-blue/50\"\n    >\n      <a href={asset.url} download={downloadName(mention.path)}>\n        <FileIcon className=\"h-3 w-3 shrink-0 text-doom-faint\" />\n        {mention.path}\n      </a>\n    </Badge>\n  );\n}\n\nfunction MentionPreview({\n  sessionId,\n  mention,\n  onFileLink,\n}: {\n  sessionId: string;\n  mention: FileMention;\n  onFileLink?: MessageFileLinkHandler;\n}) {\n  // Mounted under a key that carries the session and the path, so a different\n  // file arrives as a fresh component already in its loading state.\n  const [asset, setAsset] = useState<SessionAsset | null>();\n  useEffect(() => {\n    let active = true;\n    let held: SessionAsset | undefined;\n    void loadSessionAsset(sessionId, mention.path)\n      .then((loaded) => {\n        if (!active) {\n          loaded.dispose();\n          return;\n        }\n        held = loaded;\n        setAsset(loaded);\n      })\n      .catch(() => {\n        if (active) setAsset(null);\n      });\n    return () => {\n      active = false;\n      held?.dispose();\n    };\n  }, [mention.path, sessionId]);\n\n  if (asset) return <MentionPreviewAsset mention={mention} asset={asset} openFile={onFileLink?.(mention.path, true)} />;\n  return (\n    <Badge size=\"md\" className=\"max-w-full self-start whitespace-normal break-all bg-doom-panel text-doom-dim\">\n      <FileIcon className=\"h-3 w-3 shrink-0\" />\n      {asset === null ? `Could not load ${mention.path}` : mention.path}\n    </Badge>\n  );\n}\n\n/** The cwd-scoped files mentioned by a message, fetched through the sealed HTTP channel. */\nexport function MentionPreviews({\n  sessionId,\n  mentions,\n  onFileLink,\n}: {\n  sessionId: string;\n  mentions: FileMention[];\n  onFileLink?: MessageFileLinkHandler;\n}) {\n  // A folder has no asset to fetch, so it is named in the message and left out\n  // of the previews rather than fetched and reported as unloadable.\n  const previewable = mentions.filter((mention) => mention.kind !== 'directory');\n  if (previewable.length === 0) return null;\n  return (\n    <div data-testid=\"mention-previews\" className=\"flex flex-col gap-2\">\n      {previewable.map((mention) => (\n        <div key={mention.path} data-testid=\"mention-preview\" data-kind={mention.kind} data-path={mention.path}>\n          <MentionPreview\n            key={`${sessionId}\\u0000${mention.path}`}\n            sessionId={sessionId}\n            mention={mention}\n            onFileLink={onFileLink}\n          />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+const require_sessionAsset = require("../../lib/sessionAsset.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/MessageMarkdown.tsx
+const MessageMarkdown = (0, react.memo)(function MessageMarkdown({ sessionId, onFileLink, text }) {
+	const loadImage = (0, react.useCallback)((path) => {
+		if (sessionId === null) return Promise.reject(/* @__PURE__ */ new Error("The session is unavailable."));
+		return require_sessionAsset.loadSessionAsset(sessionId, path);
+	}, [sessionId]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Markdown, {
+		text,
+		onFileLink,
+		loadImage
+	});
+});
+//#endregion
+exports.MessageMarkdown = MessageMarkdown;
+
+//# sourceMappingURL=MessageMarkdown.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageMarkdown.cjs","names":["memo","useCallback","loadSessionAsset","Markdown"],"sources":["../../../../src/web/features/session/MessageMarkdown.tsx"],"sourcesContent":["import { Markdown } from '@agimon-ai/po-web-components';\nimport { memo, useCallback, type ComponentProps } from 'react';\n\nimport { loadSessionAsset } from '../../lib/sessionAsset';\n\n/**\n * A message's markdown, with the files this session changed as links.\n *\n * The host renders the conversation but owns no file panel, so a path in a\n * message can only become a link where a plugin claims it. Clicking one lands\n * in the same transient tab the activity dock opens, rather than a second view\n * of the same file.\n */\nexport type MessageFileLinkHandler = NonNullable<ComponentProps<typeof Markdown>['onFileLink']>;\n\nexport const MessageMarkdown = memo(function MessageMarkdown({\n  sessionId,\n  onFileLink,\n  text,\n}: {\n  sessionId: string | null;\n  onFileLink: MessageFileLinkHandler;\n  text: string;\n}) {\n  const loadImage = useCallback(\n    (path: string) => {\n      if (sessionId === null) return Promise.reject(new Error('The session is unavailable.'));\n      return loadSessionAsset(sessionId, path);\n    },\n    [sessionId],\n  );\n  return <Markdown text={text} onFileLink={onFileLink} loadImage={loadImage} />;\n});\n"],"mappings":";;;;;AAeA,MAAa,mBAAA,GAAkBA,MAAAA,KAAAA,CAAK,SAAS,gBAAgB,EAC3D,WACA,YACA,QAKC;CACD,MAAM,aAAA,GAAYC,MAAAA,YAAAA,EACf,SAAiB;EAChB,IAAI,cAAc,MAAM,OAAO,QAAQ,uBAAO,IAAI,MAAM,6BAA6B,CAAC;EACtF,OAAOC,qBAAAA,iBAAiB,WAAW,IAAI;CACzC,GACA,CAAC,SAAS,CACZ;CACA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,UAAD;EAAgB;EAAkB;EAAuB;CAAY,CAAA;AAC9E,CAAC"}

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

@@ -0,0 +1,19 @@
+import { ComponentProps } from "react";
+import { Markdown } from "@agimon-ai/po-web-components";
+//#region src/web/features/session/MessageMarkdown.d.ts
+/**
+ * A message's markdown, with the files this session changed as links.
+ *
+ * The host renders the conversation but owns no file panel, so a path in a
+ * message can only become a link where a plugin claims it. Clicking one lands
+ * in the same transient tab the activity dock opens, rather than a second view
+ * of the same file.
+ */
+export type MessageFileLinkHandler = NonNullable<ComponentProps<typeof Markdown>['onFileLink']>;
+export declare const MessageMarkdown: import("react").MemoExoticComponent<({ sessionId, onFileLink, text }: {
+  sessionId: string | null;
+  onFileLink: MessageFileLinkHandler;
+  text: string;
+}) => import("react").JSX.Element>;
+//#endregion
+//# sourceMappingURL=MessageMarkdown.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageMarkdown.d.mts","names":[],"sources":["../../../../src/web/features/session/MessageMarkdown.tsx"],"mappings":";;;;;;;;;;;YAaY,yBAAyB,YAAY,sBAAsB;qBAE1D,iCAAe,uBAAA,WAAA,YAAA;EAK1B;EACA,YAAY;EACZ;sBACD,IAAA"}

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

@@ -0,0 +1,20 @@
+import { loadSessionAsset } from "../../lib/sessionAsset.mjs";
+import { memo, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Markdown } from "@agimon-ai/po-web-components";
+//#region src/web/features/session/MessageMarkdown.tsx
+const MessageMarkdown = memo(function MessageMarkdown({ sessionId, onFileLink, text }) {
+	const loadImage = useCallback((path) => {
+		if (sessionId === null) return Promise.reject(/* @__PURE__ */ new Error("The session is unavailable."));
+		return loadSessionAsset(sessionId, path);
+	}, [sessionId]);
+	return /* @__PURE__ */ jsx(Markdown, {
+		text,
+		onFileLink,
+		loadImage
+	});
+});
+//#endregion
+export { MessageMarkdown };
+
+//# sourceMappingURL=MessageMarkdown.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageMarkdown.mjs","names":[],"sources":["../../../../src/web/features/session/MessageMarkdown.tsx"],"sourcesContent":["import { Markdown } from '@agimon-ai/po-web-components';\nimport { memo, useCallback, type ComponentProps } from 'react';\n\nimport { loadSessionAsset } from '../../lib/sessionAsset';\n\n/**\n * A message's markdown, with the files this session changed as links.\n *\n * The host renders the conversation but owns no file panel, so a path in a\n * message can only become a link where a plugin claims it. Clicking one lands\n * in the same transient tab the activity dock opens, rather than a second view\n * of the same file.\n */\nexport type MessageFileLinkHandler = NonNullable<ComponentProps<typeof Markdown>['onFileLink']>;\n\nexport const MessageMarkdown = memo(function MessageMarkdown({\n  sessionId,\n  onFileLink,\n  text,\n}: {\n  sessionId: string | null;\n  onFileLink: MessageFileLinkHandler;\n  text: string;\n}) {\n  const loadImage = useCallback(\n    (path: string) => {\n      if (sessionId === null) return Promise.reject(new Error('The session is unavailable.'));\n      return loadSessionAsset(sessionId, path);\n    },\n    [sessionId],\n  );\n  return <Markdown text={text} onFileLink={onFileLink} loadImage={loadImage} />;\n});\n"],"mappings":";;;;;AAeA,MAAa,kBAAkB,KAAK,SAAS,gBAAgB,EAC3D,WACA,YACA,QAKC;CACD,MAAM,YAAY,aACf,SAAiB;EAChB,IAAI,cAAc,MAAM,OAAO,QAAQ,uBAAO,IAAI,MAAM,6BAA6B,CAAC;EACtF,OAAO,iBAAiB,WAAW,IAAI;CACzC,GACA,CAAC,SAAS,CACZ;CACA,OAAO,oBAAC,UAAD;EAAgB;EAAkB;EAAuB;CAAY,CAAA;AAC9E,CAAC"}

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

@@ -0,0 +1,189 @@
+const require_dashboardStateStore = require("../../stores/dashboardStateStore.cjs");
+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/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] = require_dashboardStateStore.useDashboardState(`${key}/open`, false);
+	const [pending, setPending, pendingState] = require_dashboardStateStore.useDashboardState(`${key}/pending`, null);
+	const [error, setError] = require_dashboardStateStore.useDashboardState(`${key}/error`, null);
+	const [clearAcknowledged, setClearAcknowledged] = require_dashboardStateStore.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [count > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.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__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.RefreshIcon, { className: "h-3 w-3 shrink-0 text-doom-cyan" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "shrink-0 font-semibold text-doom-hi",
+					children: label
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "flex shrink-0 items-center gap-1 text-sm text-doom-dim",
+			children: ["view queue", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.ChevronUpIcon, { className: "h-3 w-3" })]
+		})]
+	}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.Dialog, {
+		open,
+		onOpenChange: setOpen,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.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__ */ (0, react_jsx_runtime.jsx)("span", {
+					"aria-hidden": true,
+					className: "mx-auto mt-2 h-1 w-10 shrink-0 rounded-full bg-doom-border"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogHeader, {
+					dismissible: true,
+					closeLabel: "close queued messages",
+					className: "py-2.5",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.DialogTitle, { children: "queued messages" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-sm text-doom-dim",
+						children: paused ? "paused" : `${label} waiting`
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_agimon_ai_po_web_components.DialogBody, {
+					className: "overflow-y-auto p-2 pb-[max(0.75rem,env(safe-area-inset-bottom))]",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ol", {
+							className: "flex flex-col gap-1.5",
+							children: [entries.map((entry, index) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "pt-0.5 text-xs font-semibold text-doom-cyan",
+										children: String(index + 1).padStart(2, "0")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "min-w-0 flex-1",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("p", {
+												className: "mt-1 text-sm text-doom-red",
+												children: "delivery uncertain; not resending automatically"
+											}) : null
+										]
+									}),
+									entry.disposition === "pending" && onPromote ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.TrashIcon, { className: "h-3.5 w-3.5" })
+									})
+								]
+							}, entry.id)), unlisted > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.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__ */ (0, react_jsx_runtime.jsx)(_agimon_ai_po_web_components.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__ */ (0, react_jsx_runtime.jsx)("output", {
+							className: "mt-2 block text-sm text-doom-dim",
+							children: "waiting for the session to acknowledge this action…"
+						}) : null,
+						error !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							role: "alert",
+							"data-testid": "queue-error",
+							className: "mt-2 text-sm text-doom-red",
+							children: error
+						}) : clearAcknowledged && count > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.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
+exports.QueueSheet = QueueSheet;
+
+//# sourceMappingURL=QueueSheet.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueueSheet.cjs","names":["useDashboardState","Button","RefreshIcon","ChevronUpIcon","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody","TrashIcon"],"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/QueueSheet.d.mts

@@ -0,0 +1,16 @@
+import { QueuedEntry } from "../../lib/sessionModel.mjs";
+//#region src/web/features/session/QueueSheet.d.ts
+export declare function QueueSheet({ sessionId, count, disabled, entries, onClear, onDelete, onPromote, onResume, operationId, paused }: {
+  sessionId: string | null;
+  count: number;
+  disabled?: boolean;
+  entries: readonly QueuedEntry[];
+  onClear: () => Promise<void>;
+  onDelete: (id: string) => Promise<void>;
+  onPromote?: (id: string, operationId?: string) => Promise<void>;
+  onResume?: () => Promise<void>;
+  operationId?: string;
+  paused?: boolean;
+}): import("react").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=QueueSheet.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueueSheet.d.mts","names":[],"sources":["../../../../src/web/features/session/QueueSheet.tsx"],"mappings":";;wBAegB,aACd,WACA,OACA,UACA,SACA,SACA,UACA,WACA,UACA,aACA;EAEA;EACA;EACA;EACA,kBAAkB;EAClB,eAAe;EACf,WAAW,eAAe;EAC1B,aAAa,YAAY,yBAAyB;EAClD,iBAAiB;EACjB;EACA;oBACD,IAAA"}