@agimon-ai/doompi-workflow 0.0.1-alpha.113 → 0.0.1-alpha.115

package/dist/extensions/web.mjs

@@ -1136,9 +1136,15 @@ var apiRoutes_default = defineApiRoutes({
 		path: "/launch",
 		response: apiResponse()
 	},
+	openRunDirectory: {
+		method: "POST",
+		path: `${RUN}/open-directory`,
+		response: apiResponse()
+	},
 	artifacts: {
 		method: "GET",
 		path: `${RUN}/artifacts`,
+		query: ["directory"],
 		response: apiResponse()
 	},
 	/** One artifact: its metadata and text, or its raw bytes under `raw=1`. */
@@ -1331,8 +1337,17 @@ async function steerStep(workspace, runKey, message, sessionId, step) {
 	if (result.data.delivered === true) return { result: { delivered: true } };
 	return { error: "The workflow hub returned an invalid steer response." };
 }
-async function fetchArtifacts(workspace, runKey, sessionId) {
-	const result = await scoped(sessionId).artifacts({ params: runParams(workspace, runKey) });
+/** Opens the current registry folder, never a browser-supplied path. */
+async function openRunDirectory(workspace, runKey, sessionId) {
+	const result = await scoped(sessionId).openRunDirectory({ params: runParams(workspace, runKey) });
+	if (!result.ok) return { error: messageOf(result, "The run folder could not be opened in Finder.") };
+	return result.data.opened === true ? {} : { error: "The workflow hub returned an invalid folder response." };
+}
+async function fetchArtifacts(workspace, runKey, sessionId, directory) {
+	const result = await scoped(sessionId).artifacts({
+		params: runParams(workspace, runKey),
+		query: { directory }
+	});
 	if (!result.ok) return { error: messageOf(result, "This run has no directory to read.") };
 	return { artifacts: result.data };
 }
@@ -1700,13 +1715,7 @@ function ArtifactViewerPanel({ workspace, runKey, path, sessionId }) {
 		]
 	});
 }
