@morscherlab/mint-sdk 1.3.8 → 1.4.0-beta.1

package/dist/useRealtime-PalKue84.js

@@ -0,0 +1,696 @@
+import { d as normalizeJobState, l as jobStatusLabel, s as isActiveJobStatus, u as normalizeJobPercent } from "./records-BzTcxekG.js";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentScope, nextTick, normalizeClass, normalizeStyle, onMounted, onScopeDispose, onUnmounted, openBlock, readonly, ref, renderList, renderSlot, shallowRef, toDisplayString, toRef, toValue, unref, useId, watch, withCtx } from "vue";
+//#region src/composables/useJobCenter.ts
+/**
+* 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}`);
+}
+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 activeTab = ref("active");
+	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 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) refresh();
+	});
+	onUnmounted(() => {
+		active = false;
+		requestGeneration += 1;
+	});
+	return {
+		jobs,
+		activeJobs,
+		historyJobs,
+		deletableJobs,
+		featuredJob,
+		canRefresh,
+		canCancel,
+		canDelete,
+		canClearFinished,
+		isOpen,
+		activeTab,
+		isLoading,
+		error,
+		pendingJobIds,
+		open: () => {
+			isOpen.value = true;
+		},
+		close: () => {
+			isOpen.value = false;
+		},
+		toggle: () => {
+			isOpen.value = !isOpen.value;
+		},
+		refresh,
+		cancelJob,
+		deleteJob,
+		clearFinished,
+		isPending: (job) => pendingJobIds.value.has(job.job_id)
+	};
+}
+//#endregion
+//#region src/components/JobsStatusTray.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mint-jobs-tray" };
+var _hoisted_2 = ["aria-expanded"];
+var _hoisted_3 = { class: "mint-jobs-tray__trigger-label" };
+var _hoisted_4 = {
+	key: 0,
+	class: "mint-jobs-tray__count",
+	"aria-live": "polite"
+};
+var _hoisted_5 = { class: "mint-jobs-tray__header" };
+var _hoisted_6 = { class: "mint-jobs-tray__subtitle" };
+var _hoisted_7 = { class: "mint-jobs-tray__header-actions" };
+var _hoisted_8 = ["disabled"];
+var _hoisted_9 = {
+	class: "mint-jobs-tray__tabs",
+	role: "tablist",
+	"aria-label": "Job groups"
+};
+var _hoisted_10 = ["aria-selected"];
+var _hoisted_11 = { class: "mint-jobs-tray__tab-count" };
+var _hoisted_12 = ["aria-selected"];
+var _hoisted_13 = { class: "mint-jobs-tray__tab-count" };
+var _hoisted_14 = {
+	key: 0,
+	class: "mint-jobs-tray__error",
+	role: "alert"
+};
+var _hoisted_15 = { class: "mint-jobs-tray__body" };
+var _hoisted_16 = {
+	key: 0,
+	class: "mint-jobs-tray__empty"
+};
+var _hoisted_17 = { class: "mint-jobs-tray__job-heading" };
+var _hoisted_18 = { class: "mint-jobs-tray__job-identity" };
+var _hoisted_19 = ["onClick"];
+var _hoisted_20 = { class: "mint-jobs-tray__kind" };
+var _hoisted_21 = {
+	key: 0,
+	class: "mint-jobs-tray__percent"
+};
+var _hoisted_22 = ["aria-valuenow"];
+var _hoisted_23 = { class: "mint-jobs-tray__job-footer" };
+var _hoisted_24 = { class: "mint-jobs-tray__job-actions" };
+var _hoisted_25 = ["disabled", "onClick"];
+var _hoisted_26 = ["disabled", "onClick"];
+var _hoisted_27 = {
+	key: 0,
+	class: "mint-jobs-tray__clear-row"
+};
+var _hoisted_28 = {
+	key: 1,
+	class: "mint-jobs-tray__empty"
+};
+var _hoisted_29 = { class: "mint-jobs-tray__job-heading" };
+var _hoisted_30 = { class: "mint-jobs-tray__job-identity" };
+var _hoisted_31 = ["onClick"];
+var _hoisted_32 = { class: "mint-jobs-tray__kind" };
+var _hoisted_33 = { class: "mint-jobs-tray__job-footer" };
+var _hoisted_34 = { class: "mint-jobs-tray__job-actions" };
+var _hoisted_35 = ["disabled", "onClick"];
+//#endregion
+//#region src/components/JobsStatusTray.vue
+var JobsStatusTray_default = /* @__PURE__ */ defineComponent({
+	__name: "JobsStatusTray",
+	props: {
+		source: {},
+		loadOnMount: {
+			type: Boolean,
+			default: true
+		},
+		title: { default: "Analysis jobs" },
+		teleportTo: {
+			type: [String, Boolean],
+			default: "body"
+		}
+	},
+	emits: ["select", "error"],
+	setup(__props, { emit: __emit }) {
+		/**
+		* Floating, source-driven job status tray for plugin and platform workflows.
+		*
+		* @example Recommended
+		* ```vue
+		* <JobsStatusTray :source="jobs" />
+		* ```
+		*/
+		const props = __props;
+		const emit = __emit;
+		const panelId = `mint-jobs-tray-${useId().replace(/:/g, "")}`;
+		const titleId = `${panelId}-title`;
+		const triggerRef = ref(null);
+		const panelRef = ref(null);
+		const teleportTarget = computed(() => props.teleportTo || "body");
+		const tray = useJobCenter({
+			source: toRef(props, "source"),
+			loadOnMount: props.loadOnMount
+		});
+		const activeRows = computed(() => [...tray.activeJobs.value.filter((job) => job.status === "awaiting_input"), ...tray.activeJobs.value.filter((job) => job.status !== "awaiting_input")]);
+		const subtitle = computed(() => {
+			const count = (status) => tray.activeJobs.value.filter((job) => job.status === status).length;
+			const parts = [
+				[count("running"), "running"],
+				[count("queued"), "queued"],
+				[count("awaiting_input"), "waiting"]
+			].filter(([n]) => n).map(([n, word]) => `${n} ${word}`);
+			return parts.length ? parts.join(" · ") : `${tray.jobs.value.length} total`;
+		});
+		const canClear = computed(() => tray.deletableJobs.value.length > 0 && tray.canClearFinished.value);
+		async function openTray() {
+			tray.open();
+			await nextTick();
+			panelRef.value?.focus();
+		}
+		async function closeTray() {
+			tray.close();
+			await nextTick();
+			triggerRef.value?.focus();
+		}
+		async function toggleTray() {
+			if (tray.isOpen.value) await closeTray();
+			else await openTray();
+		}
+		function onPanelKeydown(event) {
+			if (event.key === "Escape") {
+				closeTray();
+				return;
+			}
+			if (event.key !== "Tab" || !panelRef.value) return;
+			const focusable = Array.from(panelRef.value.querySelectorAll("button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])"));
+			if (focusable.length === 0) {
+				event.preventDefault();
+				panelRef.value.focus();
+				return;
+			}
+			const first = focusable[0];
+			const last = focusable[focusable.length - 1];
+			const activeElement = document.activeElement;
+			if (!activeElement || !focusable.includes(activeElement)) {
+				event.preventDefault();
+				if (event.shiftKey) last?.focus();
+				else first?.focus();
+			} else if (event.shiftKey && activeElement === first) {
+				event.preventDefault();
+				last?.focus();
+			} else if (!event.shiftKey && activeElement === last) {
+				event.preventDefault();
+				first?.focus();
+			}
+		}
+		function progressText(job) {
+			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 formatTimestamp(value) {
+			if (!value) return "";
+			const date = new Date(value);
+			return Number.isNaN(date.getTime()) ? "" : new Intl.DateTimeFormat(void 0, {
+				dateStyle: "medium",
+				timeStyle: "short"
+			}).format(date);
+		}
+		function statusClass(job) {
+			return `mint-jobs-tray__status--${job.status.replace("_", "-")}`;
+		}
+		function jobPercent(job) {
+			return Math.round(normalizeJobPercent(job.progress.percent));
+		}
+		async function cancelJob(job) {
+			if (!await tray.cancelJob(job) && tray.error.value) emit("error", tray.error.value);
+		}
+		async function deleteJob(job) {
+			if (!await tray.deleteJob(job) && tray.error.value) emit("error", tray.error.value);
+		}
+		async function clearFinished() {
+			if (!await tray.clearFinished() && tray.error.value) emit("error", tray.error.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, {
+				to: teleportTarget.value,
+				disabled: __props.teleportTo === false
+			}, [createElementVNode("div", _hoisted_1, [
+				createElementVNode("button", {
+					ref_key: "triggerRef",
+					ref: triggerRef,
+					type: "button",
+					class: "mint-jobs-tray__trigger",
+					"aria-haspopup": "dialog",
+					"aria-expanded": unref(tray).isOpen.value,
+					"aria-controls": panelId,
+					onClick: toggleTray
+				}, [
+					(openBlock(), createElementBlock("svg", {
+						class: normalizeClass(["mint-jobs-tray__trigger-icon", { "mint-jobs-tray__trigger-icon--active": unref(tray).activeJobs.value.length > 0 }]),
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						"aria-hidden": "true"
+					}, [..._cache[3] || (_cache[3] = [createElementVNode("path", { d: "M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2" }, null, -1), createElementVNode("path", { d: "M9 5a3 3 0 0 1 6 0v2H9V5Z" }, null, -1)])], 2)),
+					createElementVNode("span", _hoisted_3, toDisplayString(unref(tray).featuredJob.value ? unref(jobStatusLabel)(unref(tray).featuredJob.value.status) : "Jobs"), 1),
+					unref(tray).activeJobs.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(tray).activeJobs.value.length), 1)) : createCommentVNode("", true)
+				], 8, _hoisted_2),
+				createVNode(Transition, { name: "mint-jobs-tray-fade" }, {
+					default: withCtx(() => [unref(tray).isOpen.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "mint-jobs-tray__backdrop",
+						"aria-hidden": "true",
+						onClick: closeTray
+					})) : createCommentVNode("", true)]),
+					_: 1
+				}),
+				createVNode(Transition, { name: "mint-jobs-tray-slide" }, {
+					default: withCtx(() => [unref(tray).isOpen.value ? (openBlock(), createElementBlock("section", {
+						key: 0,
+						id: panelId,
+						ref_key: "panelRef",
+						ref: panelRef,
+						class: "mint-jobs-tray__panel",
+						role: "dialog",
+						"aria-modal": "true",
+						"aria-labelledby": titleId,
+						tabindex: "-1",
+						onKeydown: onPanelKeydown
+					}, [
+						createElementVNode("header", _hoisted_5, [createElementVNode("div", null, [createElementVNode("h2", {
+							id: titleId,
+							class: "mint-jobs-tray__title"
+						}, toDisplayString(__props.title), 1), createElementVNode("p", _hoisted_6, toDisplayString(subtitle.value), 1)]), createElementVNode("div", _hoisted_7, [unref(tray).canRefresh.value ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "mint-jobs-tray__icon-button",
+							"aria-label": "Refresh jobs",
+							disabled: unref(tray).isLoading.value,
+							onClick: _cache[0] || (_cache[0] = (...args) => unref(tray).refresh && unref(tray).refresh(...args))
+						}, [..._cache[4] || (_cache[4] = [createElementVNode("svg", {
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"aria-hidden": "true"
+						}, [createElementVNode("path", { d: "M20 6v5h-5M4 18v-5h5" }), createElementVNode("path", { d: "M18.4 9A7 7 0 0 0 6.1 6.1L4 8m2 7a7 7 0 0 0 11.9 2.9L20 16" })], -1)])], 8, _hoisted_8)) : createCommentVNode("", true), createElementVNode("button", {
+							type: "button",
+							class: "mint-jobs-tray__icon-button",
+							"aria-label": "Close jobs",
+							onClick: closeTray
+						}, [..._cache[5] || (_cache[5] = [createElementVNode("svg", {
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"aria-hidden": "true"
+						}, [createElementVNode("path", { d: "m6 6 12 12M18 6 6 18" })], -1)])])])]),
+						createElementVNode("div", _hoisted_9, [createElementVNode("button", {
+							type: "button",
+							role: "tab",
+							"data-tab": "active",
+							class: normalizeClass(["mint-jobs-tray__tab", { "mint-jobs-tray__tab--active": unref(tray).activeTab.value === "active" }]),
+							"aria-selected": unref(tray).activeTab.value === "active",
+							onClick: _cache[1] || (_cache[1] = ($event) => unref(tray).activeTab.value = "active")
+						}, [_cache[6] || (_cache[6] = createTextVNode(" Active ", -1)), createElementVNode("span", _hoisted_11, toDisplayString(unref(tray).activeJobs.value.length), 1)], 10, _hoisted_10), createElementVNode("button", {
+							type: "button",
+							role: "tab",
+							"data-tab": "history",
+							class: normalizeClass(["mint-jobs-tray__tab", { "mint-jobs-tray__tab--active": unref(tray).activeTab.value === "history" }]),
+							"aria-selected": unref(tray).activeTab.value === "history",
+							onClick: _cache[2] || (_cache[2] = ($event) => unref(tray).activeTab.value = "history")
+						}, [_cache[7] || (_cache[7] = createTextVNode(" History ", -1)), createElementVNode("span", _hoisted_13, toDisplayString(unref(tray).historyJobs.value.length), 1)], 10, _hoisted_12)]),
+						unref(tray).error.value ? (openBlock(), createElementBlock("p", _hoisted_14, toDisplayString(unref(tray).error.value), 1)) : createCommentVNode("", true),
+						createElementVNode("div", _hoisted_15, [unref(tray).activeTab.value === "active" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(tray).activeJobs.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_16, " No active jobs ")) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(activeRows.value, (job) => {
+							return openBlock(), createElementBlock("article", {
+								key: job.job_id,
+								class: normalizeClass(["mint-jobs-tray__job", { "mint-jobs-tray__job--awaiting-input": job.status === "awaiting_input" }])
+							}, [
+								createElementVNode("div", _hoisted_17, [
+									createElementVNode("div", _hoisted_18, [createElementVNode("button", {
+										type: "button",
+										class: "mint-jobs-tray__job-select",
+										onClick: ($event) => emit("select", job)
+									}, toDisplayString(job.name), 9, _hoisted_19), createElementVNode("span", _hoisted_20, toDisplayString(job.kind), 1)]),
+									createElementVNode("span", { class: normalizeClass(["mint-jobs-tray__status", statusClass(job)]) }, [_cache[8] || (_cache[8] = createElementVNode("span", {
+										class: "mint-jobs-tray__status-dot",
+										"aria-hidden": "true"
+									}, null, -1)), createTextVNode(" " + toDisplayString(unref(jobStatusLabel)(job.status)), 1)], 2),
+									job.status === "running" ? (openBlock(), createElementBlock("span", _hoisted_21, toDisplayString(jobPercent(job)) + "%", 1)) : createCommentVNode("", true)
+								]),
+								job.status === "running" ? (openBlock(), createElementBlock("div", {
+									key: 0,
+									class: "mint-jobs-tray__progress",
+									role: "progressbar",
+									"aria-label": "Job progress",
+									"aria-valuemin": "0",
+									"aria-valuemax": "100",
+									"aria-valuenow": jobPercent(job)
+								}, [createElementVNode("span", { style: normalizeStyle({ width: `${jobPercent(job)}%` }) }, null, 4)], 8, _hoisted_22)) : createCommentVNode("", true),
+								createElementVNode("div", _hoisted_23, [createElementVNode("span", null, toDisplayString(progressText(job)), 1), createElementVNode("div", _hoisted_24, [
+									renderSlot(_ctx.$slots, "job-actions", { job }),
+									job.can_cancel && unref(tray).canCancel.value ? (openBlock(), createElementBlock("button", {
+										key: 0,
+										type: "button",
+										class: "mint-jobs-tray__action mint-jobs-tray__action--danger",
+										"aria-label": "Cancel job",
+										disabled: unref(tray).isPending(job),
+										onClick: ($event) => cancelJob(job)
+									}, " Cancel ", 8, _hoisted_25)) : createCommentVNode("", true),
+									job.can_delete && unref(tray).canDelete.value ? (openBlock(), createElementBlock("button", {
+										key: 1,
+										type: "button",
+										class: "mint-jobs-tray__icon-button mint-jobs-tray__icon-button--danger",
+										"aria-label": "Delete job",
+										disabled: unref(tray).isPending(job),
+										onClick: ($event) => deleteJob(job)
+									}, [..._cache[9] || (_cache[9] = [createElementVNode("svg", {
+										viewBox: "0 0 24 24",
+										fill: "none",
+										stroke: "currentColor",
+										"aria-hidden": "true"
+									}, [createElementVNode("path", { d: "M4 7h16M9 7V4h6v3m-8 0 1 13h8l1-13M10 11v5M14 11v5" })], -1)])], 8, _hoisted_26)) : createCommentVNode("", true)
+								])])
+							], 2);
+						}), 128))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+							canClear.value ? (openBlock(), createElementBlock("div", _hoisted_27, [createElementVNode("button", {
+								type: "button",
+								class: "mint-jobs-tray__action mint-jobs-tray__action--danger",
+								onClick: clearFinished
+							}, " Clear finished ")])) : createCommentVNode("", true),
+							unref(tray).historyJobs.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_28, " No job history ")) : createCommentVNode("", true),
+							(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tray).historyJobs.value, (job) => {
+								return openBlock(), createElementBlock("article", {
+									key: job.job_id,
+									class: "mint-jobs-tray__job"
+								}, [createElementVNode("div", _hoisted_29, [createElementVNode("div", _hoisted_30, [createElementVNode("button", {
+									type: "button",
+									class: "mint-jobs-tray__job-select",
+									onClick: ($event) => emit("select", job)
+								}, toDisplayString(job.name), 9, _hoisted_31), createElementVNode("span", _hoisted_32, toDisplayString(job.kind), 1)]), createElementVNode("span", { class: normalizeClass(["mint-jobs-tray__status", statusClass(job)]) }, [_cache[10] || (_cache[10] = createElementVNode("span", {
+									class: "mint-jobs-tray__status-dot",
+									"aria-hidden": "true"
+								}, null, -1)), createTextVNode(" " + toDisplayString(unref(jobStatusLabel)(job.status)), 1)], 2)]), createElementVNode("div", _hoisted_33, [createElementVNode("span", null, toDisplayString(formatTimestamp(job.completed_at || job.created_at)), 1), createElementVNode("div", _hoisted_34, [renderSlot(_ctx.$slots, "job-actions", { job }), job.can_delete && unref(tray).canDelete.value ? (openBlock(), createElementBlock("button", {
+									key: 0,
+									type: "button",
+									class: "mint-jobs-tray__icon-button mint-jobs-tray__icon-button--danger",
+									"aria-label": "Delete job",
+									disabled: unref(tray).isPending(job),
+									onClick: ($event) => deleteJob(job)
+								}, [..._cache[11] || (_cache[11] = [createElementVNode("svg", {
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									"aria-hidden": "true"
+								}, [createElementVNode("path", { d: "M4 7h16M9 7V4h6v3m-8 0 1 13h8l1-13M10 11v5M14 11v5" })], -1)])], 8, _hoisted_35)) : createCommentVNode("", true)])])]);
+							}), 128))
+						], 64))])
+					], 544)) : createCommentVNode("", true)]),
+					_: 3
+				})
+			])], 8, ["to", "disabled"]);
+		};
+	}
+});
+//#endregion
+//#region src/composables/useRealtime.ts
+var EVENTS_URL = "/api/events";
+var RECONNECT_BASE_MS = 1e3;
+var RECONNECT_MAX_MS = 3e4;
+/** Merges the subscriptions of components that mount together into one connection. */
+var TOPIC_DEBOUNCE_MS = 50;
+var RESYNC = { type: "resync" };
+var listeners = /* @__PURE__ */ new Set();
+/** The last `presence.changed` of each topic of the open stream; the server sends one per topic at open. */
+var presence = /* @__PURE__ */ new Map();
+var connected = ref(false);
+var source = null;
+var sourceTopics = "";
+var failures = 0;
+var syncTimer = null;
+var retryTimer = null;
+function dispatch(event) {
+	const isPresence = event.type === "presence.changed";
+	if (isPresence && event.topic) presence.set(event.topic, event);
+	for (const listener of [...listeners]) {
+		if (isPresence && !listener.presence) continue;
+		if (event.type === "resync" || event.topic && listener.topics().includes(event.topic)) listener.handler(event);
+	}
+}
+function close() {
+	source?.close();
+	source = null;
+	sourceTopics = "";
+	presence.clear();
+	connected.value = false;
+}
+function open(topics) {
+	const stream = new EventSource(`${EVENTS_URL}?topics=${encodeURIComponent(topics)}`);
+	source = stream;
+	sourceTopics = topics;
+	stream.onopen = () => {
+		connected.value = true;
+		dispatch(RESYNC);
+		failures = 0;
+	};
+	stream.onmessage = (message) => {
+		dispatch(JSON.parse(message.data));
+	};
+	stream.onerror = () => {
+		if (source !== stream) return;
+		close();
+		if (syncTimer !== null) clearTimeout(syncTimer);
+		syncTimer = null;
+		retryTimer = setTimeout(() => {
+			retryTimer = null;
+			sync();
+		}, Math.min(RECONNECT_MAX_MS, RECONNECT_BASE_MS * 2 ** failures));
+		failures += 1;
+	};
+}
+function sync() {
+	syncTimer = null;
+	const topics = [...new Set([...listeners].flatMap((listener) => listener.topics()))].sort().join(",");
+	if (source && topics === sourceTopics) return;
+	close();
+	if (topics) open(topics);
+}
+function schedule() {
+	if (retryTimer !== null) return;
+	if (syncTimer !== null) clearTimeout(syncTimer);
+	syncTimer = setTimeout(sync, TOPIC_DEBOUNCE_MS);
+}
+/**
+* Subscribe to topics of the platform's realtime stream.
+*
+* Every caller in a tab shares one `EventSource`, opened on the union of
+* their topics and reopened when that union changes. `handler` receives the
+* write events of the caller's own topics (not `presence.changed`, which goes
+* to `usePresence`) plus every `resync`: one comes from the
+* server when this tab fell behind, and one follows each open of the stream:
+* the first open, each reconnect (backoff from 1 s to 30 s) and each reopen for
+* a changed topic union. On `resync`, refetch. The union of all callers' topics
+* in a tab may hold at most 50 topics; the platform refuses a larger stream.
+*
+* The stream authenticates with the session cookie, so it works in the
+* platform and in plugin frontends served by it. It exists only when the
+* platform's `realtime` feature flag is on; check that flag first.
+*
+* A plugin topic reaches a caller whose role may use the plugin; an
+* experiment plugin topic also needs a caller who may view the experiment.
+*
+* @example
+* useRealtime(() => [`experiment:${id.value}`], () => refetch())
+* @example
+* useRealtime(['plugin:drp'], (event) => {
+*   if (event.type === 'drp.run.progress') progress.value = event.payload as RunProgress
+* })
+*/
+function useRealtime(topics, handler) {
+	return subscribeRealtime(topics, handler, false);
+}
+/** The last `presence.changed` of `topic` while the open stream views it (for `usePresence`). */
+function currentPresence(topic) {
+	return presence.get(topic);
+}
+/** `useRealtime`, and with `withPresence` also the `presence.changed` events (for `usePresence`). */
+function subscribeRealtime(topics, handler, withPresence) {
+	const listener = {
+		topics: () => toValue(topics),
+		handler,
+		presence: withPresence
+	};
+	listeners.add(listener);
+	const stopWatch = watch(() => listener.topics().join(","), () => schedule());
+	schedule();
+	function stop() {
+		stopWatch();
+		if (listeners.delete(listener)) schedule();
+	}
+	if (getCurrentScope()) onScopeDispose(stop);
+	return {
+		connected: readonly(connected),
+		stop
+	};
+}
+//#endregion
+export { combinePluginJobSources as a, JobsStatusTray_default as i, subscribeRealtime as n, useJobCenter as o, useRealtime as r, currentPresence as t };
+
+//# sourceMappingURL=useRealtime-PalKue84.js.map