@morscherlab/mint-sdk 1.4.0-beta.9 → 1.4.0

package/dist/{runtime-7vfl_bI3.js → runtime-q-R0CNLh.js}

@@ -1,13 +1,13 @@
-import { i as useEventListener, o as __exportAll, t as useDropdownState } from "./useDropdownState-8yWMu-7_.js";
-import { i as AuthenticationRequiredError, o as useApi } from "./experiment-43OJtH7R.js";
-import { L as EmptyState_default, c as isTerminalJobStatus, d as normalizeJobState, f as resolveJobCapabilities, l as jobStatusLabel, o as resolveCurrentPluginId, s as isActiveJobStatus, t as isRecord, u as normalizeJobPercent, v as useAppExperiment } from "./records-B6gpM_3e.js";
-import { A as createGeneratedAnalysisTransport, D as GeneratedPathInput_default, O as _plugin_vue_export_helper_default, R as definePluginWorkspaceView, _ as getFieldRegistryEntry, g as replaceRecord, j as useJobsEndpoint, k as GENERATED_JOBS_API_KEY, v as getTypeDefault } from "./useListReorder-BitdUhxn.js";
-import { r as LoadingSpinner_default, t as AlertBox_default } from "./AlertBox-B2Bgr3ei.js";
-import { D as DataFrame_default, T as WellPlate_default, a as GeneratedPlotlyResult_default, b as PlateEditor_default, c as downloadEndpoint, d as useEventStream, f as useSettingsEndpoint, i as GeneratedResultRenderer_default, l as pluginFormDataFromPayload, m as resolvePluginBaseUrl, n as ScheduleCalendar_default, o as createClient, p as buildEndpointUrl, t as useRackEditor, u as uploadEndpoint, v as DoseCalculator_default } from "./useRackEditor-DiwCt77M.js";
-import { A as getDefaultControlView, C as controlBindings, D as controlsTo, E as controlValuesToComponentProps, S as useControlSchema, T as controlValuesToComponentBindingsById, _ as AppLayout_default, b as defineControls, d as useForm, f as AppTopBar_default, l as useFormBuilder, p as providePluginIdentity, t as AppSidebar_default, u as evaluateCondition, v as usePluginWorkspace, w as controlValuesToComponentBindings, x as getControlDefaults, y as defineControlComponentBindings } from "./AppSidebar-Dq9W1jE2.js";
-import { n as isControlModelBinding } from "./controlSchemaModel-B8CTXagP.js";
-import { a as combinePluginJobSources, i as JobsStatusTray_default, n as subscribeRealtime, o as useJobCenter, r as useRealtime, t as currentPresence } from "./useRealtime-C3iy9QkU.js";
-import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentScope, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onMounted, onScopeDispose, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toHandlers, toValue, unref, useId, useSlots, useTemplateRef, watch, withCtx, withModifiers } from "vue";
+import { i as useEventListener, o as __exportAll, t as useDropdownState } from "./useDropdownState-uFIz6Yv8.js";
+import { i as AuthenticationRequiredError, o as useApi } from "./experiment-DyO54FQB.js";
+import { L as EmptyState_default, d as isActiveJobStatus, f as isTerminalJobStatus, g as resolveJobCapabilities, h as normalizeJobState, m as normalizeJobPercent, o as resolveCurrentPluginId, p as jobStatusLabel, t as isRecord, v as useAppExperiment } from "./records-D4aQXyZu.js";
+import { A as useJobsEndpoint, D as _plugin_vue_export_helper_default, E as GeneratedPathInput_default, M as usePlatform, O as GENERATED_JOBS_API_KEY, R as definePluginWorkspaceView, _ as getTypeDefault, g as getFieldRegistryEntry, h as replaceRecord, k as createGeneratedAnalysisTransport } from "./useListReorder-DsuzwWGS.js";
+import { r as LoadingSpinner_default, t as AlertBox_default } from "./AlertBox-DwgNTEqf.js";
+import { D as DataFrame_default, T as WellPlate_default, a as GeneratedPlotlyResult_default, b as PlateEditor_default, c as downloadEndpoint, d as useEventStream, f as useSettingsEndpoint, i as GeneratedResultRenderer_default, l as pluginFormDataFromPayload, m as resolvePluginBaseUrl, n as ScheduleCalendar_default, o as createClient, p as buildEndpointUrl, t as useRackEditor, u as uploadEndpoint, v as DoseCalculator_default } from "./useRackEditor-KpZ4iJ6o.js";
+import { A as controlValuesToComponentBindingsById, C as usePluginWorkspace, D as useControlSchema, E as getControlDefaults, F as getDefaultControlView, M as controlsTo, O as controlBindings, S as AppLayout_default, T as defineControls, d as useForm, f as AppTopBar_default, j as controlValuesToComponentProps, k as controlValuesToComponentBindings, l as useFormBuilder, p as providePluginIdentity, t as AppSidebar_default, u as evaluateCondition, w as defineControlComponentBindings } from "./AppSidebar-CZZaxni0.js";
+import { n as isControlModelBinding } from "./controlSchemaModel-Bsg0t5Ab.js";
+import { i as JobsStatusTray_default, n as subscribeRealtime, r as useRealtime, t as currentPresence } from "./useRealtime-B58Lo-Tm.js";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentScope, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toValue, unref, useId, useSlots, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import { ChartColumn, Eye, FlaskConical, Pencil, RefreshCw } from "lucide-vue-next";
 //#region src/composables/useToast.ts
 var toasts = ref([]);