-/**
-* The run directory, as the run pane's second tab.
-*
-* The workflow's own declaration leads, in the order it was written and
-* including entries no job has produced yet, because the declaration is what
-* the run is for. What the folder holds besides that follows.
-*/
+/** The run's file tree, including declared outputs that have not been written yet. */
 function ArtifactsPane({ run, sessionId, onOpen }) {
 	const [listing, setListing] = useState();
 	const [error, setError] = useState();
@@ -1743,56 +1752,163 @@ function ArtifactsPane({ run, sessionId, onOpen }) {
 	return /* @__PURE__ */ jsx(ArtifactList, {
 		listing,
 		error,
-		onOpen
+		onLoadDirectory: (directory) => fetchArtifacts(run.workspace, run.runKey, sessionId, directory),
+		onOpen,
+		onOpenDirectory: () => openRunDirectory(run.workspace, run.runKey, sessionId)
 	});
 }
-/**
-* The run directory's listing, as read: declared entries first, in the order the
-* workflow wrote them, then whatever else the folder holds.
-*/
-function ArtifactList({ listing, error, onOpen }) {
-	const declared = listing?.artifacts.filter((entry) => entry.declared) ?? [];
-	const found = listing?.artifacts.filter((entry) => !entry.declared) ?? [];
-	const Row = ({ entry }) => {
+/** Directory-first file tree with declared output metadata and lazy folder reads. */
+function ArtifactList({ listing, error, onOpen, onOpenDirectory, onLoadDirectory }) {
+	const [opening, setOpening] = useState(false);
+	const [openError, setOpenError] = useState();
+	const openDirectory = async () => {
+		if (onOpenDirectory === void 0 || opening) return;
+		setOpening(true);
+		setOpenError(void 0);
+		try {
+			const result = await onOpenDirectory();
+			setOpenError(result.error);
+		} catch {
+			setOpenError("The run folder could not be opened in Finder.");
+		} finally {
+			setOpening(false);
+		}
+	};
+	const [expanded, setExpanded] = useState(/* @__PURE__ */ new Set());
+	const [loaded, setLoaded] = useState({});
+	const [folderErrors, setFolderErrors] = useState({});
+	const [loading, setLoading] = useState(/* @__PURE__ */ new Set());
+	const entries = /* @__PURE__ */ new Map();
+	for (const entry of [...Object.values(loaded).flat(), ...listing?.artifacts ?? []]) entries.set(entry.path, entry);
+	for (const entry of entries.values()) {
+		const parts = entry.path.split("/");
+		parts.pop();
+		while (parts.length > 0) {
+			const parent = parts.join("/");
+			if (!entries.has(parent)) entries.set(parent, {
+				path: parent,
+				kind: "directory",
+				description: "",
+				producedBy: [],
+				declared: false,
+				state: entry.state === "pending" ? "pending" : "written"
+			});
+			parts.pop();
+		}
+	}
+	const toggle = async (entry) => {
+		const closing = expanded.has(entry.path);
+		setExpanded((current) => {
+			const next = new Set(current);
+			if (closing) next.delete(entry.path);
+			else next.add(entry.path);
+			return next;
+		});
+		if (closing || loading.has(entry.path) || onLoadDirectory === void 0 || entry.state === "pending") return;
+		setLoading((current) => new Set(current).add(entry.path));
+		try {
+			const result = await onLoadDirectory(entry.path);
+			if ("error" in result) setFolderErrors((current) => ({
+				...current,
+				[entry.path]: result.error
+			}));
+			else {
+				setLoaded((current) => ({
+					...current,
+					[entry.path]: result.artifacts.artifacts
+				}));
+				setFolderErrors((current) => ({
+					...current,
+					[entry.path]: ""
+				}));
+			}
+		} catch {
+			setFolderErrors((current) => ({
+				...current,
+				[entry.path]: "The folder cannot be read."
+			}));
+		} finally {
+			setLoading((current) => {
+				const next = new Set(current);
+				next.delete(entry.path);
+				return next;
+			});
+		}
+	};
+	const renderRow = (entry) => {
 		const glyph = STATE_GLYPH[entry.state];
-		const openable = entry.kind === "file" && entry.state !== "pending";
+		const openable = entry.kind === "directory" || entry.state !== "pending";
 		return /* @__PURE__ */ jsxs("button", {
 			type: "button",
 			"data-testid": `artifact-row-${entry.path}`,
 			"data-artifact-state": entry.state,
 			disabled: !openable,
-			onClick: () => onOpen(entry.path),
+			"aria-expanded": entry.kind === "directory" ? expanded.has(entry.path) : void 0,
+			onClick: () => entry.kind === "directory" ? void toggle(entry) : onOpen(entry.path),
 			className: `flex flex-col gap-0.5 px-3 py-1.5 text-left ${openable ? "cursor-pointer hover:bg-doom-panel" : "cursor-default"}`,
 			children: [/* @__PURE__ */ jsxs("span", {
 				className: "flex min-w-0 items-center gap-2",
 				children: [
 					/* @__PURE__ */ jsx("span", {
 						className: `w-3 shrink-0 text-xs ${glyph.className}`,
-						children: glyph.glyph
+						children: entry.kind === "directory" ? expanded.has(entry.path) ? "▾" : "▸" : glyph.glyph
 					}),
-					/* @__PURE__ */ jsx("span", {
+					/* @__PURE__ */ jsxs("span", {
 						title: entry.path,
-						className: `min-w-0 truncate text-xs ${entry.state === "pending" ? "text-doom-dim" : "text-doom-hi"}`,
-						children: entry.path
+						className: `min-w-0 flex-1 truncate text-xs ${entry.state === "pending" ? "text-doom-dim" : "text-doom-hi"}`,
+						children: [entry.path.split("/").pop(), entry.kind === "directory" ? "/" : ""]
 					}),
-					entry.producedBy.length === 0 ? null : /* @__PURE__ */ jsx(Badge, {
+					/* @__PURE__ */ jsx("span", {
+						className: "shrink-0 text-2xs text-doom-faint",
+						children: entry.state === "pending" ? "pending" : entry.kind === "directory" ? "" : [formatSize(entry.size), formatWhen(entry.modifiedAt)].filter(Boolean).join(" · ")
+					})
+				]
+			}), entry.declared || entry.producedBy.length > 0 || entry.description !== "" ? /* @__PURE__ */ jsxs("span", {
+				className: "flex min-w-0 items-center gap-1 pl-5 text-2xs text-doom-faint",
+				children: [
+					entry.declared ? /* @__PURE__ */ jsx(Badge, {
 						size: "xs",
 						tone: "violet",
 						className: "shrink-0",
+						children: "declared"
+					}) : null,
+					entry.producedBy.length === 0 ? null : /* @__PURE__ */ jsx("span", {
+						title: entry.producedBy.join(", "),
+						className: "truncate",
 						children: entry.producedBy.join(", ")
 					}),
-					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
-					/* @__PURE__ */ jsx("span", {
-						className: "shrink-0 text-2xs text-doom-faint",
-						children: entry.state === "pending" ? "not written yet" : [formatSize(entry.size), formatWhen(entry.modifiedAt)].filter(Boolean).join(" · ")
+					entry.description === "" ? null : /* @__PURE__ */ jsx("span", {
+						title: entry.description,
+						className: "truncate",
+						children: entry.description
 					})
 				]
-			}), entry.description === "" ? null : /* @__PURE__ */ jsx("span", {
-				className: "truncate pl-5 text-2xs text-doom-faint",
-				children: entry.description
-			})]
+			}) : null]
 		});
 	};
+	const renderChildren = (parent) => {
+		return [...entries.values()].filter((entry) => {
+			const cut = entry.path.lastIndexOf("/");
+			return (cut === -1 ? "" : entry.path.slice(0, cut)) === parent;
+		}).sort((left, right) => Number(right.kind === "directory") - Number(left.kind === "directory") || left.path.localeCompare(right.path)).map((entry) => /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col",
+			children: [renderRow(entry), entry.kind === "directory" && expanded.has(entry.path) ? /* @__PURE__ */ jsxs("div", {
+				className: "ml-3 border-l border-doom-border pl-1",
+				children: [
+					loading.has(entry.path) ? /* @__PURE__ */ jsx("span", {
+						className: "px-3 text-xs text-doom-faint",
+						children: "loading…"
+					}) : null,
+					folderErrors[entry.path] ? /* @__PURE__ */ jsx("span", {
+						role: "alert",
+						className: "px-3 text-xs text-doom-yellow",
+						children: folderErrors[entry.path]
+					}) : null,
+					renderChildren(entry.path)
+				]
+			}) : null]
+		}, entry.path));
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "artifacts-pane",
 		className: "flex min-h-0 flex-1 flex-col",
@@ -1802,20 +1918,28 @@ function ArtifactList({ listing, error, onOpen }) {
 				title: "the run directory cannot be read",
 				description: error
 			}) : null,
-			declared.length === 0 && found.length === 0 && error === void 0 ? /* @__PURE__ */ jsx(EmptyState, {
+			entries.size === 0 && error === void 0 ? /* @__PURE__ */ jsx(EmptyState, {
 				className: "py-4",
 				title: "nothing in the run directory yet"
 			}) : null,
-			declared.length === 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
-				className: "px-3 pb-1 pt-2 text-2xs font-bold tracking-wider text-doom-faint",
-				children: ["DECLARED · ", listing?.description || "run-directory"]
-			}), declared.map((entry) => /* @__PURE__ */ jsx(Row, { entry }, entry.path))] }),
-			found.length === 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-				className: "px-3 pb-1 pt-3 text-2xs font-bold tracking-wider text-doom-faint",
-				children: "ALSO IN THE FOLDER"
-			}), found.map((entry) => /* @__PURE__ */ jsx(Row, { entry }, entry.path))] }),
-			listing === void 0 ? null : /* @__PURE__ */ jsx("span", {
-				className: "truncate px-3 py-2 text-2xs text-doom-faint",
+			listing?.description ? /* @__PURE__ */ jsx("span", {
+				className: "px-3 py-2 text-2xs text-doom-faint",
+				children: listing.description
+			}) : null,
+			renderChildren(""),
+			openError === void 0 ? null : /* @__PURE__ */ jsx("span", {
+				role: "alert",
+				className: "px-3 text-xs text-doom-yellow",
+				children: openError
+			}),
+			listing === void 0 ? null : /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"data-testid": "workflow-open-directory",
+				"aria-label": "Open workflow folder in Finder",
+				title: `${listing.runDir} (open in Finder)`,
+				disabled: opening || onOpenDirectory === void 0,
+				onClick: () => void openDirectory(),
+				className: "truncate px-3 py-2 text-left text-2xs text-doom-faint hover:text-doom-hi disabled:cursor-default",
 				children: listing.runDir
 			})
 		]
