pi2dsh 0.12.4 → 0.13.1

package/dist/cli.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 import { t as resolvePiPackage } from "./source-0sA5z08z.mjs";
-import { a as CONTEXT_RULES, d as UI_CONTEXT_RULES, i as API_RULES, n as convertPiMcpConfig, o as EVENT_RULES, r as renderMcpPatch, s as HOST_IMPORT_RULES } from "./mcp-config-CZepacin.mjs";
+import { a as CONTEXT_RULES, d as UI_CONTEXT_RULES, i as API_RULES, n as convertPiMcpConfig, o as EVENT_RULES, r as renderMcpPatch, s as HOST_IMPORT_RULES } from "./mcp-config-_idn-pzI.mjs";
 import { writeFileSync } from "node:fs";
 import { parseArgs } from "node:util";
 //#region src/cli.ts
@@ -75,7 +75,7 @@ async function main() {
 	if (command !== "inspect" || source === void 0) throw new Error(`invalid command\n\n${usage()}`);
 	const pkg = await resolvePiPackage(source);
 	try {
-		const { analyzePackage } = await import("./analyzer-CXNbeBAe.mjs");
+		const { analyzePackage } = await import("./analyzer-CJFwQlSG.mjs");
 		const report = await analyzePackage(pkg);
 		console.log(parsed.values.json ? JSON.stringify(report, null, 2) : reportText(report));
 		if (report.verdict === "blocked") process.exitCode = 2;

package/dist/client.js

@@ -316,8 +316,194 @@ window.__ModuleLoader__.load({
 				flexDirection: "column",
 				gap: "4px",
 				padding: "4px 2px"
+			},
+			imageTool: {
+				margin: "4px 0",
+				overflow: "hidden",
+				borderRadius: "8px",
+				border: "1px solid rgba(120,120,130,0.22)",
+				background: "var(--dsh-color-bg-subtle, rgba(120,120,130,0.06))",
+				color: "var(--dsh-color-text, inherit)",
+				font: "400 12px/1.5 system-ui, sans-serif"
+			},
+			imageToolToggle: {
+				width: "100%",
+				display: "flex",
+				alignItems: "center",
+				gap: "8px",
+				padding: "8px 10px",
+				cursor: "pointer",
+				border: "none",
+				background: "transparent",
+				color: "inherit",
+				textAlign: "left",
+				font: "500 12px/1.5 system-ui, sans-serif"
+			},
+			imageToolStatus: {
+				color: "#2FBC44",
+				fontSize: "10px"
+			},
+			imageToolSummary: {
+				opacity: .62,
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			imageToolBody: {
+				display: "flex",
+				flexDirection: "column",
+				gap: "8px",
+				padding: "0 10px 10px",
+				borderTop: "1px solid rgba(120,120,130,0.14)"
+			},
+			imageToolText: {
+				margin: "8px 0 0",
+				whiteSpace: "pre-wrap",
+				wordBreak: "break-word",
+				opacity: .82
+			},
+			imageGrid: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: "8px"
+			},
+			imageFrame: {
+				display: "block",
+				maxWidth: "min(320px, 100%)",
+				maxHeight: "320px",
+				borderRadius: "8px",
+				objectFit: "contain",
+				background: "rgba(0,0,0,0.08)"
+			},
+			imageError: {
+				padding: "12px",
+				color: "#F63218"
 			}
 		};
+		/** Pull one image through DSH's own session-authorized attachment RPC. */
+		function AuthorizedToolImage({ sessionId, attachment }) {
+			const [url, setUrl] = (0, react.useState)(void 0);
+			const [failed, setFailed] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				const controller = new AbortController();
+				let objectUrl;
+				(async () => {
+					try {
+						const response = await fetch("/api/session.attachment", {
+							method: "POST",
+							headers: { "content-type": "application/json" },
+							signal: controller.signal,
+							body: JSON.stringify({
+								type: "client-request",
+								rpcId: `pi2dsh-image-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+								method: "session.attachment",
+								payload: {
+									sessionId,
+									attachmentId: attachment.attachmentId
+								}
+							})
+						});
+						const envelope = await response.json();
+						const data = envelope.result?.ok === true ? envelope.result.value?.data : void 0;
+						if (!response.ok || typeof data !== "string") throw new Error("attachment unavailable");
+						const binary = atob(data);
+						const bytes = Uint8Array.from(binary, (char) => char.charCodeAt(0));
+						objectUrl = URL.createObjectURL(new Blob([bytes], { type: attachment.mediaType }));
+						if (!controller.signal.aborted) setUrl(objectUrl);
+					} catch {
+						if (!controller.signal.aborted) setFailed(true);
+					}
+				})();
+				return () => {
+					controller.abort();
+					if (objectUrl !== void 0) URL.revokeObjectURL(objectUrl);
+				};
+			}, [
+				sessionId,
+				attachment.attachmentId,
+				attachment.mediaType
+			]);
+			if (failed) return (0, react.createElement)("div", { style: styles.imageError }, "Image attachment could not be loaded.");
+			if (url === void 0) return (0, react.createElement)("div", { style: styles.imageToolText }, "Loading image…");
+			return (0, react.createElement)("img", {
+				src: url,
+				alt: attachment.name ?? "Image returned by Pi tool",
+				style: styles.imageFrame,
+				"data-pi2dsh": "tool-image"
+			});
+		}
+		function firstArgumentSummary(raw) {
+			try {
+				const parsed = JSON.parse(raw);
+				const preferred = parsed.prompt ?? parsed.description;
+				if (typeof preferred === "string") return preferred;
+				const first = Object.values(parsed).find((value) => typeof value === "string");
+				return typeof first === "string" ? first : "";
+			} catch {
+				return raw;
+			}
+		}
+		/** Browser row shared by the explicitly supported Pi image tools. */
+		function PiImageToolView({ toolName, block, sessionId }) {
+			const [expanded, setExpanded] = (0, react.useState)(true);
+			const settled = block.kind === "tool-result";
+			const argsRaw = settled ? block.call?.argsRaw ?? "" : block.argsRaw ?? "";
+			const content = settled && Array.isArray(block.content) ? block.content : [];
+			const images = content.flatMap((item) => item.type === "image" && item.attachment !== void 0 ? [item.attachment] : []);
+			const text = content.filter((item) => item.type === "text" && typeof item.text === "string").map((item) => item.text).join("\n");
+			const summary = firstArgumentSummary(argsRaw);
+			return (0, react.createElement)("div", {
+				style: styles.imageTool,
+				"data-pi2dsh": "image-tool-result",
+				"data-tool": toolName
+			}, (0, react.createElement)("button", {
+				type: "button",
+				style: styles.imageToolToggle,
+				"aria-expanded": expanded,
+				onClick: () => setExpanded((value) => !value)
+			}, (0, react.createElement)("span", { style: styles.imageToolStatus }, block.isError === true ? "●" : settled ? "●" : "◌"), (0, react.createElement)("span", null, toolName), summary === "" ? null : (0, react.createElement)("span", { style: styles.imageToolSummary }, `· ${summary}`)), !expanded ? null : (0, react.createElement)("div", { style: styles.imageToolBody }, text === "" ? null : (0, react.createElement)("div", { style: styles.imageToolText }, text), sessionId === void 0 || images.length === 0 ? null : (0, react.createElement)("div", { style: styles.imageGrid }, ...images.map((attachment) => (0, react.createElement)(AuthorizedToolImage, {
+				key: attachment.attachmentId,
+				sessionId,
+				attachment
+			})))));
+		}
+		/**
+		* Register the image row under exact tool names published at package mount.
+		* Only known image tools appear in that list, so text-only and native tools
+		* retain DSH's existing cards.
+		*/
+		function installImageToolViews(scope) {
+			const installed = /* @__PURE__ */ new Set();
+			const start = () => {
+				let live = true;
+				const sync = async () => {
+					try {
+						const response = await fetch("/pi2dsh/image-tool-names");
+						if (!response.ok || !live) return;
+						const payload = await response.json();
+						if (!Array.isArray(payload.names)) return;
+						for (const value of payload.names) {
+							if (typeof value !== "string" || value === "" || installed.has(value)) continue;
+							installed.add(value);
+							scope.slots.inject("tool.call.toolview", () => scope.slots.register({
+								name: "tool.call.toolview",
+								key: value
+							}, PiImageToolView));
+						}
+					} catch {}
+				};
+				sync();
+				const timer = window.setInterval(() => {
+					sync();
+				}, POLL_MS);
+				return () => {
+					live = false;
+					window.clearInterval(timer);
+				};
+			};
+			if (scope.effect !== void 0) scope.effect(start, "pi2dsh: image tool views");
+			else start();
+		}
 		/**
 		* The frame-wide seat: the side-conversation panel, plus whatever packages
 		* pinned frame-wide — transient title and Pi's status entries, as pills.
@@ -479,6 +665,7 @@ window.__ModuleLoader__.load({
 				});
 			});
 			ctx.inject(["slots"], (scope) => {
+				installImageToolViews(scope);
 				scope.slots.inject("shell.overlay", () => scope.slots.register({
 					name: "shell.overlay",
 					id: "pi2dsh-overlay",