@@ -232,6 +232,333 @@ var AppToastContainer_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/composables/useJobCenter.ts
+/** How long a job that just completed stays in the top-bar run slot. */
+var FINISHED_HOLD_MS = 6e3;
+/**
+* Combines independent job runtimes without copying their reactive state.
+*
+* Job ids must be globally unique across the sources. A duplicate id throws
+* when jobs are read or an id-routed action is requested, rather than silently
+* dispatching a mutation to the wrong owner.
+*/
+function combinePluginJobSources(sources) {
+	const jobs = computed(() => {
+		const combined = [];
+		const owners = /* @__PURE__ */ new Set();
+		for (const source of sources) for (const job of toValue(source.jobs)) {
+			if (owners.has(job.job_id)) throw duplicatePluginJobId(job.job_id);
+			owners.add(job.job_id);
+			combined.push(job);
+		}
+		return combined;
+	});
+	function ownerFor(jobId) {
+		let owner;
+		for (const source of sources) {
+			if (!toValue(source.jobs).some((job) => job.job_id === jobId)) continue;
+			if (owner) throw duplicatePluginJobId(jobId);
+			owner = source;
+		}
+		if (!owner) throw new Error(`Unknown plugin job id: ${jobId}`);
+		return owner;
+	}
+	const combined = { jobs };
+	if (sources.some((source) => source.refresh)) combined.refresh = async () => {
+		await Promise.all(sources.map((source) => source.refresh?.()));
+		return jobs.value;
+	};
+	if (sources.some((source) => source.cancel)) combined.cancel = async (jobId) => {
+		const owner = ownerFor(jobId);
+		if (!owner.cancel) throw new Error(`Job ${jobId} cannot be cancelled by its source`);
+		return owner.cancel(jobId);
+	};
+	if (sources.length > 0 && sources.every((source) => source.delete)) combined.delete = async (jobId) => {
+		const owner = ownerFor(jobId);
+		if (!owner.delete) throw new Error(`Job ${jobId} cannot be deleted by its source`);
+		return owner.delete(jobId);
+	};
+	if (sources.length > 0 && sources.every((source) => source.clear)) combined.clear = async () => {
+		const results = await Promise.all(sources.map((source) => source.clear()));
+		return results.every((result) => typeof result === "number") ? results.reduce((total, result) => total + result, 0) : void 0;
+	};
+	if (sources.some((source) => source.dispose)) combined.dispose = () => {
+		const errors = [];
+		for (const source of sources) try {
+			source.dispose?.();
+		} catch (cause) {
+			errors.push(cause);
+		}
+		if (errors.length === 1) throw errors[0];
+		if (errors.length > 1) throw new PluginJobSourceDisposeError(errors);
+	};
+	return combined;
+}
+var PluginJobSourceDisposeError = class extends Error {
+	cause;
+	errors;
+	constructor(errors) {
+		super("Failed to dispose plugin job sources");
+		this.name = "PluginJobSourceDisposeError";
+		this.cause = errors[0];
+		this.errors = Object.freeze([...errors]);
+	}
+};
+function duplicatePluginJobId(jobId) {
+	return /* @__PURE__ */ new Error(`Duplicate plugin job id across combined sources: ${jobId}`);
+}
+/** The stored seen failures, or null when nothing is stored or storage is blocked. */
+function readSeenFailed(key) {
+	try {
+		const parsed = JSON.parse(globalThis.localStorage?.getItem(key) ?? "null");
+		return Array.isArray(parsed) ? new Set(parsed.filter((id) => typeof id === "string")) : null;
+	} catch {
+		return null;
+	}
+}
+function writeSeenFailed(key, seen) {
+	try {
+		globalThis.localStorage?.setItem(key, JSON.stringify([...seen]));
+	} catch {}
+}
+function jobMessage(job) {
+	if (job.error) return job.error;
+	if (job.status === "awaiting_input") return job.progress.message || "Waiting for external input";
+	if (job.status === "queued" && job.queue_position > 0) return `Queue position ${job.queue_position}`;
+	return job.progress.message || job.progress.stage || jobStatusLabel(job.status);
+}
+function errorMessage(error, fallback) {
+	return error instanceof Error ? error.message : fallback;
+}
+/**
+* Headless controller for plugin job presentation and actions.
+*
+* Every job list is derived directly from the source. The controller never
+* mirrors source jobs into another ref.
+*/
+function useJobCenter(options = {}) {
+	const isOpen = ref(false);
+	const isLoading = ref(false);
+	const error = shallowRef(null);
+	const pendingJobIds = ref(/* @__PURE__ */ new Set());
+	let requestGeneration = 0;
+	let active = true;
+	const source = computed(() => toValue(options.source));
+	const jobs = computed(() => {
+		const currentSource = source.value;
+		return currentSource ? [...toValue(currentSource.jobs)].map(normalizeJobState) : [];
+	});
+	const activeJobs = computed(() => jobs.value.filter((job) => isActiveJobStatus(job.status)));
+	const historyJobs = computed(() => jobs.value.filter((job) => !isActiveJobStatus(job.status)));
+	const deletableJobs = computed(() => historyJobs.value.filter((job) => job.can_delete));
+	const featuredJob = computed(() => activeJobs.value[0] ?? historyJobs.value[0] ?? null);
+	const completedCount = computed(() => jobs.value.filter((job) => job.status === "completed").length);
+	const { integrated, user, plugin, isAdmin } = usePlatform();
+	const isOwnJob = (job) => {
+		if (!integrated.value) return true;
+		if (user.value == null) return isAdmin.value;
+		return (job.owner_user_id ?? job.user_id) === String(user.value.id);
+	};
+	const ownActiveJobs = computed(() => activeJobs.value.filter(isOwnJob));
+	const justFinished = shallowRef(null);
+	const heldJob = computed(() => {
+		const held = justFinished.value;
+		return held ? jobs.value.find((job) => job.job_id === held.job_id) ?? null : null;
+	});
+	let finishedTimer;
+	watch([source, ownActiveJobs], ([currentSource, now], [previousSource, before]) => {
+		if (currentSource !== previousSource) {
+			justFinished.value = null;
+			return;
+		}
+		const nowIds = new Set(now.map((job) => job.job_id));
+		const left = new Set(before.filter((job) => !nowIds.has(job.job_id)).map((job) => job.job_id));
+		const finished = jobs.value.find((job) => left.has(job.job_id) && job.status === "completed");
+		if (!finished) return;
+		justFinished.value = finished;
+		clearTimeout(finishedTimer);
+		finishedTimer = setTimeout(() => {
+			justFinished.value = null;
+		}, FINISHED_HOLD_MS);
+	});
+	const seenFailedKey = `mint.jobs.${plugin.value?.id ?? "standalone"}.seen-failed`;
+	const storedSeenFailed = readSeenFailed(seenFailedKey);
+	const seenFailed = shallowRef(storedSeenFailed ?? /* @__PURE__ */ new Set());
+	const unseenFailedJobs = computed(() => historyJobs.value.filter((job) => job.status === "failed" && isOwnJob(job) && !seenFailed.value.has(job.job_id)));
+	function markFailedSeen() {
+		seenFailed.value = /* @__PURE__ */ new Set([...seenFailed.value, ...unseenFailedJobs.value.map((job) => job.job_id)]);
+		writeSeenFailed(seenFailedKey, seenFailed.value);
+	}
+	let hasBaseline = storedSeenFailed !== null;
+	let awaitingLoad = options.loadOnMount !== false && Boolean(source.value?.refresh);
+	function takeBaseline() {
+		if (hasBaseline || !active) return;
+		hasBaseline = true;
+		markFailedSeen();
+	}
+	watch(jobs, (list) => {
+		if (!awaitingLoad && list.length > 0) takeBaseline();
+	}, { immediate: true });
+	watch([isOpen, unseenFailedJobs], ([open, unseen]) => {
+		if (open && unseen.length > 0) markFailedSeen();
+	});
+	const topBarJob = computed(() => {
+		const own = ownActiveJobs.value;
+		const shown = own.find((job) => job.status === "awaiting_input") ?? own[0];
+		if (shown) return options.topBarJob?.(shown) ?? {
+			status: shown.status,
+			label: shown.progress.message || `${shown.name} ${jobStatusLabel(shown.status).toLowerCase()}`,
+			percent: shown.status === "running" ? normalizeJobPercent(shown.progress.percent) : null
+		};
+		const held = heldJob.value;
+		if (held) return options.topBarJob?.(held) ?? {
+			status: "completed",
+			label: `${held.name} completed`
+		};
+		const failed = unseenFailedJobs.value.length;
+		return failed > 0 ? {
+			status: "failed",
+			label: `${failed} failed`
+		} : null;
+	});
+	function rowView(job) {
+		const override = options.rowJob?.(job) ?? {};
+		const status = override.status ?? job.status;
+		const percent = override.percent !== void 0 ? override.percent : job.status === "running" ? job.progress.percent : null;
+		return {
+			status,
+			percent: percent == null ? null : Math.round(normalizeJobPercent(percent)),
+			message: override.message ?? jobMessage(job)
+		};
+	}
+	function handleTopBarClick(onSelect) {
+		const finished = heldJob.value;
+		if (!isOpen.value && ownActiveJobs.value.length === 0 && finished) onSelect(finished);
+		else isOpen.value = !isOpen.value;
+	}
+	const canRefresh = computed(() => Boolean(source.value?.refresh));
+	const canCancel = computed(() => Boolean(source.value?.cancel));
+	const canDelete = computed(() => Boolean(source.value?.delete));
+	const canClearFinished = computed(() => Boolean(source.value?.clear || source.value?.delete));
+	function setPending(jobId, pending) {
+		const next = new Set(pendingJobIds.value);
+		if (pending) next.add(jobId);
+		else next.delete(jobId);
+		pendingJobIds.value = next;
+	}
+	async function refresh() {
+		const listJobs = source.value?.refresh;
+		if (!listJobs) return false;
+		const generation = ++requestGeneration;
+		isLoading.value = true;
+		error.value = null;
+		try {
+			await listJobs();
+			return active && generation === requestGeneration;
+		} catch (cause) {
+			if (active && generation === requestGeneration) error.value = errorMessage(cause, "Failed to load jobs");
+			return false;
+		} finally {
+			if (active && generation === requestGeneration) isLoading.value = false;
+		}
+	}
+	async function cancelJob(job) {
+		const sourceCancel = source.value?.cancel;
+		if (!job.can_cancel || !sourceCancel || pendingJobIds.value.has(job.job_id)) return false;
+		setPending(job.job_id, true);
+		error.value = null;
+		try {
+			await sourceCancel(job.job_id);
+			return active;
+		} catch (cause) {
+			if (active) error.value = errorMessage(cause, "Failed to cancel job");
+			return false;
+		} finally {
+			if (active) setPending(job.job_id, false);
+		}
+	}
+	async function deleteJob(job) {
+		const sourceDelete = source.value?.delete;
+		if (!job.can_delete || !sourceDelete || pendingJobIds.value.has(job.job_id)) return false;
+		setPending(job.job_id, true);
+		error.value = null;
+		try {
+			const deleted = await sourceDelete(job.job_id);
+			return active && deleted !== false;
+		} catch (cause) {
+			if (active) error.value = errorMessage(cause, "Failed to delete job");
+			return false;
+		} finally {
+			if (active) setPending(job.job_id, false);
+		}
+	}
+	async function clearFinished() {
+		const targets = deletableJobs.value;
+		if (targets.length === 0) return false;
+		error.value = null;
+		try {
+			const currentSource = source.value;
+			if (currentSource?.clear) {
+				const deleted = await currentSource.clear();
+				if (!active) return false;
+				return typeof deleted !== "number" || deleted === targets.length;
+			}
+			if (!currentSource?.delete) return false;
+			return (await Promise.all(targets.map((job) => deleteJob(job)))).every(Boolean);
+		} catch (cause) {
+			if (active) error.value = errorMessage(cause, "Failed to clear jobs");
+			return false;
+		}
+	}
+	onMounted(() => {
+		if (options.loadOnMount === false) return;
+		refresh().then((loaded) => {
+			awaitingLoad = false;
+			if (loaded || jobs.value.length > 0) takeBaseline();
+		});
+	});
+	onUnmounted(() => {
+		active = false;
+		requestGeneration += 1;
+		clearTimeout(finishedTimer);
+	});
+	return {
+		source,
+		jobs,
+		activeJobs,
+		historyJobs,
+		deletableJobs,
+		featuredJob,
+		canRefresh,
+		canCancel,
+		canDelete,
+		canClearFinished,
+		panelId: `mint-jobs-tray-${useId()}`,
+		rowView,
+		topBarJob,
+		completedCount,
+		isOpen,
+		isLoading,
+		error,
+		pendingJobIds,
+		open: () => {
+			isOpen.value = true;
+		},
+		close: () => {
+			isOpen.value = false;
+		},
+		toggle: () => {
+			isOpen.value = !isOpen.value;
+		},
+		handleTopBarClick,
+		refresh,
+		cancelJob,
+		deleteJob,
+		clearFinished,
+		isPending: (job) => pendingJobIds.value.has(job.job_id)
+	};
+}
+//#endregion
 //#region src/composables/controlWorkspaceOptions.ts
 function mergeControlWorkspaceOptions(base, override) {
 	return {
@@ -396,11 +723,18 @@ var WorkspaceControlsInternal_default = /* @__PURE__ */ defineComponent({
 //#region src/components/internal/WorkspaceShellInternal.vue
 var WorkspaceShellInternal_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkspaceShellInternal",
-	props: { shell: {} },
+	props: {
+		shell: {},
+		job: {},
+		jobsDone: {},
+		jobsOpen: { type: Boolean },
+		jobsPanelId: {}
+	},
 	emits: [
 		"pill-select",
 		"pill-option-select",
-		"settings-values-change"
+		"settings-values-change",
+		"job-click"
 	],
 	setup(__props, { emit: __emit }) {
 		/**
@@ -429,9 +763,14 @@ var WorkspaceShellInternal_default = /* @__PURE__ */ defineComponent({
 					subtitle: __props.shell.subtitle,
 					spec: __props.shell.topBar,
 					pill: __props.shell.pill,
-					onPillSelect: _cache[0] || (_cache[0] = ($event) => emit("pill-select", $event)),
+					job: __props.job,
+					"jobs-done": __props.jobsDone,
+					"jobs-open": __props.jobsOpen,
+					"jobs-panel-id": __props.jobsPanelId,
+					onJobClick: _cache[0] || (_cache[0] = ($event) => emit("job-click")),
+					onPillSelect: _cache[1] || (_cache[1] = ($event) => emit("pill-select", $event)),
 					onPillOptionSelect: handlePillOptionSelect,
-					onSettingsValuesChange: _cache[1] || (_cache[1] = ($event) => emit("settings-values-change", $event))
+					onSettingsValuesChange: _cache[2] || (_cache[2] = ($event) => emit("settings-values-change", $event))
 				}, createSlots({ _: 2 }, [renderList(__props.shell.topBarSlotNames, (slotName) => {
 					return {
 						name: slotName,
@@ -441,7 +780,11 @@ var WorkspaceShellInternal_default = /* @__PURE__ */ defineComponent({
 					"title",
 					"subtitle",
 					"spec",
-					"pill"
+					"pill",
+					"job",
+					"jobs-done",
+					"jobs-open",
+					"jobs-panel-id"
 				])) : createCommentVNode("", true)])]),
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(__props.shell.controls)))]),
 				_: 2
@@ -551,7 +894,8 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 		"update:toggle",
 		"section-action",
 		"form-submit",
-		"form-cancel"
+		"form-cancel",
+		"job-select"
 	],
 	setup(__props, { emit: __emit }) {
 		/**
@@ -583,6 +927,11 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 				saveDisabledMessage: computed(() => toValue(save?.reason))
 			});
 		}
+		const jobs = props.spec.jobs;
+		const jobCenter = jobs ? useJobCenter({ source: jobs }) : null;
+		function handleJobSelect(job) {
+			emit("job-select", job);
+		}
 		const { shell, sidebar, controls, handleControlValuesUpdate, handlePillSelect } = usePluginWorkspace({
 			props,
 			slots,
@@ -600,14 +949,27 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(WorkspaceShellInternal_default, {
 				shell: unref(shell),
+				job: unref(jobCenter) ? unref(jobCenter).topBarJob.value : void 0,
+				"jobs-done": unref(jobCenter)?.completedCount.value,
+				"jobs-open": unref(jobCenter)?.isOpen.value,
+				"jobs-panel-id": unref(jobCenter)?.panelId,
+				onJobClick: _cache[2] || (_cache[2] = ($event) => unref(jobCenter)?.handleTopBarClick(handleJobSelect)),
 				onPillSelect: unref(handlePillSelect),
-				onPillOptionSelect: _cache[2] || (_cache[2] = (option, item) => emit("pill-option-select", option, item)),
-				onSettingsValuesChange: _cache[3] || (_cache[3] = ($event) => emit("settings-values-change", $event))
+				onPillOptionSelect: _cache[3] || (_cache[3] = (option, item) => emit("pill-option-select", option, item)),
+				onSettingsValuesChange: _cache[4] || (_cache[4] = ($event) => emit("settings-values-change", $event))
 			}, createSlots({
-				default: withCtx(() => [createVNode(WorkspaceControlsInternal_default, { controls: unref(controls) }, {
-					default: withCtx((controlsScope) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(controlsScope)))]),
-					_: 3
-				}, 8, ["controls"]), __props.spec.toasts !== false ? (openBlock(), createBlock(AppToastContainer_default, { key: 0 })) : createCommentVNode("", true)]),
+				default: withCtx(() => [
+					createVNode(WorkspaceControlsInternal_default, { controls: unref(controls) }, {
+						default: withCtx((controlsScope) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(controlsScope)))]),
+						_: 3
+					}, 8, ["controls"]),
+					__props.spec.toasts !== false ? (openBlock(), createBlock(AppToastContainer_default, { key: 0 })) : createCommentVNode("", true),
+					unref(jobCenter) ? (openBlock(), createBlock(JobsStatusTray_default, {
+						key: 1,
+						center: unref(jobCenter),
+						onSelect: handleJobSelect
+					}, null, 8, ["center"])) : createCommentVNode("", true)
+				]),
 				_: 2
 			}, [
 				unref(slots).topbar ? {
@@ -639,7 +1001,14 @@ var PluginWorkspaceView_default = /* @__PURE__ */ defineComponent({
 					})]), 1032, ["sidebar", "onUpdate:values"])])]),
 					key: "1"
 				} : void 0