@@ -2250,6 +2374,10 @@ function StepTerminal({ sessionId, target, run }) {
 //#endregion
 //#region src/extensions/workspaces/sessions/(frontend)/_components/WorkflowRunParts.tsx
 const STATE_ICON = {
+	pending: {
+		glyph: "○",
+		className: "text-doom-faint"
+	},
 	running: {
 		glyph: "●",
 		className: "text-doom-blue"
@@ -2478,11 +2606,13 @@ function StepRow({ step, now, selected, onSelect }) {
 	const icon = STATE_ICON[step.status];
 	return /* @__PURE__ */ jsxs("button", {
 		type: "button",
+		disabled: step.status === "pending",
+		title: `${step.name}: ${step.status}`,
 		"data-testid": `step-row-${step.name}`,
 		"data-step-status": step.status,
 		"data-active": selected,
 		onClick: onSelect,
-		className: cn("flex w-full cursor-pointer flex-col gap-0.5 rounded px-2 py-1.5 text-left hover:bg-doom-deep", selected && "bg-doom-tint-blue ring-1 ring-inset ring-doom-blue/40"),
+		className: cn("flex w-full cursor-pointer flex-col gap-0.5 rounded px-2 py-1.5 text-left enabled:hover:bg-doom-deep disabled:cursor-default", selected && "bg-doom-tint-blue ring-1 ring-inset ring-doom-blue/40"),
 		children: [/* @__PURE__ */ jsxs("span", {
 			className: "flex items-center gap-2",
 			children: [
@@ -2501,7 +2631,7 @@ function StepRow({ step, now, selected, onSelect }) {
 				}),
 				/* @__PURE__ */ jsx("span", {
 					className: "shrink-0 text-2xs text-doom-faint",
-					children: spanDuration(step.startedAt, step.endedAt, now) ?? ""
+					children: step.status === "pending" ? "pending" : spanDuration(step.startedAt, step.endedAt, now) ?? ""
 				})
 			]
 		}), step.reason === void 0 ? null : /* @__PURE__ */ jsx("span", {
@@ -2624,12 +2754,6 @@ function activeSteps(run) {
 		step
 	})));
 }
-/** A job opens by default while it is moving or failed, so the step that needs a look is already showing. */
-function openByDefault(run, job) {
-	if (run.position?.job === job.name) return true;
-	if (ACTIVE_STATES.has(job.status) || job.status === "failed") return true;
-	return job.steps.some((step) => ACTIVE_STATES.has(step.status) || step.status === "failed");
-}
 function SectionHeading({ label, meta }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center px-4 pb-1 pt-3",
@@ -2785,7 +2909,7 @@ function JobTree({ run, now, onOpenStep }) {
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col gap-0.5 px-2",
 			children: run.jobs.map((job) => {
-				const open = toggled[job.name] ?? openByDefault(run, job);
+				const open = toggled[job.name] ?? true;
 				const icon = STATE_ICON[job.status];
 				const finished = job.steps.filter((step) => step.status === "completed" || step.status === "skipped").length;
 				return /* @__PURE__ */ jsxs("div", {
@@ -2795,6 +2919,7 @@ function JobTree({ run, now, onOpenStep }) {
 						"data-testid": `job-row-${job.name}`,
 						"data-job-status": job.status,
 						"aria-expanded": open,
+						title: `${job.name}: ${job.status}`,
 						onClick: () => setToggled((current) => ({
 							...current,
 							[job.name]: !open
@@ -2812,7 +2937,7 @@ function JobTree({ run, now, onOpenStep }) {
 							}),
 							/* @__PURE__ */ jsx("span", {
 								className: "shrink-0 text-2xs text-doom-faint",
-								children: open || job.steps.length === 0 ? spanDuration(job.startedAt, job.endedAt, now) ?? "" : `${finished}/${job.steps.length} steps`
+								children: job.status === "pending" ? "pending" : open || job.steps.length === 0 ? spanDuration(job.startedAt, job.endedAt, now) ?? "" : `${finished}/${job.steps.length} steps`
 							})
 						]
 					}), open && job.steps.length > 0 ? /* @__PURE__ */ jsx("div", {
@@ -2942,7 +3067,7 @@ function WorkflowDockPanel({ sessionId, openTransientTab }) {
 			run,
 			sessionId,
 			onOpen: (path) => openTransientTab(artifactTab(run, path))
-		})
+		}, `${workflowRunIdentity(run)}/${sessionId}`)
 	});
 }
 //#endregion