-			]), 1032, ["shell", "onPillSelect"]);
+			]), 1032, [
+				"shell",
+				"job",
+				"jobs-done",
+				"jobs-open",
+				"jobs-panel-id",
+				"onPillSelect"
+			]);
 		};
 	}
 });
@@ -901,7 +1270,8 @@ var GeneratedPluginView_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 				title: "Parameters",
 				panels: panels.value,
 				forms: forms.value
-			}
+			},
+			jobs: generated
 		}));
 		watch(() => generated.manifest.value?.ui, (ui) => {
 			if (ui) providePluginIdentity({ plugin: {
@@ -956,7 +1326,8 @@ var GeneratedPluginView_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 				"form-loading": unref(generated).isSubmitting.value,
 				"form-disabled": unref(generated).isSubmitting.value,
 				"onUpdate:values": updateValues,
-				onFormSubmit: submitJob
+				onFormSubmit: submitJob,
+				onJobSelect: selectJob
 			}, {
 				default: withCtx(() => [createElementVNode("main", _hoisted_1$3, [unref(generated).isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createVNode(LoadingSpinner_default, { size: "lg" }), _cache[1] || (_cache[1] = createElementVNode("span", null, "Loading analysis workspace", -1))])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
 					unref(generated).error.value ? (openBlock(), createBlock(AlertBox_default, {
@@ -980,11 +1351,7 @@ var GeneratedPluginView_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 						description: "Set the parameters and run the analysis. Jobs continue independently if you switch tabs.",
 						size: "md"
 					}))])
-				], 64)), createVNode(JobsStatusTray_default, {
-					source: unref(generated),
-					"teleport-to": false,
-					onSelect: selectJob
-				}, null, 8, ["source"])])]),
+				], 64))])]),
 				_: 1
 			}, 8, [
 				"view",
@@ -995,7 +1362,7 @@ var GeneratedPluginView_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-41f5ec2e"]]);
+}), [["__scopeId", "data-v-c8ff991b"]]);
 //#endregion
 //#region src/components/internal/PlateEditorBindingInternal.vue
 var PlateEditorBindingInternal_default = /* @__PURE__ */ defineComponent({
@@ -1486,6 +1853,6 @@ var runtime_exports = /* @__PURE__ */ __exportAll({
 	useSettingsEndpoint: () => useSettingsEndpoint
 });
 //#endregion
-export { ComponentBindingRenderer_default as a, generatedJobFormSchema as c, PluginWorkspaceView_default as d, useControlWorkspace as f, RuntimeUpdateNotice_default as i, normalizeGeneratedJobInput as l, useToast as m, PresenceAvatars_default as n, GeneratedPluginView_default as o, AppToastContainer_default as p, usePresence as r, generatedJobDefaults as s, runtime_exports as t, Avatar_default as u };
+export { ComponentBindingRenderer_default as a, generatedJobFormSchema as c, PluginWorkspaceView_default as d, useControlWorkspace as f, useToast as g, AppToastContainer_default as h, RuntimeUpdateNotice_default as i, normalizeGeneratedJobInput as l, useJobCenter as m, PresenceAvatars_default as n, GeneratedPluginView_default as o, combinePluginJobSources as p, usePresence as r, generatedJobDefaults as s, runtime_exports as t, Avatar_default as u };
 
-//# sourceMappingURL=runtime-7vfl_bI3.js.map
+//# sourceMappingURL=runtime-q-R0CNLh.js.map